@import url(https://fonts.googleapis.com/css?family=Unbounded:300,regular,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700);

:root {
   --color: #F8CA68;
   --color2: #E4E4E4;
   --color3: #A7A7A7;
   --color4: #333332;
   --color-hover: #e0b75e;
   --bg-color: #0D0D0D;
   --gradient-text: linear-gradient(87deg, rgba(229, 229, 229, 0.35) 0.47%, rgba(229, 229, 229, 0.90) 17.59%, rgba(255, 255, 255, 0.90) 37.23%, #FFF 52.84%, rgba(255, 255, 255, 0.90) 64.93%, rgba(229, 229, 229, 0.90) 82.05%, rgba(255, 255, 255, 0.49) 97.16%);
}

html {
   height: 100%;
}

body {
   color: #fff;
   font-family: 'Montserrat', sans-serif;
   background: var(--bg-color) url(../img/body-bg.png) center / 100%;
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

.webp body {
   background: var(--bg-color) url(../img/body-bg-1000.webp) center / 100%;
}

.main {
   flex-grow: 1;
}

body::-webkit-scrollbar {
   width: 0.417vw;
   background-color: var(--bg-color);
}

body::-webkit-scrollbar-thumb {
   background-color: var(--color2);
   border-radius: 4px;
}

body::-webkit-scrollbar-thumb:active {
   background-color: #cccccc;
}

body.menu-open {
   overflow: hidden;
}

body.scroll-llock {
   overflow: hidden;
}

.wrapper {
   max-width: 1162px;
   width: 100%;
   margin: 0px auto;
   padding: 0px 15px;
}

.logo {
   display: flex;
   gap: 18px;
   color: #FFFFFF;
}

.header-top__logo.logo {
   width: 150px;
}

.footer__logo {
   width: 150px;
}

.logo-mobile {
   display: none;
}

.button {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--color4);
   text-align: center;
   font-size: 14px;
   font-weight: 700;
   line-height: 140%;
   letter-spacing: 0.56px;
   text-transform: uppercase;
   max-width: 340px;
   width: 100%;
   padding: 10px;
   border-radius: 100px;
   border: 1px solid rgba(255, 255, 255, 0.07);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) -33.02%, rgba(255, 255, 255, 0.00) 17.45%), rgba(255, 255, 255, 0.05);
   box-shadow: 0px 0px 18px -6px rgba(255, 255, 255, 0.17) inset;
   backdrop-filter: blur(6px);
   transition: 0.25s ease 0s;
   flex-shrink: 0;
}

a.button {
   color: var(--color4);
}

.button__body {
   width: 100%;
   padding: 23px;
   border-radius: 58px;
   background: linear-gradient(200deg, #FFEBC6 -14.71%, rgba(255, 235, 198, 0.00) 65.61%), linear-gradient(201deg, #FFEBC6 -0.25%, rgba(255, 235, 198, 0.00) 20.09%), var(--color);
   transition: 0.25s ease 0s;
}

h1 {
   font-family: 'Unbounded';
   font-size: 46px;
   font-weight: 500;
   line-height: 130%;
   letter-spacing: 0.92px;
   background: var(--gradient-text);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 15px;
}

h2,
.h1 {
   text-align: center;
   font-family: 'Unbounded';
   font-size: 36px;
   line-height: 130%;
   background: var(--gradient-text);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

h2 span,
.h1 span {
   background: var(--color);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


h1 span {
   background: var(--color);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.big-block {
   max-width: 1488px;
   width: 100%;
   padding: 0px 5px;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
}

.big-block__body {
   background: var(--bg-color) center / cover no-repeat;
   border-radius: 80px;
   position: relative;
   overflow: hidden;
}

.big-block.radius .big-block__body {
   border-radius: 0px 0px 80px 80px;
}

.big-block__border {
   padding: 2px;
   overflow: hidden;
   border-radius: 80px;
   background: linear-gradient(rgba(39, 39, 38, 0), rgba(39, 39, 38, 1));
}

.big-block.radius .big-block__border {
   border-radius: 0px 0px 80px 80px;
}

.big-block__right-img {
   position: absolute;
   bottom: -10%;
   left: 34%;
}

.button2 {
   color: var(--color);
   text-align: center;
   font-size: 14px;
   font-weight: 700;
   line-height: 140%;
   letter-spacing: 0.56px;
   text-transform: uppercase;
   padding: 33px 26px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   border-radius: 58px;
   border: 2px solid var(--color);
   transition: all 0.25s ease 0s;
}

.button2 .svg1,
.button2 .svg2 {
   content: '';
   width: 6px;
   height: 10px;
   background: url(../img/icons/mini-arrow.svg) center / 100% no-repeat;
}

.button2 .svg1 {
   transform: rotate(180deg);
}

a.button2 {
   color: var(--color);
}

.video-btn {
   display: flex;
   align-items: center;
   gap: 20px;
   color: var(--color2);
   font-size: 14px;
   line-height: 150%;
   letter-spacing: 0.28px;
   border-radius: 58px;
   border: 1px solid rgba(255, 255, 255, 0.07);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) -33.02%, rgba(255, 255, 255, 0.00) 17.45%), rgba(255, 255, 255, 0.05);
   box-shadow: 0px 0px 18px -6px rgba(255, 255, 255, 0.17) inset;
   backdrop-filter: blur(6px);
   padding: 10px;
   width: 100%;
}

a.video-btn {
   color: var(--color2);
}

.video-btn__play {
   width: 86px;
   height: 86px;
   flex-shrink: 0;
}

.video-play {
   color: #FFF;
   transition: 0.25s ease 0s;
   border-radius: 50%;
}

.video-btn__text {
   max-width: 234px;
}

.breadcrumbs {
   padding: 55px 0px 20px 0px;
   color: #8F8F8F;
   position: relative;
   z-index: 4;
}

.breadcrumbs a {
   font-size: 14px;
   font-weight: 500;
   line-height: 145%;
   display: inline;
}

.breadcrumbs span {
   color: #303030;
   font-size: 14px;
   font-weight: 500;
   line-height: 145%;
   display: inline;
}

@media (hover: hover) {
   .button2:hover {
      color: var(--bg-color);
      background-color: var(--color);
   }

   .button:hover .button__body {
      color: var(--bg-color);
      background: linear-gradient(201deg, #FFEBC6 -0.25%, rgba(255, 235, 198, 0.00) 20.09%), linear-gradient(200deg, #FFEBC6 -14.71%, rgba(255, 235, 198, 0.00) 65.61%), var(--Color-1, #F8CA68);
      box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.55) inset, 0px -1px 5px 0px rgba(255, 255, 255, 0.55) inset, 0px 12px 34px -12px rgba(249, 206, 115, 0.37);
   }

   .video-play:hover {
      color: var(--color);
   }

   .achievements .video-btn:hover .video-play {
      color: var(--color);
   }
}

@media (min-width: 992px) {
   body.scroll-llock {
      padding-right: 0.417vw;
   }
}

@media (max-width: 1160px) {
   .big-block__right-img {
      max-width: 700px;
   }
}

@media (max-width: 992px) {
   .breadcrumbs {
      padding: 40px 0px 20px 0px;
   }

   h1 {
      font-size: 38px;
      margin-bottom: 12px;
   }

   h2,
   .h1 {
      font-size: 30px;
   }

   .big-block__body {
      border-radius: 70px;
   }

   .big-block.radius .big-block__body {
      border-radius: 0px 0px 70px 70px;
   }


   .big-block__border {
      border-radius: 70px;
   }

   .big-block.radius .big-block__border {
      border-radius: 0px 0px 70px 70px;
   }

   .video-btn__play {
      width: 76px;
      height: 76px;
   }
}

@media (max-width: 768px) {
   .breadcrumbs.mobile-off {
      display: none;
   }

   .wrapper {
      max-width: 570px;
   }

   h1 {
      text-align: center;
      font-size: 30px;
      margin-bottom: 8px;
   }

   h1 div {
      display: inline;
   }

   h2,
   .h1 {
      font-size: 24px;
   }

   .big-block__body {
      border-radius: 60px;
   }

   .big-block.radius .big-block__body {
      border-radius: 0px 0px 60px 60px;
   }

   .big-block__border {
      border-radius: 60px;
   }

   .big-block.radius .big-block__border {
      border-radius: 0px 0px 60px 60px;
   }

   .big-block {
      max-width: 640px;
   }

   .video-btn__play {
      width: 66px;
      height: 66px;
   }
}



/* ==================================== */

.header {
   position: relative;
   z-index: 50;
}

.header-top {
   padding: 30px 0px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 15px;
}

.header-top__left {
   display: flex;
   align-items: center;
   gap: 40px;
}

.find-out {
   display: flex;
   align-items: center;
   gap: 15px;
   padding: 13px 15px;
   border-radius: 15px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: rgba(7, 7, 7, 0.06);
   backdrop-filter: blur(4px);
}

.find-out__question {
   display: flex;
   align-items: center;
   gap: 15px;
}

.find-out__question img {
   flex-shrink: 0;
}

.find-out__question-title {
   color: var(--color);
   font-size: 14px;
   font-weight: 500;
   max-width: 88px;
}

.find-out__right {
   display: flex;
   align-items: center;
   max-width: 180px;
   color: var(--color2);
   font-size: 13px;
   line-height: 130%;
}

.find-out__right::before {
   content: '';
   width: 1px;
   height: 19px;
   border-radius: 5px;
   background: #333;
   margin-right: 15px;
}

.header-top__right {
   display: flex;
   align-items: center;
   gap: 40px;
}

.header-top__logo-decp {
   color: var(--color2);
   font-size: 13px;
   line-height: 130%;
   max-width: 250px;
}

.socials {
   display: flex;
   gap: 14px;
}

.socials__link {
   flex-shrink: 0;
}

.socials__link svg {
   color: var(--color);
   transition: 0.25s ease 0s;
}

.tel-list__top {
   display: flex;
   align-items: center;
   gap: 11px;
}

.tel-list__top img {
   margin-top: -6px;
   flex-shrink: 0;
}

.tel-list__tel {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 20px;
   font-weight: 700;
   line-height: 155%;
   letter-spacing: 0.4px;
   margin-bottom: 4px;
   transition: 0.25s ease 0s;
}

a.tel-list__tel {
   color: var(--color2);
}

.tel-list__bottom {
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 14px;
   line-height: 155%;
   color: var(--color3);
   padding-left: 18px;
}

.tel-list__bottom a {
   color: var(--color);
   font-size: 13px;
   line-height: 130%;
   text-decoration-line: underline;
}

.tel-list__bottom button {
   color: var(--color);
   font-size: 13px;
   line-height: 130%;
   text-decoration-line: underline;
}

.tel-list__drop-list {
   position: relative;
}

.tel-list__drop-selected {
   color: var(--color);
   display: flex;
   gap: 6px;
   align-items: center;
}

[data-drop] {
   cursor: pointer;
}

[data-drop]::after {
   content: '';
   width: 10px;
   height: 10px;
   background: url(../img/icons/arrow.svg) center / contain no-repeat;
   transition: 0.25s ease 0s;
}

.tel-list__list {
   display: block;
   position: absolute;
   opacity: 0;
   pointer-events: none;
   top: 100%;
   left: 0;
   color: var(--color);
   z-index: 50;
   border-radius: 5px;
   transition: 0.1s ease 0s;
   background-color: var(--bg-color);
}

.tel-list__item {
   cursor: pointer;
   padding: 5px 10px;
   border-radius: 5px;
   transition: 0.1s ease 0s;
}

.tel-list__item.selected {
   pointer-events: none;
}

.drop-active+.tel-list__list {
   opacity: 1;
   pointer-events: all;
}

.menu-header {
   margin-top: 9px;
}

.menu-header__list {
   display: flex;
   padding-right: 18px;
   align-items: center;
}

.menu-header__item {
   display: flex;
   width: auto;
   align-items: center;
   color: var(--color3);
   font-family: 'Montserrat';
   font-size: 14px;
   line-height: 155%;
   white-space: nowrap;
}

.menu-header__item a {
   transition: 0.25s ease 0s;
}

.menu-header__item:not(:last-child)::after {
   content: '';
   height: 9px;
   width: 1px;
   background: var(--color3);
   margin-left: 28px;
}

.menu-burger {
   display: none;
}

.menu-header__list {
   display: flex;
   padding-right: 18px;
   align-items: center;
}

.menu-header__next {
   width: 18px;
   height: 18px;
   margin-top: 0px;
   color: var(--color);
   transform: translateY(-50%);
   background: rgba(7, 7, 7, 0.06);
   backdrop-filter: blur(4px);
   transition: 0.25s ease 0s;
   border-radius: 2px;
   right: 0px;
}

.swiper-nav {
   color: var(--color);
   border-radius: 4px;
}

.swiper-nav::after {
   content: '';
}

.swiper-nav svg {
   width: 100%;
   height: 100%;
}

.menu-header__next.swiper-button-disabled {
   opacity: 0;
}

.menu-header__next::after {
   display: none;
}

.burger-menu {
   display: none;
}


@media (hover: none) {
   .swiper-nav:active {
      background-color: var(--color);
      color: var(--bg-color);
   }
}

@media (hover: hover) {
   .swiper-nav:hover {
      background-color: var(--color);
      color: var(--bg-color);
   }

   .socials__link:hover svg {
      color: var(--color-hover);
   }

   .tel-list__drop-list:hover [data-drop]::after {
      transform: rotate(180deg);
   }

   .menu-header__item a:hover {
      color: rgb(194, 194, 194);
   }

   .tel-list__tel:hover {
      color: #FFF;
   }

   .tel-list__item:hover {
      background-color: #FFF;
   }

   .tel-list__drop-list:hover .tel-list__list {
      opacity: 1;
      pointer-events: all;
   }
}

.menu-header__item a:active {
   color: var(--color);
}

@media (max-width: 1160px) {
   .header-top__right {
      gap: 20px;
   }

   .header-top__left {
      gap: 20px;
   }

   .tel-list__tel {
      font-size: 18px;
   }

   .logo-pc {
      max-width: 220px;
   }

   .find-out {
      gap: 12px;
      padding: 10px 12px;
   }

   .find-out__right::before {
      margin-right: 12px;
   }

   .menu-header__item:not(:last-child)::after {
      margin-left: 22px;
   }
}

@media (max-width: 992px) {
   .find-out {
      gap: 6px;
      padding: 8px 10px;
      border-radius: 10px;
   }

   .find-out__right::before {
      margin-right: 8px;
   }

   .find-out__right {
      font-size: 10px;
      max-width: 130px;
   }

   .find-out__question {
      gap: 8px;
   }

   .find-out__question-title {
      font-size: 11px;
      max-width: 70px;
   }

   .find-out__question img {
      display: none;
   }

   .tel-list__tel {
      font-size: 16px;
   }

   .tel-list__bottom {
      font-size: 12px;
      padding-left: 14px;
   }

   [data-dr]::after {
      width: 8px;
      height: 8px;
   }

   .tel-list__drop-selected {
      gap: 4px;
   }

   .header-top .socials__link {
      width: 28px;
   }

   .header-top__right {
      gap: 10px;
   }

   .header-top .socials {
      gap: 10px;
   }

   .header-top__left {
      gap: 15px;
   }

   .logo-pc {
      max-width: 205px;
   }

   .menu-header__item:not(:last-child)::after {
      margin-left: 15px;
   }

   .menu-header {
      margin-top: 4px;
   }

   .menu-header__item {
      font-size: 15px;
   }
}

@media (max-width: 768px) {
   .header-top {
      padding: 30px 0px;
   }

   .intro-quiz .header-top {
      flex-direction: column;
   }

   .intro-quiz .header-top__left {
      flex-direction: column;
   }

   .header-top__logo-decp {
      text-align: center;
   }

   .menu-burger {
      padding: 0px 15px;
      display: flex;
      position: relative;
      align-self: center;
      background-color: #ffffff00;
      width: 40px;
      height: 24px;
      z-index: 12;
   }

   .menu-burger span,
   .menu-burger::before,
   .menu-burger::after {
      content: "";
      transition: all 0.3s ease 0s;
      right: 0;
      position: absolute;
      width: 40px;
      height: 3px;
      background-color: var(--color);
      border-radius: 2px;
   }

   .menu-burger::before {
      top: 0px;
      width: 32px;
   }

   .menu-burger::after {
      bottom: 0px;
      width: 26px;
   }

   .menu-burger span {
      top: calc(50% - 1px);
   }

   body.menu-open .menu-burger span {
      transform: scale(0);
   }

   body.menu-open .menu-burger::before {
      transform: rotate(-45deg);
      top: calc(50% - 2px);
      width: 100%;
   }

   body.menu-open .menu-burger::after {
      transform: rotate(45deg);
      bottom: calc(50% - 1px);
      width: 100%;
   }

   .find-out {
      display: none;
   }

   .tel-list__bottom {
      display: none;
   }

   .header-top .socials__link {
      width: 30px;
   }

   .header-top__right {
      gap: 15px;
   }

   .menu-header {
      display: none;
   }

   .logo-pc {
      display: none;
   }

   .logo-mobile {
      display: block;
   }

   .header-top .socials {
      display: none;
   }

   .header-top__right {
      width: 100%;
      justify-content: flex-end;
   }

   .header-top__tel {
      margin-left: auto;
      margin-right: auto;
   }

   .burger-menu {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: translate(100%, 0%);
      background-color: var(--bg-color);
      z-index: 150;
      padding: 45px 0px;
      overflow: auto;
      display: block;
      transition: 0.4s ease 0s;
   }

   body.menu-open .burger-menu {
      transform: translate(0%, 0%);
   }

   .burger-menu::-webkit-scrollbar {
      height: 0px;
      width: 0px;
   }

   .burger-menu__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px;
   }

   .burger-menu__close.modal-close {
      position: relative;
      top: 0px;
      left: 0px;
      width: 25px;
      height: 25px;
   }

   .burger-menu .modal-close::before,
   .burger-menu .modal-close::after {
      width: 25px;
      height: 4px;
   }

   .burger-menu .modal-close::before {
      top: calc(50% - 2px);
   }

   .burger-menu__close.modal-close::before,
   .burger-menu__close.modal-close::after {
      background-color: var(--color);
   }

   a.burger-menu__tel {
      color: var(--color2);
      font-family: 'Unbounded';
      font-size: 18px;
      font-weight: 700;
      line-height: 155%;
      letter-spacing: 0.28px;
   }

   .burger-menu__list {
      padding: 35px 0px;
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   .burger-menu__item {
      color: var(--color3);
      font-size: 18px;
      line-height: 155%;
   }

   .burger-menu__tel-list {}

   .burger-menu .tel-list__bottom {
      padding: 0px;
      font-size: 16px;
      display: flex;
   }

   .burger-menu [data-drop]::after {
      width: 12px;
      height: 12px;
   }

   .burger-menu .find-out {
      margin: 13px 0px;
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      max-width: 268px;
      gap: 12px;
      padding: 14px 16px;
   }

   .burger-menu .find-out__question img {
      display: block;
      width: 24px;
   }

   .burger-menu .find-out__right::before {
      display: none;
   }

   .burger-menu .find-out__question-title {
      font-size: 15px;
      max-width: 102px;
   }

   .burger-menu .find-out__right {
      font-size: 14px;
      max-width: 170px;
   }

   .burger-menu__socials-title {
      color: var(--color2);
      font-size: 14px;
      line-height: 130%;
      margin: 12px 0px;
      max-width: 150px;
   }

   .burger-menu__socials a svg {
      width: 38px;
      height: 38px;
   }

   .burger-menu__confidentiality {
      margin-top: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--color3);
      font-size: 16px;
      line-height: 155%;
      text-decoration-line: underline;
   }
}

@media (max-width: 480px) {
   .header-top {
      padding: 30px 0px 10px;
   }

   .header-top__logo.logo {
      width: 100px;
   }

   .intro-quiz .tel-list__tel {
      font-size: 16px;
   }

   .menu-burger {
      width: 32px;
      height: 22px;
   }

   .menu-burger span,
   .menu-burger::before,
   .menu-burger::after {
      width: 32px;
   }

   .menu-burger::before {
      width: 24px;
   }

   .menu-burger::after {
      width: 18px;
   }

   .tel-list__tel {
      font-size: 14px;
   }

   .burger-menu {
      padding: 65px 10px;
   }

   .burger-menu .tel-list__bottom {
      font-size: 14px;
   }

   .burger-menu [data-drop]::after {
      width: 10px;
      height: 10px;
   }

   .burger-menu .find-out__question img {
      width: 18px;
   }

   .burger-menu .find-out__question {
      gap: 12px;
   }

   .burger-menu .find-out__question-title {
      font-size: 13px;
      max-width: 82px;
   }

   .burger-menu .find-out {
      max-width: 227px;
   }

   .burger-menu__logo {
      max-width: 171px;
   }

   a.burger-menu__tel {
      font-size: 14px;
   }

   .burger-menu__item {
      font-size: 14px;
   }

   .burger-menu .find-out__right {
      font-size: 12px;
   }

   .burger-menu__socials-title {
      font-size: 12px;
   }

   .burger-menu__socials a svg {
      width: 34px;
      height: 34px;
   }

   .burger-menu__confidentiality {
      font-size: 14px;
   }
}

/* ==================================== */

.intro {
   padding-bottom: 53px;
   position: relative;
   overflow: hidden;
   margin-bottom: 25px;
}

.intro-default {
   min-height: 868px;
}

.intro-default.min-h-800 {
   min-height: 800px;
}

.intro-default.min-h-800 .intro__bg::before {
   height: 269px;
}

.intro-investitsii .intro__bottom {
   align-items: center;
   max-width: 981px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 60px;
}

.intro-investitsii .intro__image {
   position: absolute;
   min-width: 2047px;
   left: 42.5%;
   bottom: -5%;
}

.intro-default .intro__title {
   text-align: left;
}

.intro__title img {
   display: inline;
}

.intro-default .intro__main {
   max-width: 651px;
}

.intro-spacibo .intro__main {
   max-width: 510px;
}

.intro-default .intro__item {
   max-width: 509px;
}

.intro-investitsii .intro__body {
   padding-top: 70px;
}

.intro-investitsii .intro__title {
   text-align: left;
   max-width: 757px;
}

.intro-investitsii .intro__bg-bushes {
   position: absolute;
   z-index: 3;
   left: 80%;
   bottom: 0;
   transform: translateX(-50px);
}

.intro-investitsii .intro__main {
   max-width: 759px;
}

.intro__bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   overflow: hidden;
}

.intro__bg-pc,
.intro__bg-mobile {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.intro__image {
   position: absolute;
   z-index: 2;
}

.intro-main .intro__image {
   min-width: 1342px;
   left: 42.5%;
   bottom: 0;
}

.intro__bushes {
   position: absolute;
   right: 45%;
   min-width: 1257px;
   bottom: -20px;
   z-index: 3;
}

.intro-onegin::before {
   background: linear-gradient(180deg, var(--bg-color) 11.98%, rgba(13, 13, 13, 0.00) 100%);
}

.intro-onegin h1 {
   font-size: 56px;
   margin-bottom: 8px;
}

.intro-onegin .intro__item {
   max-width: 435px;
}

.intro-onegin {
   padding-bottom: 213px;
}

.intro-onegin .intro__list {
   margin-bottom: 5px;
}

.intro__car {
   animation-delay: 1.18s;
}

.intro__sub-title {
   margin-bottom: 8px;
   font-family: Unbounded;
   font-size: 26px;
   font-weight: 500;
   line-height: 130%;
   letter-spacing: 0.52px;
   background: var(--gradient-text);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.intro-main .intro__image::before {
   content: '';
   position: absolute;
   width: 742px;
   height: 272px;
   right: -400px;
   bottom: 0;
   z-index: 4;
   background: url(../img/intro/bushes.png)center / contain no-repeat;
}

.intro__house {
   position: relative;
   z-index: 2;
}

.intro__car {
   position: absolute;
   right: 650px;
   bottom: 156px;
   z-index: 2;
}

.intro__body {
   padding-top: 45px;
   position: relative;
   z-index: 5;
}

.intro__main {
   max-width: 716px;
}

.intro__list {
   margin-bottom: 25px;
}

.intro-quiz .intro__list {
   margin-bottom: 0px;
}

.intro__item {
   display: flex;
   /*color: var(--color3);*/
   color: #e0dfcb;
   font-size: 20px;
   font-weight: 500;
   line-height: 155%;
}

.intro__item:not(:last-child) {
   margin-bottom: 5px;
}

.intro__item b {
   color: #E4E4E4;
}

.intro__center {
   display: flex;
   align-items: center;
   gap: 24px;
   padding-top: 25px;
   padding-bottom: 40px;
}

.intro-quiz .intro__center {
   padding-top: 20px;
}

.intro__center-main {
   display: flex;
   align-items: center;
   gap: 24px;
}

.intro__button-description {
   position: relative;
   max-width: 285px;
   color: var(--color2);
   font-size: 14px;
   line-height: 140%;
}

.intro__bottom {
   display: flex;
   align-items: flex-start;
   gap: 41px;
   margin-top: 40px;
   border-radius: 15px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: linear-gradient(89deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 30.09%, rgba(255, 255, 255, 0.00) 66.43%, rgba(255, 255, 255, 0.10) 100%), rgba(7, 7, 7, 0.30);
   backdrop-filter: blur(11.5px);
   padding: 22px 20px 22px 14px;
}

.intro-quiz .intro__bottom {
   align-items: center;
   margin-left: auto;
   margin-right: auto;
}

.intro__bottom-item {
   display: flex;
   align-items: center;
   gap: 10px;
}

.intro__bottom-item.i-1 {
   max-width: 338px;
   width: 100%;
}

.intro__bottom-item.i-2 {
   max-width: 323px;
   width: 100%;
}

.intro__bottom-item.i-3 {
   max-width: 371px;
   width: 100%;
}

.intro__bottom-item img {
   flex-shrink: 0;
   max-width: 46px;
}

.intro-quiz .intro__item-p {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 14px;
   line-height: 130%;
}

.intro-quiz .intro__bottom-item {
   gap: 20px;
}


.intro-quiz .intro__bottom {
   padding-left: 44px;
   max-width: 1062px;
   justify-content: space-between;
   padding-right: 44px;
   margin-top: 70px;
}

.intro-quiz .intro__center-main {
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
}

.intro__item-title {
   color: var(--color2);
   font-size: 15px;
   font-weight: 700;
   line-height: 130%;
   margin-bottom: 10px;
   font-family: 'Unbounded';
}

.intro__item-p {
   color: var(--color3);
   font-size: 14px;
   line-height: 130%;
}

.intro-main .intro__bg-mobile {
   display: none;
}

.intro-main .intro__bg .intro__car {
   display: none;
}

.intro-main .intro__bg .intro__house {
   display: none;
}

.fade-down::before {
   content: '';
   width: 100%;
   height: 170px;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 5;
   background: linear-gradient(180deg, var(--bg-color) 11.98%, rgba(13, 13, 13, 0.00) 100%);
   transform: rotate(180deg);
}

.intro-onegin .intro__bg-mobile {
   display: none;
}

.intro-investitsii::before {
   height: 18%;
}

.intro-investitsii .intro__stonks {
   position: absolute;
   top: 17%;
   left: 50%;
   transform: translateX(-79%);
   opacity: 0.05;
}

.intro-investitsii .intro__car {
   display: none;
}


.intro-investitsii .intro__bg-mobile {
   display: none;
}

.intro-investitsii .intro__bg .intro__house {
   display: none;
}

.intro-default .intro__bg-mobile {
   display: none;
}

.intro-default .intro__body {
   padding-top: 70px;
}

.intro-podbor {
   margin-bottom: 70px;
   overflow: visible;
   min-height: 808px;
   padding-bottom: 100px;
}

.intro-podbor .button__body {
   padding: 32px 10px;
}

.intro-podbor .intro__body {
   padding-top: 50px;
   position: static;
}

.intro-podbor .intro__main {
   position: relative;
   z-index: 2;
}

.intro-podbor .intro__bottom {
   position: absolute;
   max-width: 982px;
   width: 100%;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 50%);
   z-index: 2;
   padding-right: 55px;
   padding-left: 55px;
}

.intro-podbor .intro__bottom-item.i-2 {
   max-width: 236px;
}

.intro-podbor .intro__bottom-item img {
   max-width: 100%;
}

.intro-podbor .intro__bottom-item.i-3 {
   max-width: 255px;
}

.intro-podbor .intro__item-p {
   font-size: 14px;
}

.intro-geodeziya .intro__bottom {
   padding-left: 23px;
   padding-right: 23px;
}

.intro-geodeziya .intro__bottom-item.i-1 {
   max-width: 288px;
}

.intro-geodeziya .intro__bottom-item.i-3 {
   max-width: 288px;
}

.intro-geodeziya .intro__bottom-item.i-2 {
   max-width: 273px;
}

.intro-geodeziya .intro__main {
   max-width: 723px;
}

.intro-geodeziya .intro__item {
   max-width: 523px;
}

.consultation-three.decor .big-block__right-image .onlypc {
   bottom: -26%;
}

.intro-geodeziya .intro__center {
   padding-top: 0px;
}

.intro-geodeziya .intro__list {
   margin-bottom: 15px;
}

.intro-geodeziya .intro__body {
   padding-top: 41px;
}

.intro-landscape .intro__main {
   max-width: 683px;
}

.intro-landscape .intro__item {
   max-width: 400px;
}

.intro-landscape {
   margin-bottom: 200px;
   padding-bottom: 70px;
}

.intro-dyzayn .intro__main {
   max-width: 728px;
}

.intro-dyzayn .intro__body {
   padding-top: 6px;
}

.intro-dyzayn {
   min-height: 800px;
}

.intro-individual .intro__main {
   max-width: 686px;
}

.intro-individual .intro__center {
   padding: 10px 0px;
}

.intro-individual .intro__bottom {
   padding-right: 30px;
   padding-left: 30px;
}

.intro-individual .intro__bottom-item.i-2 {
   max-width: 202px;
}

.intro-individual .intro__bottom {
   max-width: 894px;
}

.intro-individual .intro__body {
   padding-top: 25px;
   position: static;
}

.intro-individual .intro__bottom-item {
   gap: 25px;
}

.intro-inzhenern .intro-podbor .intro__body {
   padding-top: 30px;
}

.intro-inzhenern {
   min-height: 757px;
   margin-bottom: 30px;
}

.intro-inzhenern .breadcrumbs {
   padding-top: 65px;
   padding-bottom: 5px;
}

.intro__dot-list {
   max-width: 612px;
   display: flex;
   flex-wrap: wrap;
   row-gap: 15px;
   column-gap: 45px;
}

.intro__dot-item {
   display: flex;
   color: var(--color3);
   font-size: 18px;
   flex-basis: 46%;
   flex-grow: 1;
   line-height: 155%;
   gap: 16px;
}

.intro__dot-item::before {
   content: '';
   margin-top: 9px;
   width: 7px;
   flex-shrink: 0;
   height: 7px;
   border-radius: 50%;
   background-color: var(--color);
}

.intro-inzhenern .intro__center {
   padding: 10px 0px;
}

.intro-inzhenern.fade-down::before {
   height: 276px;
}

.intro-ipotech .intro__bottom {
   padding: 26px 20px 26px 40px;
}

.intro-ipotech .intro__bottom-item.i-3 {
   max-width: 278px;
}

.intro-ipotech .intro__body {
   padding-top: 70px;
}

.intro-ipotech .intro__center {
   padding-top: 0px;
}

.intro-spacibo .breadcrumbs {
   padding-top: 65px;
   padding-bottom: 10px;
}

.intro-spacibo .intro__body {
   padding-top: 40px;
}

.intro-spacibo {
   min-height: 768px;
}

.intro-about {
   min-height: 791px;
   margin-bottom: 0px;
}

.intro-about .intro__body {
   padding-top: 35px;
}

.intro-about .intro__main {
   max-width: 690px;
}

.intro-about .intro__dot-list {
   max-width: 802px;
}

.intro-about .intro__title {
   max-width: 480px;
   margin-bottom: 30px;
}

.intro__video-wrapper {
   position: absolute;
   right: 5px;
   top: 155px;
}

.intro__video-play {
   position: relative;
   z-index: 2;
   display: flex;
   align-items: center;
   border-radius: 10px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: linear-gradient(89deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 30.09%, rgba(255, 255, 255, 0.00) 66.43%, rgba(255, 255, 255, 0.10) 100%), rgba(7, 7, 7, 0.30);
   backdrop-filter: blur(11.5px);
   padding: 13px 13px 13px 34px;
   max-width: 203px;
   width: 100%;
   color: var(--color2);
   font-size: 13px;
   font-weight: 600;
   line-height: 140%;
}

.intro__play {
   position: absolute;
   left: 0;
   top: 50%;
   height: 86px;
   transform: translate(-70%, -50%);
}

.intro-quiz .intro__center {
   flex-direction: column;
   max-width: 364px;
   width: 100%;
   align-items: flex-start;
   gap: 20px;
}

.intro-quiz .intro__center-title {
   color: var(--color3);
   font-size: 20px;
   font-weight: 700;
   line-height: 155%;
}

.intro-quiz .intro__center-decp {
   color: var(--color2);
   text-align: center;
   font-size: 14px;
   line-height: 140%;
   margin-top: 6px;
}

.intro-quiz .intro__image {
   bottom: 19px;
}

.intro-quiz .intro__button {
   width: 100%;
   max-width: 364px;
}

.intro.intro-quiz2 {
   min-height: 980px;
}

.intro.intro-quiz2 .intro__bottom-item img {
   max-width: 97px;
}

.intro.intro-quiz2 .intro__body {
   padding-top: 140px;
}

.intro-quiz2 .intro__bottom-item.i-3 {
   max-width: 274px;
}

.intro.intro-quiz2 .intro__item {
   max-width: 579px;
}

.intro.intro-quiz2 .intro__main {
   max-width: 728px;
}

.intro-quiz .intro__content-mobile {
   display: none;
}

.intro.intro-quiz2.mod {
   min-height: 940px;
}

.intro.intro-quiz2.mod .intro__bottom {
   max-width: 940px;
   padding-left: 45px;
   padding-right: 45px;
}

@media (hover: hover) {
   .intro__video-play:hover .video-play {
      color: var(--color);
   }
}

@media (min-width: 2200px) {
   .intro-main .intro__image {
      left: 47.5%;
   }

   .intro-investitsii .intro__bg-bushes {
      left: 65%;
      bottom: -57px;
      min-width: 1100px;
   }
}

@media (min-width: 1160px) {
   .intro-podbor .intro__bg {
      border-radius: 0px 0px 80px 80px;
   }

   .intro.intro-quiz2 .intro__bg {
      border-radius: 0px;
   }
}

@media (max-width: 1160px) {
   .intro__bottom {
      gap: 12px;
      justify-content: space-between;
      max-width: 1000px;
   }

   /* .intro__bottom-item img {
	    max-width: 80px;
	} */

   .intro__item-title {
      font-size: 13px;
      margin-bottom: 5px;
   }

   .intro__item-p {
      font-size: 12px;
   }

   .intro__bottom-item.i-3 {
      max-width: 320px;
   }

   .intro-investitsii .intro__image {
      min-width: 1947px;
      left: 28.5%;
      bottom: -5%;
   }

   .intro-podbor .intro__bottom {
      max-width: 782px;
   }

   .intro-podbor .intro__bottom-item {
      flex-direction: column;
      align-items: center;
      text-align: center;
   }

   .intro-individual .intro__bottom-item {
      gap: 10px;
   }

   .intro-spacibo .intro__bg-pc {
      max-width: 150%;
      width: 120%;
      height: 105%;
   }
}

@media (min-width: 992px) {
   .intro-geodeziya {
      background-color: #030303;
      border-radius: 0px 0px 80px 80px;
   }

   .intro-spacibo {
      border-radius: 0px 0px 80px 80px;
   }
}

@media (max-width: 992px) {
   .intro {
      margin-bottom: 35px;
   }

   .intro__video-wrapper {
      position: static;
   }

   .intro__video-play {
      font-size: 14px;
      max-width: 393px;
      margin-left: 60px;
      padding: 16px 13px 16px 34px;
   }

   .intro__play {
      height: 74px;
      width: 74px;
   }

   .intro-landscape {
      margin-bottom: 150px;
   }

   .intro-geodeziya .intro__main {
      max-width: 623px;
   }

   .intro-geodeziya .intro__bg-pc {
      width: 150%;
      height: 100%;
      max-width: 150%;
      transform: translateX(-30%);
   }

   .intro__body {
      padding-top: 75px;
   }

   .intro__bottom {
      max-width: 768px;
      padding: 18px;
      margin-top: 30px;
   }

   .intro-investitsii .intro__title {
      max-width: 657px;
   }

   .intro__bottom-item.i-2 {
      max-width: 228px;
   }

   .intro-investitsii .intro__image {
      left: 1.5%;
   }

   .intro__bottom-item {
      text-align: center;
      flex-direction: column;
   }

   .intro__item-text {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .intro__center {
      padding-top: 25px;
      padding-bottom: 35px;
      align-items: flex-start;
      flex-direction: column;
   }

   .intro__item-title {
      max-width: 200px;
   }

   .intro__item {
      font-size: 18px;
   }

   .intro__list {
      margin-bottom: 20px;
   }

   .intro__main {
      max-width: 635px;
   }

   .intro-onegin h1 {
      font-size: 50px;
   }

   .intro__sub-title {
      font-size: 22px;
   }

   .intro-onegin .intro__item {
      max-width: 395px;
   }

   .intro-onegin {
      padding-bottom: 180px;
   }

   .intro-default .intro__body {
      padding-top: 70px;
   }

   .intro-uslugi .intro__bg-pc {
      min-width: 1920px;
      height: 100%;
      transform: translateX(-820px);
   }

   .intro-uslugi {
      min-height: 1000px;
   }

   .intro-uslugi .intro__body {
      padding-top: 20px;
   }

   .intro-dyzayn .intro__body {
      padding-top: 0px;
   }

   .intro-spacibo .intro__main {
      max-width: 418px;
   }
}

@media (min-width: 769px) {
   .intro__item::before {
      content: '';
      display: inline-block;
      margin-top: 14px;
      width: 20px;
      height: 1px;
      background-color: var(--color);
      margin-right: 9px;
      flex-shrink: 0;
   }

   .intro.intro-quiz2 .intro__bottom {
      max-width: 1040px;
      padding-right: 50px;
      padding-left: 50px;
      transform: translate(-50%, 30%);
      gap: 30px;
   }

   .intro__button-description::before {
      content: '';
      position: absolute;
      top: 102%;
      left: -7.5%;
      width: 104px;
      height: 31px;
      background: url(../img/intro/arrow-left.svg) center / contain no-repeat;
   }

   .intro-quiz .intro__bottom-item.i-1 {
      max-width: 279px;
   }

   .intro-quiz .intro__bottom-item.i-2 {
      max-width: 300px;
   }

   .intro-quiz .intro__bottom-item.i-3 {
      max-width: 298px;
   }
}

@media (max-width: 768px) {
   .intro {
      padding-bottom: 0px;
      margin-bottom: 50px;
   }

   .intro.intro-quiz2.mod .intro__main {
      min-height: 780px;
   }

   .intro-quiz2 .intro__bottom {
      gap: 50px;
   }

   .intro.intro-quiz2 .intro__body {
      padding-top: 7px;
   }

   .intro__title img {
      display: none;
   }

   .space-three .space__title {
      max-width: 433px;
   }

   .intro-landscape {
      margin-bottom: 30px;
   }

   .intro-default .intro__title {
      text-align: center;
   }

   .intro-default .intro__bg-pc {
      display: none;
   }

   .intro-default .intro__bg-mobile {
      display: block;
   }

   .intro::before {
      display: none;
   }

   .intro__body {
      padding-top: 40px;
      text-align: center;
   }

   .intro__title {
      margin-bottom: 10px;
   }

   .intro__item {
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
   }

   .intro__center {
      padding: 0px;
      align-items: center;
      flex-direction: column;
   }

   .intro__center-main {
      width: 100%;
      flex-direction: column;
      gap: 24px;
   }

   .intro-podbor .intro__bottom {
      position: relative;
      transform: translate(0px);
      left: 0;
      margin-top: 90px;
      padding: 45px 35px;
      max-width: 400px;
   }

   .intro-podbor .intro__bg {
      height: 1004px;
   }

   .intro-podbor .intro__bg::before {
      height: 267px;
   }

   .intro-podbor .intro__main {
      min-height: 800px;
   }

   .intro__bottom {
      margin-top: 75px;
      margin-left: auto;
      margin-right: auto;
      gap: 25px;
      padding: 35px 45px;
      flex-direction: column;
      align-items: center;
      max-width: 420px;
   }

   .intro__item-title {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .intro__item-title {
      max-width: 260px;
   }

   .intro__item-p {
      font-size: 14px;
   }

   /* .intro__bottom-item img {
	    max-width: 98px;
	} */

   .intro__bottom-item {
      gap: 0px;
   }

   .intro-quiz .intro__content-mobile {
      display: flex;
      flex-direction: column;
   }


   .intro-main .intro__bg {
      position: absolute;
      width: 100%;
      height: 650px;
   }

   .intro-main .intro__bg-pc {
      display: none;
   }

   .intro-main .intro__bg-mobile {
      display: block;
   }

   .intro-main .intro__bg .intro__car {
      display: block;
      width: 480px;
      height: 175px;
      position: absolute;
      left: 40px;
      bottom: 124px;
   }

   .intro-main .intro__bg .intro__house {
      display: block;
      min-width: 1100px;
      left: -50px;
   }

   .intro-main .intro__image {
      display: none;
   }

   .intro-main .intro__bg .intro__house {
      position: absolute;
      bottom: 0;
   }

   .intro__main {
      display: flex;
      flex-direction: column;
      /* min-height: 960px; */
   }

   .intro__center {
      margin-top: auto;
      gap: 12px;
   }

   .intro-main .intro__bg {
      height: 1130px;
   }

   .intro__bg::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 5;
      width: 100%;
      height: 352px;
      transform: rotate(180deg);
      background: linear-gradient(180deg, var(--bg-color) 0%, rgba(13, 13, 13, 0.80) 21.88%, rgba(13, 13, 13, 0.00) 100%);
   }

   .intro-main .intro__bg .intro__car {
      animation-delay: 0s;
   }

   .intro-main .intro__bg::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: -30%;
      bottom: -5%;
      width: 100%;
      height: 250px;
      background: url(../img/intro/bushes2.png) center / contain no-repeat;
      z-index: 4;
   }

   .intro__bushes {
      display: none;
   }

   .intro-onegin h1 {
      font-size: 46px;
   }

   .intro__sub-title {
      font-size: 18px;
      margin-bottom: 3px;
   }

   .intro-onegin .intro__item {
      max-width: 395px;
   }

   .intro-onegin {
      padding-bottom: 100px;
      margin-bottom: 25px;
   }

   .intro-onegin .intro__item {
      max-width: 345px;
   }

   .intro-onegin .intro__main {
      min-height: 860px;
   }

   .intro-onegin::before {
      display: block;
      height: 352px;
   }

   .intro-onegin .intro__bg-pc {
      display: none;
   }

   .intro-inzhenern.fade-down::before {
      height: 269px;
   }

   .intro-onegin .intro__bg-mobile {
      display: block;
   }

   .header.with-breadcrumbs .header-top {
      padding: 40px 0px 10px 0px;
   }

   .breadcrumbs {
      padding: 30px 0px 40px 0px;
   }

   .intro-onegin .intro__body {
      padding-top: 60px;
   }

   .intro-investitsii .intro__image {
      display: none;
   }

   .intro-investitsii .intro__bg-pc {
      display: none;
   }

   .intro-investitsii .intro__bg-mobile {
      display: block;
   }

   .intro-investitsii .intro__bg {
      height: 1120px;
   }

   .intro-investitsii .intro__body {
      padding-top: 0px;
   }

   .intro-investitsii .breadcrumbs {
      padding: 30px 0px 40px 0px;
   }

   .intro-investitsii .intro__title {
      text-align: center;
   }

   .intro-investitsii .intro__main {
      min-height: 1000px;
      padding-bottom: 48px;
   }

   .intro-investitsii .intro__bg-bushes {
      display: none;
   }

   .intro-investitsii .intro__bg .intro__house {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-30%);
      min-width: 1600px;
   }

   .intro-investitsii .intro__bg::after {
      content: '';
      position: absolute;
      min-width: 748px;
      height: 272px;
      bottom: -2%;
      left: 30%;
      z-index: 3;
      background: url(../img/intro/bushes.png) center / contain no-repeat;
   }

   .intro-investitsii .intro__car {
      position: absolute;
      display: block;
      left: 15%;
      bottom: 70px;
      z-index: 1;
      max-width: 450px;
   }

   .intro-uslugi .breadcrumbs {
      padding-bottom: 20px;
   }

   .intro-podbor .intro__body {
      padding-top: 20px;
   }

   .intro-podbor .intro__title {
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
   }

   .intro-podbor .breadcrumbs {
      padding: 22px 0px 40px 0px;
   }

   .intro-podbor .intro__bottom-item {
      gap: 10px;
   }

   .intro-geodeziya .breadcrumbs {
      padding: 22px 0px 30px 0px;
   }

   .intro-dyzayn .intro__body {
      padding-top: 0px;
   }

   .intro-individual .intro__bottom-item {
      max-width: 212px;
   }

   .intro-individual .intro__bottom {
      gap: 35px;
   }


   .intro-inzhenern .intro__center {
      padding: 10px 0px;
   }

   .intro-inzhenern .breadcrumbs {
      padding-top: 25px;
      padding-bottom: 20px;
   }

   .intro-inzhenern .intro__center {
      margin-top: 0px;
      gap: 12px;
   }

   .intro-inzhenern .intro__title {
      text-align: left;
      margin-left: 0px;
      margin-bottom: 0px;
   }

   .intro__dot-item {
      font-size: 16px;
   }

   .intro__dot-list {
      row-gap: 10px;
   }

   .intro-inzhenern {
      margin-bottom: 40px;
   }

   .intro-yuridicheskoye .intro__body {
      padding-top: 20px;
   }

   .intro-ipotech .intro__body {
      padding-top: 50px;
   }

   .intro-ipotech .intro__bg {
      height: 1060px;
   }

   .intro-spacibo .intro__main {
      max-width: 100%;
   }

   .intro-spacibo .breadcrumbs {
      display: none;
   }

   .intro-spacibo .intro__main {
      min-height: 752px;
   }

   .intro-spacibo .intro__bg::before {
      content: '';
      bottom: -67px;
   }

   .intro-about .intro__title {
      text-align: left;
      margin-bottom: 15px;
   }

   .intro-about .intro__dot-item {
      text-align: left;
   }

   .intro-about .intro__body {
      padding-top: 20px;
   }

   .intro-about {
      min-height: 1069px;
   }

   .intro-about .intro__bg::before {
      height: 247px;
   }

   .intro-about {
      margin-bottom: 120px;
   }

   .intro__video-play {
      max-width: 226px;
      text-align: left;
      margin-left: 44px;
      margin-top: 0px;
      padding: 8px 13px 8px 34px;
      margin-bottom: 10px;
   }

   .intro__play {
      height: 72px;
      width: 72px;
   }

   .intro-quiz .intro__center-main {
      flex-direction: column-reverse;
   }

   .intro-quiz .intro__center {
      margin-left: auto;
      margin-right: auto;
      gap: 6px;
   }

   .intro-quiz .intro__center-main {
      align-items: center;
   }

   .intro-quiz .intro__title {
      /* max-width: 320px; */
      margin-left: auto;
      margin-right: auto;
   }
   .intro__item br{
      display: none;  
   }
   .intro-quiz .intro__list {
      margin-left: auto;
      margin-right: auto;
   }

   .intro-quiz .intro__body {
      padding-top: 0;
      text-align: center;
   }

   .intro-quiz .intro__bottom {
      padding: 45px 15px 65px 15px;
      max-width: 420px;
   }

   .intro-quiz .intro__item-p {
      font-size: 14px;
   }

   .intro-quiz .intro__bottom-item {
      max-width: 167px;
   }

   .intro-quiz2 .intro__title {
      max-width: 480px;
   }

   .intro.intro-quiz2 .intro__item {
      max-width: 449px;
   }

   .intro.intro-quiz2 .intro__center {
      padding-top: 0px;
   }

   .intro__content-mobile {
      padding-top: 20px;
   }

   .intro.intro-quiz2 .intro__main {
      min-height: 980px;
   }
}



/* ==================================== */

.cooperation {
   position: relative;
   overflow: hidden;
   padding-top: 130px;
   margin-bottom: 50px;
}

.cooperation.padding {
   padding-top: 5px;
}

.cooperation.margin {
   margin-bottom: 40px;
   padding-top: 150px;
}

.cooperation__title {
   margin-bottom: 50px;
   max-width: 950px;
   margin-left: auto;
   margin-right: auto;
}

.cooperation__title div {
   display: inline;
}

.cooperation__text {
   max-width: 444px;
   margin-left: auto;
}

.cooperation__text-title {
   color: var(--color2);
   font-size: 20px;
   line-height: 155%;
   margin-bottom: 20px;
}

.cooperation__list {
   margin-bottom: 45px;
}

.cooperation__item {
   display: flex;
   align-items: center;
   gap: 15px;
   color: var(--color2);
   font-weight: 500;
   line-height: 155%;
}

.cooperation__item:not(:last-child) {
   margin-bottom: 25px;
}

.cooperation__item::before {
   content: '';
   align-self: flex-start;
   width: 42px;
   height: 42px;
   flex-shrink: 0;
   border-radius: 50%;
   background: var(--color) url(../img/icons/checkmark.svg) center / 18px 18px no-repeat;
}

.cooperation__mortgage-block {
   background: linear-gradient(89deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 30.09%, rgba(255, 255, 255, 0.00) 66.43%, rgba(255, 255, 255, 0.10) 100%), rgba(7, 7, 7, 0.30);
   border: 1px solid rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(11.5px);
   border-radius: 15px;
   padding: 28px 28px 28px 47px;
   overflow: auto;
}

.cooperation__mortgage-block::-webkit-scrollbar {
   height: 2px;
}

.cooperation__mortgage-block::-webkit-scrollbar-thumb {
   background-color: var(--color2);
}

.cooperation__mortgage-title {
   color: #EDEDED;
   font-family: 'Unbounded';
   line-height: 130%;
   letter-spacing: 0.32px;
   margin-bottom: 16px;
}

.cooperation__mortgage-list {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: 5px;
   height: 95px;
}

.cooperation__mortgage-item {
   display: inline-block;
   position: relative;
   color: #C2C2C2;
   font-size: 14px;
   font-weight: 500;
   line-height: 155%;
   flex-grow: 1;
   padding-left: 13px;
}

.cooperation__mortgage-item::before {
   content: '';
   position: absolute;
   left: 0;
   top: 8px;
   display: inline-block;
   width: 5px;
   height: 5px;
   background-color: var(--color);
   border-radius: 50%;
}

.cooperation__companies {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin-top: 120px;
   gap: 9px;
}

.cooperation__bg {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: -1;
}

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

.cooperation .fade-down::before {
   height: 430px;
   background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
}

.cooperation__company {
   position: relative;
   border-radius: 15px;
   border: 1px solid rgba(128, 128, 128, 0.10);
   background: #1A1A1A;
   padding: 28px 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc((100% - 55px) / 7);
   transition: 0.25s ease 0s;
   height: 110px;
}

.cooperation__company-no-color {
   transition: 0.2s ease 0s;
}

.cooperation__company-color {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.25s ease 0s;
   opacity: 0;
   z-index: 1;
   padding: 28px 10px;
}

.cooperation__bg-mobile {
   display: none;
}

.cooperation.margin2 {
   margin-bottom: 90px;
}

@media (hover: hover) {
   .cooperation__company:hover {
      background-color: #FFFFFF;
   }

   .cooperation__company:hover .cooperation__company-color {
      opacity: 1;
   }

   .cooperation__company:hover .cooperation__company-no-color {
      opacity: 0;
   }
}

@media (max-width: 992px) {
   .cooperation__companies {
      margin-top: 80px;
      gap: 10px;
   }

   .cooperation__company {
      width: calc((100% - 55px) / 5);
   }

   .cooperation__item::before {
      width: 38px;
      height: 38px;
   }

   .cooperation__item:not(:last-child) {
      margin-bottom: 25px;
   }

   .cooperation__item {
      gap: 12px;
   }

   .cooperation__list {
      margin-bottom: 35px;
   }

   .cooperation__title {
      margin-bottom: 35px;
      max-width: 790px;
   }

   .cooperation.margin {
      padding-top: 100px;
   }

   .cooperation.margin2 {
      margin-top: 50px;
   }
}

@media (min-width: 768px) {
   .cooperation__bg::after {
      content: "";
      width: 100%;
      height: 170px;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 5;
      background: linear-gradient(rgb(13, 13, 13) 11.98%, rgba(13, 13, 13, 0) 100%);
   }

}

@media (max-width: 768px) {
   .cooperation {
      margin-bottom: 90px;
   }

   .cooperation.margin-pc {
      margin-bottom: 10px;
   }

   .cooperation.padding-mobile {
      padding-top: 30px;
   }

   .cooperation.padding {
      padding-top: 80px;
   }

   .cooperation__title div {
      display: block;
   }

   .cooperation__title {
      text-align: left;
      margin-left: 0px;
      max-width: 490px;
   }

   .cooperation__text {
      max-width: 100%;
      margin-left: auto;
      display: flex;
      flex-direction: column;
      padding-bottom: 400px;
   }

   .cooperation__bg {
      top: auto;
      width: 200%;
      bottom: 3%;
      height: 1200px;
   }

   .cooperation__item::before {
      width: 34px;
      height: 34px;
      background: var(--color) url(../img/icons/checkmark.svg) center / 14px 14px no-repeat;
   }

   .cooperation__title {
      margin-bottom: 20px;
   }

   .cooperation__item {
      max-width: 500px;
   }

   .cooperation__company {
      width: calc((100% - 20px) / 3);
   }

   .cooperation__text-title {
      font-size: 18px;
      max-width: 500px;
   }

   .cooperation__list {
      margin-bottom: 20px;
   }

   .cooperation__mortgage-block {
      padding: 34px;
   }

   .cooperation__item:not(:last-child) {
      margin-bottom: 20px;
   }

   .cooperation.margin {
      padding-top: 60px;
   }

   .cooperation.margin2 {
      margin-top: 0px;
      padding-top: 40px;
   }

   .cooperation.margin2 {
      margin-bottom: 10px;
   }
}

@media (max-width: 480px) {
   .cooperation__text {
      padding-bottom: 313px;
   }


   .cooperation__text-title {
      font-size: 16px;
      max-width: 260px;
   }

   .cooperation__bg-mobile {
      display: block;
   }

   .cooperation__bg-pc {
      display: none;
   }

   .cooperation__title {
      margin-bottom: 10px;
   }

   .cooperation__item:not(:last-child) {
      margin-bottom: 10px;
   }

   .cooperation__bg {
      width: 100%;
      bottom: 320px;
      height: 1170px;
   }

   .cooperation .fade-down::before {
      height: 380px;
      bottom: -175px;
      background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
   }


   .cooperation__item::before {
      width: 25px;
      height: 25px;
      margin-top: 3px;
      background: var(--color) url(../img/icons/checkmark.svg) center / 10px 10px no-repeat;
   }

   .cooperation__item {
      gap: 7px;
      font-size: 14px;
   }

   .cooperation__mortgage-list {
      flex-direction: row;
      row-gap: 5px;
      column-gap: 25px;
   }

   .cooperation__mortgage-item {
      width: calc((100% - 25px) / 2);
      flex-grow: 1;
      font-size: 13px;
   }

   .cooperation__mortgage-item div {
      display: inline;
   }

   .cooperation__mortgage-block {
      padding: 26px 10px 26px 28px;
   }

   .cooperation__mortgage-title {
      font-size: 15px;
   }

   .cooperation__item {
      max-width: 293px;
   }

   .cooperation__companies {
      margin-top: 0px;
      gap: 10px;
   }

   .cooperation__company {
      width: calc((100% - 10px) / 2);
   }

   .cooperation.margin {
      padding-top: 30px;
   }
}

/* ==================================== */

.consultation {
   padding-top: 50px;
}

.consultation.no-wrapper.margin {
   margin-top: 200px;
   margin-bottom: 120px;
}

.consultation-two {
   padding: 80px 0px;
}

.consultation.border {
   margin-bottom: 100px;
}

.consultation .big-block__body {
   padding: 100px 0px 90px 0px;
}

.consultation .big-block__border {
   background: rgba(39, 39, 38, 0), rgba(39, 39, 38, 1);
}

.consultation .big-block__body {
   background-image: url(../img/form/bg.png);
}

.consultation__left {
   max-width: 525px;
   position: relative;
   z-index: 1;
}

.consultation__title {
   text-align: left;
   margin-bottom: 20px;
}

.consultation__sub-title {
   color: var(--color3);
   font-size: 18px;
   line-height: 155%;
   margin-bottom: 32px;
}

.consultation__form {
   max-width: 340px;
}

.form-block {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.form-block__label {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 18px;
   font-weight: 600;
   line-height: 155%;
   margin-bottom: 17px;
   text-align: center;

}

.form-block .form-block__radio {
   display: none;
}

.input {
   display: flex;
   align-items: center;
   width: 100%;
   max-width: 330px;
   padding: 35px 30px 35px 45px;
   border-radius: 88px;
   border: 1px solid var(--Stroke_1, rgba(255, 255, 255, 0.10));
   background: rgba(50, 50, 50, 0.40);
   box-shadow: 0px 10px 20px -12px rgba(255, 255, 255, 0.35) inset, 0px -10px 20px -12px rgba(255, 255, 255, 0.35) inset;
   backdrop-filter: blur(31px);
   -webkit-backdrop-filter: blur(32px);
   gap: 15px;
   color: var(--color2);
   font-size: 14px;
   font-weight: 500;
   line-height: 155%;
   cursor: text;
}

.input input {
   width: 100%;
}

.form-block__icon {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 15px;
}

.form-block__icon::after {
   content: '';
   background: #6A6A6A;
   width: 1px;
   height: 18px;
}

.form-block__button {
   margin-top: 20px;
}

.form-block__button.disabled {
   pointer-events: none;
   cursor: text;
   opacity: .7;
}

.form-block__button .button__body {
   padding: 32px 20px;
}

.form-block__confidentiality {
   margin-top: 12px;
   text-align: center;
   color: #6A6A6A;
   text-align: center;
   font-size: 12px;
   line-height: 155%;
}

.form-block__confidentiality a {
   text-decoration-line: underline;
}

.big-block__die,
.modal__die {
   position: absolute;
   bottom: 140px;
   left: 53%;
   color: #E9E9E9;
   font-size: 18px;
   line-height: 155%;
   text-align: center;
   padding: 27px 30px;
   max-width: 300px;
   min-width: 290px;
   z-index: 2;
}

.big-block-die2 {
   bottom: 62px;
}

.big-block__die div,
.modal__die div {
   position: relative;
}

.big-block__die::before,
.modal__die::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #191919;
   border: 1px solid rgba(255, 255, 255, 0.10);
   transform: skew(-10deg);
   border-radius: 15px;
   z-index: 0;
}

.big-block.no-wrapper {
   max-width: 100%;
   padding: 0px;
   position: relative;
}

.big-block.no-wrapper .big-block__border {
   border-radius: 0px;
   padding: 0px;
   background: #ffffff00;
}

.big-block.no-wrapper .big-block__body {
   border-radius: 0;
}

.big-block.no-wrapper .big-block__body {
   background-image: url(../img/form/bg2.png);
}

.big-block.no-wrapper::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 416px;
   opacity: 0.8;
   background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
}

.big-block.no-wrapper .consultation__title {
   position: relative;
   z-index: 1;
   text-align: center;
   max-width: 895px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

.big-block.no-wrapper .big-block__body {
   padding-top: 0px;
   padding-bottom: 63px;
}

.big-block.no-wrapper .consultation__sub-title {
   position: relative;
   z-index: 1;
   text-align: center;
   max-width: 450px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 50px;
}

.big-block.no-wrapper .consultation__left {
   padding-top: 50px;
}

.big-block.no-wrapper .form-block__label {
   text-align: left;
   align-self: flex-start;
   margin-bottom: 25px;
}

.big-block.no-wrapper .consultation__left {
   max-width: 480px;
}

.consultation__form-title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 24px;
   font-weight: 600;
   line-height: 155%;
   margin-bottom: 20px;
}

.consultation__mini-title {
   color: var(--color2);
   font-size: 18px;
   font-weight: 700;
   line-height: 155%;
   margin-bottom: 19px;
}

.consultation__list {
   margin-bottom: 35px;
}

.consultation__item {
   color: var(--color2);
   font-size: 14px;
   font-weight: 500;
   line-height: 155%;
   display: flex;
   gap: 16px;
}

.consultation__item:not(:last-child) {
   margin-bottom: 15px;
}

.consultation__item::before {
   content: '';
   width: 7px;
   height: 7px;
   background-color: var(--color);
   border-radius: 50%;
   margin-top: 8px;
   flex-shrink: 0;
}

.big-block.no-wrapper .big-block__right-image {
   position: absolute;
   bottom: -10%;
   left: 48.5%;
   max-width: 570px;
}

.big-block.no-wrapper .big-block__right-img {
   position: relative;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 1;
   max-width: 570px;
}

.big-block.no-wrapper .form-block__button .button__body {
   padding: 22px 10px;
}

.big-block.no-wrapper {
   margin-top: 100px;
   margin-bottom: 80px;
}

.consultation-two .consultation__left {
   max-width: 599px;
}

.consultation-two .consultation__sub-title {
   max-width: 480px;
}

.consultation-two .big-block__right-img {
   bottom: -5%;
   left: 44%;
}

.consultation-two .big-block__die {
   bottom: 100px;
   left: 49%;
}

.consultation-two .button__body {
   padding: 22px 10px;
}


.consultation-three .consultation__title {
   margin-bottom: 10px;
}

.consultation-three .consultation__left {
   max-width: 630px;
}

.consultation-three .consultation__sub-title {
   max-width: 460px;
}

.consultation-three .consultation__list {
   max-width: 460px;
}

.consultation-three .big-block__right-img {
   max-width: 588px;
   left: 46%;
}

.consultation-three .consultation__item {
   gap: 10px;
}

.consultation-three .consultation__item::before {
   content: '';
   width: 25px;
   height: 25px;
   margin-top: -2px;
   background: var(--color) url(../img/icons/checkmark.svg) center / 9px 7px no-repeat;
}

.consultation-three .consultation__item:not(:last-child) {
   margin-bottom: 17px;
}

.consultation-three .big-block__right-image.decor::before {
   right: auto;
   left: 50%;
   bottom: -50%;
   width: 660px;
   height: 1018px;
   bottom: 0%;
   opacity: 0.4;
}


.consultation-three.decor .big-block__right-img {
   bottom: -17%;
}

.consultation-three.min-height .big-block__right-img {
   bottom: -22%;
   left: 48%;
}

.consultation-three.decor {
   padding-top: 80px;
   padding-bottom: 100px;
}

.woman4 .big-block__right-img {
   bottom: -62%;
   left: 44%;
   max-width: 616px;
}

.consultation .woman2 .big-block__right-img {
   max-width: 686px;
   left: 43%;
   bottom: 0;
}

.consultation.min-height-pc .consultation__title {
   margin-bottom: 20px;
}

.consultation.min-height-pc .big-block__right-img {
   bottom: -26%;
}

.consultation-five .big-block__body {
   padding: 80px 0px 80px 0px;
}

.consultation-five .big-block__die {
   bottom: 210px;
}

.consultation-five .big-block__right-img {
   bottom: -7%;
   left: 40%;
}

.consultation-five .big-block__right-img {
   max-width: 100%;
}

.consultation-five {
   padding: 160px 0px 0px 0px;
}

.consultation.margin {
   margin-bottom: 80px;
}

.big-block.no-wrapper2 .big-block__body {
   padding-top: 200px;
   padding-bottom: 50px;
   background-image: url(../img/form/bg3.jpg);
}

.big-block.no-wrapper2 {
   margin-top: 20px;
}

.big-block.no-wrapper2 .consultation__title {
   margin-left: 0px;
   text-align: left;
   position: relative;
   z-index: 2;
   max-width: 666px;
}

.big-block.no-wrapper2 .consultation__left {
   padding-top: 25px;
}

.big-block.no-wrapper2 .consultation__sub-title {
   font-family: 'Unbounded';
   text-align: left;
   font-size: 18px;
   line-height: 130%;
   letter-spacing: 0.36px;
   background: var(--gradient-text);
   background-clip: text;
   -webkit-background-clip: text;
   margin-left: 0px;
   -webkit-text-fill-color: transparent;
   margin-bottom: 25px;
}

.big-block.no-wrapper2 .consultation__sub-title span {
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-color: var(--color);
}

.consultation__paragraph {
   color: var(--color3);
   font-size: 18px;
   font-weight: 400;
   line-height: 155%;
}

.consultation__paragraph:not(:last-child) {
   margin-bottom: 25px;
}

.big-block.no-wrapper2 .consultation__item {
   color: var(--color3);
   font-size: 18px;
   line-height: 155%;
}

.big-block.no-wrapper2 .consultation__item::before {
   display: none;
}

.big-block.no-wrapper2 .consultation__item:not(:last-child) {
   margin-bottom: 0px;
}

.big-block.no-wrapper2 .consultation__list {
   margin-bottom: 25px;
}

.big-block.no-wrapper2 .big-block__die {
   max-width: 100%;
   bottom: 370px;
   left: 55%;
}

.big-block.no-wrapper2 .big-block__right-image {
   bottom: -262px;
   left: 48.5%;
   max-width: 100%;
}

.big-block.no-wrapper2 .big-block__right-img {
   max-width: 758px;
}

.big-block.no-wrapper2 .big-block__body::after {
   display: none;
}

@media (max-width: 992px) {
   .consultation__sub-title {
      font-size: 16px;
      margin-bottom: 27px;
   }

   .big-block__right-img {
      max-width: 570px;
      bottom: 0;
   }

   .big-block__die {
      left: 60%;
      font-size: 16px;
      padding: 28px 38px;
   }

   .consultation__left {
      max-width: 475px;
   }

   .form-block__label {
      font-size: 16px;
   }

   .big-block.no-wrapper .consultation__title {
      max-width: 795px;
   }

   .big-block.no-wrapper2 .consultation__title {
      max-width: 592px;
   }

   .consultation-two .consultation__left {
      max-width: 499px;
   }

   .consultation-three .big-block__right-img {
      max-width: 488px;
      left: 55%;
   }

   .consultation-three .consultation__left {
      max-width: 530px;
   }

   .consultation-five .big-block__die {
      bottom: 100px;
   }

   .consultation-five .big-block__right-img {
      max-width: 680px;
      left: 45%;
      bottom: -10%;
   }

   .big-block.no-wrapper2 .big-block__right-img {
      max-width: 658px;
      bottom: 0px;
   }

   .big-block.no-wrapper2 .big-block__right-image {
      left: 59.5%;
   }

   .consultation-five {
      padding: 120px 0px 0px 0px;
   }

   .big-block.no-wrapper2 .big-block__die {
      display: none;
   }

   .big-block.no-wrapper2 .big-block__body {
      padding-top: 100px;
      padding-bottom: 50px;
   }
}

@media (min-width: 768px) {
   .big-block__right-image.decor::before {
      content: '';
      opacity: 0.7;
      width: 1161px;
      height: 1469px;
      position: absolute;
      right: -75%;
      bottom: -45%;
      z-index: 2;
      background: url(../img/form/decor.png) center / contain no-repeat;
   }

   .consultation-three.min-height .consultation__left {
      min-height: 637px;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .consultation.min-height-pc .big-block__body {
      padding-bottom: 90px;
      padding-top: 153px;
   }

}

@media (max-width: 768px) {
   .consultation-two {
      padding-top: 50px;
   }

   .big-block.no-wrapper2 .big-block__die {
      display: none;
   }

   .consultation-three.decor {
      padding-top: 70px;
      padding-bottom: 0px;
   }

   .big-block.no-wrapper {
      margin-top: 70px;
      margin-bottom: 50px;
   }

   .consultation-two .consultation__left {
      max-width: 100%;
   }

   .consultation-two .consultation__title {
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
   }

   .consultation-two .big-block__body {
      padding: 38px 0px 42px 0px;
   }

   .consultation {
      padding-top: 90px;
   }

   .consultation.border {
      padding-top: 70px;
   }

   .consultation.border .big-block__border {
      padding: 2px;
      overflow: hidden;
      border-radius: 60px;
      background: rgba(39, 39, 38, 1);
   }

   .consultation .big-block__right-image {
      position: absolute;
      max-width: 450px;
      height: 500px;
      bottom: 31.1%;
      display: flex;
      justify-content: center;
      left: 45%;
      transform: translateX(-50%);
   }

   .consultation.border .big-block__body {
      border-radius: 60px;
   }

   .consultation-five {
      padding: 60px 0px;
   }


   .consultation .big-block__right-img {
      transform: translateX(0%);
      position: static;
   }

   .consultation__left {
      max-width: 100%;
   }

   .consultation__title {
      text-align: center;
      margin-bottom: 10px;
   }

   .consultation__sub-title {
      text-align: center;
   }

   .consultation__sub-title b {
      display: block;
   }

   .consultation__form {
      max-width: 340px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 456px;
   }

   .big-block__die {
      bottom: 40%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 16px;
      padding: 20px 34px;
   }

   .big-block__die::before {
      border-radius: 15px;
   }

   .consultation .big-block__body {
      padding: 58px 0px 42px 0px;
   }

   .consultation__form-title {
      display: none;
   }

   .big-block.no-wrapper .form-block {
      position: relative;
   }

   .big-block.no-wrapper .consultation__left {
      padding-top: 10px;
   }

   .big-block.no-wrapper .consultation__sub-title {
      margin-bottom: 10px;
   }

   .big-block.no-wrapper .consultation__left {
      max-width: 100%;
   }

   .big-block.no-wrapper .form-block__label {
      text-align: center;
      align-self: center;
      margin-bottom: 17px;
   }

   .big-block.no-wrapper .big-block__right-image {
      bottom: 16%;
      left: 54%;
      height: 630px;
   }

   .big-block.no-wrapper .big-block__die {
      z-index: 2;
      bottom: 36%;
   }

   .big-block.no-wrapper .consultation__form {
      margin-top: 456px;
   }

   .big-block.no-wrapper .consultation__left {
      position: relative;
      z-index: 4;
   }

   .big-block.no-wrapper .big-block__body::before {
      content: '';
      position: absolute;
      height: 544px;
      width: 100%;
      z-index: 2;
      bottom: 0;
      left: 0;
      transform: rotate(180deg);
      opacity: 0.8;
      background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
   }

   .big-block.no-wrapper {
      max-width: 640px;
      padding: 5px;
   }

   .big-block.no-wrapper .big-block__body {
      background-image: url(../img/form/bg-mobile.png);
      border-radius: 60px;
      padding-top: 58px;
   }

   .consultation__list {
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
   }

   .consultation .big-block__right-image {
      bottom: 320px;
      left: 53%;
      height: 470px;
   }

   .consultation-two .consultation__sub-title {
      margin-left: auto;
      margin-right: auto;
   }

   .consultation-two .big-block__die {
      bottom: 430px;
      left: 49%;
   }

   .consultation-two .big-block__body::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 480px;
      opacity: 0.8;
      transform: rotate(180deg);
      z-index: 2;
      background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
   }

   .consultation-two .consultation__left {
      position: relative;
      z-index: 3;
   }

   .consultation.no-wrapper.margin {
      margin-top: 130px;
   }

   .consultation-three .consultation__sub-title {
      max-width: 460px;
      margin-left: auto;
      margin-right: auto;
   }

   .consultation-three .big-block__body {
      background-image: url(../img/form/bg-mobile.png);
      padding: 53px 0px 65px 0px;
   }

   .consultation-three .big-block__body::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 500px;
      transform: rotate(180deg);
      z-index: 2;
      opacity: 0.8;
      background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
   }

   .consultation-three .consultation__left {
      position: relative;
      z-index: 2;
   }

   .consultation-three .big-block__right-image {
      bottom: 180px;
      left: 53%;
      height: 640px;
   }

   .consultation-three .big-block__die {
      bottom: 450px;
   }

   .consultation-three .consultation__list {
      max-width: 350px;
   }

   .consultation-three {
      padding-top: 60px;
      padding-bottom: 80px;
   }

   .consultation__mini-title {
      margin-bottom: 10px;
      text-align: center;
   }

   .woman2.big-block__right-image {
      bottom: 330px;
      left: 49%;
      height: 510px;
   }

   .consultation.min-height-pc .consultation__title {
      margin-bottom: 10px;
   }

   .consultation__sub-title {
      margin-left: auto;
      margin-right: auto;
   }

   .consultation-five .big-block__body {
      background-image: url(../img/form/bg-mobile2.png);
   }

   .consultation-five .big-block__border {
      background: rgba(255, 255, 255, 0.10);
      padding: 1px;
   }

   .consultation-five .big-block__body::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      transform: rotate(180deg);
      opacity: 0.8;
      background: linear-gradient(180deg, var(--bg-color) 11.98%, rgba(13, 13, 13, 0.00) 100%);
      width: 100%;
      height: 550px;
      z-index: 1;
   }

   .consultation-five .big-block__die {
      bottom: 400px;
   }

   .consultation-five .big-block__right-image {
      bottom: 170px;
      left: 53%;
      height: 600px;
   }

   .consultation-five .form-block__button {
      margin-top: 10px;
   }

   .consultation-five .consultation__title {
      margin-bottom: 5px;
   }

   .consultation-five .consultation__mini-title {
      margin-bottom: 5px;
   }

   .consultation.margin {
      margin-bottom: 0px;
   }

   .big-block.no-wrapper2 {
      max-width: 100%;
      padding: 0px;
   }

   .big-block.no-wrapper2 .consultation__sub-title {
      font-size: 16px;
   }

   .big-block.no-wrapper2 .big-block__body {
      background-image: url(../img/form/bg-mobile3.png);
      padding-left: 10px;
      padding-top: 70px;
      padding-bottom: 600px;
      padding-right: 10px;
      border-radius: 0px;
   }

   .big-block.no-wrapper2 .big-block__body::before {
      display: none;
   }

   .big-block.no-wrapper2 .big-block__border {
      padding: 0px;
   }

   .big-block.no-wrapper2 .consultation__list {
      margin-left: 0px;
   }

   .consultation__paragraph {
      font-size: 16px;
   }

   .consultation__paragraph:not(:last-child) {
      margin-bottom: 10px;
   }

   .big-block.no-wrapper2 .consultation__list {
      margin-bottom: 10px;
   }

   .big-block.no-wrapper2 .consultation__item {
      font-size: 16px;
   }

   .big-block.no-wrapper2 .big-block__right-image {
      bottom: -270px;
      left: 50%;
      height: 830px;
   }

   .big-block.no-wrapper2 {
      margin-top: 0px;
   }
}

@media (max-width: 480px) {
   .big-block__die {
      bottom: 40%;
      font-size: 14px;
      width: 100%;
      max-width: 212px;
      padding: 13px 24px;
   }

   .consultation-five .big-block__body::before {
      height: 450px;
   }

   .big-block.no-wrapper2 .consultation__item {
      font-size: 14px;
   }

   .consultation__sub-title.fz14mob {
      font-size: 14px;
   }

   .consultation__mini-title {
      font-size: 16px;
   }

   .consultation-three .big-block__body {
      padding: 33px 0px 65px 0px;
   }

   .consultation-three.min-height .big-block__body {
      padding: 53px 0px 65px 0px;
   }

   .consultation .big-block__right-img {
      transform: translateX(-5%);
   }

   .consultation__form {
      margin-top: 366px;
   }

   .consultation .big-block__right-image {
      height: 420px;
      bottom: 32%;
      left: 50%;
   }

   .consultation.border .big-block__border {
      border-radius: 50px;
   }

   .consultation.border .big-block__body {
      border-radius: 50px;
   }

   .consultation__sub-title div {
      display: inline;
   }

   .consultation__sub-title b {
      display: inline;
   }

   .form-block__confidentiality div {
      display: inline;
   }

   .input {
      padding: 35px 25px 35px 25px;
      gap: 10px;
   }

   .big-block__die {
      min-width: 236px;
   }

   .big-block.no-wrapper .big-block__body {
      border-radius: 50px;
   }

   .big-block.no-wrapper {
      max-width: 400px;
   }

   .big-block.no-wrapper2 .consultation__sub-title {
      font-size: 14px;
   }

   .consultation__paragraph {
      font-size: 14px;
   }

   .consultation__list {
      max-width: 290px;
   }

   .big-block.no-wrapper .big-block__die {
      bottom: 33%;
   }

   .big-block.no-wrapper .big-block__right-image {
      bottom: 16%;
      left: 62%;
      height: 570px;
   }

   .big-block.no-wrapper .consultation__form {
      margin-top: 406px;
   }

   .consultation-two .big-block__right-image {
      height: 420px;
      bottom: 320px;
      left: 60%;
   }

   .consultation-two .consultation__form {
      margin-top: 386px;
   }

   .consultation-three .big-block__body::before {
      height: 490px;
   }

   .consultation-three .consultation__list {
      max-width: 280px;
   }

   .consultation-three .consultation__item {
      font-size: 14px;
   }

   .consultation-three .big-block__right-image {
      height: 620px;
      bottom: 200px;
      left: 60%;
   }

   .consultation-three .consultation__form {
      margin-top: 426px;
   }

   .woman4.big-block__right-image {
      bottom: 140px;
      height: 654px;
   }

   .form-block__icon {
      gap: 10px;
   }

   .woman2.big-block__right-image {
      bottom: 339px;
      left: 54%;
      height: 475px;
   }

   .consultation-five .big-block__body {
      padding: 30px 0px 50px 0px;

   }

   .consultation-five .form-block__confidentiality {
      display: none;
   }

   .consultation-five .big-block__right-image {
      height: 525px;
      bottom: 100px;
      left: 55%;
   }

   .consultation-five .consultation__form {
      margin-top: 320px;
   }

   .consultation-five .big-block__die {
      bottom: 330px;
   }

   .consultation__mini-title {
      font-size: 14px;
   }

   .big-block.no-wrapper2 .big-block__right-image {
      bottom: -310px;
      left: 50%;
      transform: translateX(-50%);
      height: 780px;
   }

   .big-block.no-wrapper2 .big-block__right-img {
      transform: translateX(0%);
   }

   .big-block.no-wrapper2 {
      max-width: 100%;
      padding: 0px;
   }

   .big-block.no-wrapper2 .big-block__body {
      padding-bottom: 483px;
      border-radius: 0px;
   }

}

@media (max-width: 380px) {
   .consultation-three .big-block__right-image {
      height: 520px;
      bottom: 200px;
   }

   .consultation-three .consultation__form {
      margin-top: 326px;
   }

   .consultation-five .big-block__right-image {
      height: 485px;
      bottom: 130px;
   }


   .big-block.no-wrapper .big-block__die {
      bottom: 440px;
   }

   .big-block.no-wrapper .big-block__right-image {
      bottom: 18%;
      left: 58%;
      height: 490px;
   }

   .big-block.no-wrapper .consultation__form {
      margin-top: 320px;
   }

   .woman4.big-block__right-image {
      bottom: 170px;
      height: 554px;
   }

   .woman2.big-block__right-image {
      bottom: 339px;
      left: 54%;
      height: 375px;
   }


   .big-block.no-wrapper2 .big-block__right-image {
      bottom: -250px;
      height: 680px;
   }


   .big-block.no-wrapper2 {
      max-width: 100%;
      padding: 0px;
   }

   .big-block.no-wrapper2 .big-block__body {
      padding-bottom: 443px;
      border-radius: 0px;
   }

   .big-block.no-wrapper2 .big-block__right-image {
      left: 50%;
   }
}


/* ==================================== */


.form-block__radio {
   display: none;
}

.form-with-radio .socials__link {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #A7A7A7;
   text-align: center;
   font-size: 14px;
   line-height: 155%;
}

.form-with-radio .socials__link::before {
   content: '';
   position: absolute;
   width: 22px;
   height: 22px;
   right: 7px;
   top: -7px;
   background: url(../img/icons/checkmark2.svg) center / contain no-repeat;
   opacity: 0;
   transition: 0.2s ease 0s;
}

.form-block__radio:checked~.socials__link::before {
   opacity: 1;
}


/* ==================================== */


.swiper-pagination {
   padding: 0px 9px;
   z-index: 1;
   bottom: 13px;
}

.swiper-pagination-bullet {
   flex-grow: 1;
   width: auto;
   height: 7px;
   border-radius: 3px;
   background: #FFF;
   opacity: 1;
   margin: 0px 5px;
}

.swiper-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0px 5px;
}

.swiper-pagination .swiper-pagination-bullet-active {
   background: var(--color);
}

/* ==================================== */

.swiper-scrollbar.swiper-scrollbar-custom {
   position: static;
   margin-top: 20px;
   height: 5px;
   background-color: rgba(51, 51, 50, 1);
}

.swiper-scrollbar.swiper-scrollbar-lock+.swiper-scroll-next {
   display: none;
}

.swiper-scrollbar.swiper-scrollbar-custom .swiper-scrollbar-drag {
   background-color: var(--color);
}

.swiper-scroll-next {
   display: flex;
   align-items: center;
   color: var(--color3);
   font-size: 14px;
   ;
   gap: 17px;
   line-height: 155%;
   margin-top: 27px;
}

.swiper-scroll-next img {
   flex-shrink: 0;
}


.form-block__body {
   display: flex;
   width: 100%;
   gap: 24px;
}


@media (max-width: 768px) {
   .swiper-scroll-next {
      margin-top: 22px;
   }
}


/* ==================================== */


.tabs {
   padding: 80px 0px;
   overflow: hidden;
}

.tabs__tilte {
   max-width: 814px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

.tabs__tilte img {
   display: inline;
   max-width: 182px;
}

.tabs__sub-title {
   color: var(--color3);
   text-align: center;
   line-height: 150%;
   letter-spacing: 0.32px;
   max-width: 529px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 25px;
}

.tabs__buttons {
   margin: 50px 0px;
   display: flex;
   padding: 10px;
   border-radius: 10px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: #191919;
   gap: 10px;
}

.tabs__button,
.layout__button {
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-family: 'Unbounded';
   font-size: 22px;
   font-weight: 600;
   line-height: 155%;
   padding: 15px;
   flex-grow: 1;
}

.tabs__button.tab-active,
.layout__button.tab-active {
   background: linear-gradient(180deg, #FFEBC6 -72.31%, rgba(255, 235, 198, 0.00) 71.52%), linear-gradient(215deg, #FFEBC6 5.11%, rgba(255, 235, 198, 0.00) 28.85%), #F8CA68;
   color: var(--color4);
}

.tabs__button div,
.layout__button div {
   padding: 0px 16px;
   position: relative;
}

.tabs__button.tab-active div::before,
.tabs__button.tab-active div::after,
.layout__button.tab-active div::before,
.layout__button.tab-active div::after {
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 6px;
   height: 10px;
   background: url(../img/icons/mini-arrow.svg) center / contain no-repeat;
}

.tabs__button.tab-active div::before,
.layout__button.tab-active div::before {
   left: 0;
   transform: translateY(-50%) rotate(180deg);
}

.tabs__button.tab-active div::after,
.layout__button.tab-active div::after {
   right: 0;
}

.tabs__container {
   padding-top: 11px;
}

.tabs__content {
   display: none;
   align-items: center;
   gap: 15px;
}

.tabs__content.d-block {
   display: flex;
}

.tabs__content-left {
   max-width: 500px;
}

.tabs__content-title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 22px;
   font-weight: 600;
   line-height: 155%;
   margin-bottom: 20px;
}

.tabs__content-text {
   color: var(--color3);
   font-size: 14px;
   line-height: 150%;
}

.tabs__content-text:not(:last-child) {
   margin-bottom: 12px;
}

.tabs__image {
   width: 556px;
   flex-shrink: 0;
   height: 370px;
   border-radius: 10px;
   overflow: hidden;
   margin-left: auto;
}

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

.tabs .swiper-scroll-next {
   display: none;
}

.tabs__sub-title div {
   display: inline;
}

@media (max-width: 1160px) {
   .tabs__image {
      width: 476px;
   }
}

@media (max-width: 992px) {
   .tabs .swiper-scroll-next {
      display: flex;
      margin-top: 0px;
      margin-bottom: 36px;
   }

   .tabs__buttons {
      margin: 40px 0px;
   }

   .tabs__tilte img {
      max-width: 160px;
   }

   .tabs__button {
      width: 144px;
      flex-shrink: 0;
   }

   .tabs__content {
      flex-direction: column;
      align-items: flex-start;
   }

   .tabs__image {
      width: 626px;
      flex-shrink: 1;
      height: 400px;
      margin-left: 0px;
   }

   .tabs__content-title {
      font-size: 20px;
   }

   .tabs {
      padding: 70px 0px;
   }

   .tabs__buttons {
      overflow: auto;
   }

   .tabs__buttons::-webkit-scrollbar {
      height: 0px;
      width: 0px;
   }
}

@media (max-width: 768px) {
   .tabs {
      padding: 60px 0px;
   }

   .tabs__buttons {
      margin: 0px 0px;
      border-radius: 10px 0px 0px 10px;
      border-right: 0px;
      min-width: 900px;
   }

   .tabs__buttons-wrapper {
      overflow: auto;
   }

   .tabs__buttons-wrapper::-webkit-scrollbar {
      height: 0px;
      width: 0px;
   }

   .tabs__buttons-wrapper {
      padding-left: max(15px, calc((100% - 540px) / 2));
   }

   .tabs__content-title {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .tabs__tilte img {
      max-width: 130px;
   }

   .tabs__sub-title {
      text-align: left;
      max-width: 529px;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
      max-width: 328px;
   }

   .tabs__sub-title div {
      display: block;
   }

   .tabs__tilte {
      text-align: left;
      max-width: 400px;
      margin-left: 0px;
      margin-right: 0px;
   }

   .tabs__image {
      width: 100%;
      height: 470px;
   }

   .tabs__button {
      padding: 8px;
      width: 117px;
   }

   .tabs .wrapper {
      max-width: 100%;
      padding: 0px;
   }

   .tabs-wrapper {
      max-width: 570px;
      width: 100%;
      margin: 0px auto;
      padding: 0px 15px;
   }

   .tabs__content {
      gap: 30px;
   }

   .tabs .swiper-scroll-next {
      margin-top: 20px;
   }
}

@media (max-width: 480px) {
   .tabs {
      padding: 55px 0px;
   }

   .tabs-wrapper {
      max-width: 352px;
      padding: 0px 10px;
   }

   .tabs__buttons-wrapper {
      padding-left: max(10px, calc((100% - 332px) / 2));
   }

   .tabs__image {
      height: 370px;
   }

   .tabs__content-title {
      font-size: 16px;
   }

   .tabs__tilte img {
      max-width: 100px;
   }

   .tabs__buttons {
      margin: 20px 0px;
   }
}

@media (max-width: 380px) {
   .tabs__content-title div {
      display: inline;
   }
}

/* ==================================== */

.reviews {
   padding: 90px 0px;
}

.reviews.margin-bottom {
   padding-bottom: 100px;
}

.reviews__title .br1 {
   display: inline;
}

.reviews__title {
   text-align: left;
   max-width: 902px;
   margin-bottom: 10px;
}

.reviews__sub-title {
   color: var(--color3);
   font-size: 18px;
   line-height: 155%;
}

.reviews__body {
   padding-top: 50px;
   display: flex;
   gap: 40px;
}

.reviews__content {
   display: none;
}

.video-block {
   border-radius: 35px;
   cursor: pointer;
}

.reviews__author {
   display: flex;
   align-items: center;
   gap: 18px;
}

.reviews__image {
   align-self: flex-start;
   width: 46px;
   height: 46px;
   flex-shrink: 0;
   object-fit: cover;
   border-radius: 50%;
}

.reviews__author-info {
   color: var(--color2);
   font-size: 14px;
   line-height: 155%;
}

.reviews__comment {
   margin-top: 14px;
   color: var(--color3);
   font-size: 14px;
   line-height: 155%;
}

.reviews__link {
   margin-top: 35px;
}

.video-block {
   display: block;
   width: 400px;
   height: 400px;
   position: relative;
   overflow: hidden;
}

.reviews__video {
   width: 100%;
   height: 460px;
   margin-bottom: 25px;
}

.video-block__poster {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.video-block__poster.poster-blur {
   filter: blur(6.5px);
   opacity: 0.2;
}

.video-block .video-play {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: auto;
   width: 16%;
}

.video-block .video-play svg {
   width: 100%;
   height: 100%;
}

.reviews__tabs {
   display: flex;
   gap: 40px;
   flex-direction: column;
}

.reviews__tab {
   width: 340px;
   height: 162px;
   position: relative;
   overflow: hidden;
   border-radius: 23px;
   transition: 0.2s ease 0s;
   background-color: var(--bg-color);
}

.reviews__tab .video-play {
   width: 20%;
}

.reviews__tab .video-block__poster {
   opacity: 0.65;
   transition: 0.1s ease 0s;
}

.reviews__link .button__body {
   padding: 32px 10px;
}

.reviews__tab.tab-active .video-block__poster {
   opacity: 1;
}

.link-mobile {
   display: none;
}

.reviews-main {
   padding-top: 60px;
   padding-bottom: 40px;
}

.reviews-main .reviews__content {
   display: block;
   width: calc((100% - 20px) / 2);
}

.reviews-main .reviews__content.none {
   display: none;
}

.reviews-main h1 {
   margin-bottom: 55px;
}

.reviews-main h2 {
   text-align: left;
   max-width: 714px;
}

.reviews-main .reviews__video {
   width: 100%;
   height: 338px;
   margin-bottom: 25px;
}

.reviews-main .reviews__content-main {
   padding: 0px 25px 0px 34px;
}

.reviews-main .video-play {
   width: 18%;
}

.reviews-main .reviews__main {
   display: flex;
   flex-wrap: wrap;
   row-gap: 35px;
   column-gap: 15px;
}

.reviews-main .reviews__link {
   margin-left: auto;
   margin-right: auto;
   margin-top: 80px;
}

@media (hover: hover) {
   .reviews__tab:hover .video-block__poster {
      opacity: 1;
   }

   .video-block:hover .video-play {
      color: var(--color);
   }

   .reviews__tab:hover .video-play {
      color: var(--color);
      opacity: 1;
   }
}


@media (min-width: 768px) {
   .reviews-main .reviews__content:nth-child(1) .reviews__content-main {
      padding: 0px 60px;
   }

   .reviews__content:nth-child(1) {
      width: 100%;
   }


   .reviews-main .reviews__content:nth-child(1) .reviews__video {
      height: 520px;
      margin-bottom: 35px;
   }

   .reviews-main .reviews__content:nth-child(1) .reviews__content-main {
      display: flex;
      align-items: flex-start;
      gap: 24px;
      max-width: 980px;
      padding: 0px 60px;
      margin-left: auto;
      margin-right: auto;
   }

   .reviews-main .reviews__content:nth-child(1) .reviews__comment {
      margin-top: 0px;
      max-width: 627px;
   }

   .reviews-main .reviews__content:nth-child(1) .reviews__author {
      max-width: 240px;
      flex-shrink: 0;
      width: 100%;
   }

   .reviews-main .reviews__content:nth-child(1) .video-block .video-play {
      max-width: 172px;
   }
}

@media (max-width: 992px) {
   .reviews {
      padding: 80px 0px;
   }

   .reviews__tab {
      width: 240px;
      height: 122px;
   }

   .reviews__body {
      padding-top: 35px;
      gap: 20px;
   }

   .reviews__tabs {
      gap: 20px;
   }

   .reviews__video {
      height: 380px;
   }

   .reviews__title {
      max-width: 700px;
   }
}

@media (max-width: 768px) {
   .reviews {
      padding: 70px 0px;
   }

   .reviews-main .reviews__content {
      width: 100%;
   }

   .reviews.margin-top0 {
      padding-top: 0px;
   }

   .reviews__tabs {
      display: none;
   }

   .reviews #tab_02 {
      display: block;
   }

   .reviews__content .reviews__link {
      display: none;
   }

   .reviews__title {
      max-width: 400px;
   }

   .link-mobile {
      display: block;
      margin-top: 60px;
   }

   .reviews__main {
      display: flex;
      flex-direction: column;
      gap: 40px;
   }

   .reviews__link {
      margin-left: auto;
      margin-right: auto;
   }

   .reviews__content-main {
      padding: 0px 25px;
   }

   .reviews__video {
      height: 400px;
   }

   .video-block .video-play {
      width: 18%;
   }

   .reviews.margin-bottom {
      padding-bottom: 25px;
   }

   .reviews-main .reviews__main {
      row-gap: 45px;
   }

   .reviews-main {
      padding: 40px 0px;
   }

   .reviews-main h1 {
      margin-bottom: 20px;
   }

   .reviews-main .reviews__body {
      padding-top: 25px;
   }

   .reviews-main .reviews__link {
      margin-top: 60px;
   }

   .reviews-main {
      padding-bottom: 80px;
   }
}

@media (max-width: 480px) {
   .reviews {
      padding: 60px 0px;
   }

   .reviews-main {
      padding: 10px 0px 80px 0px;
   }

   .reviews__author-info span {
      display: block;
   }

   .reviews__sub-title {
      font-size: 16px;
      max-width: 260px;
   }

   .video-block .video-play {
      width: 26%;
   }

   .reviews__title {
      max-width: 303px;
   }

   .reviews-main .reviews__video {
      height: 400px;
      margin-bottom: 20px;
   }

   .reviews__comment {
      margin-top: 10px;
   }
}


/* ==================================== */


.calculation {
   position: relative;
   padding: 227px 0px 130px 0px;
   margin-bottom: 110px;
   background: url(../img/calculation/bg-pc.png) center / cover no-repeat;
}

.calculation::before {
   height: 239px;
}

.calculation .wrapper {
   display: flex;
   position: relative;
   z-index: 5;
   gap: 30px;
   align-items: center;
}

.calculation__title {
   text-align: left;
   margin-bottom: 24px;
   max-width: 530px;
}

.calculation__sub-title {
   color: var(--color);
   font-family: 'Unbounded';
   font-size: 18px;
   line-height: 130%;
   letter-spacing: 0.36px;
   margin-bottom: 15px;
   max-width: 402px;
}

.calculation__text {
   color: var(--color3);
   font-size: 18px;
   line-height: 155%;
   max-width: 455px;
}

.calculation__text:not(:last-child) {
   margin-bottom: 15px;
}

.calculation__form {
   margin-left: auto;
   max-width: 460px;
   border-radius: 15px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: linear-gradient(13deg, rgba(255, 255, 255, 0.06) 19.15%, rgba(255, 255, 255, 0.02) 48.39%, rgba(255, 255, 255, 0.07) 80.85%), rgba(7, 7, 7, 0.70);
   backdrop-filter: blur(29.5px);
   padding: 45px 35px;
}

.calculation .input {
   max-width: 345px;
}

.calculation .form-block .button {
   margin-top: 15px;
   max-width: 345px;
}

.calculation .form-block .button__body {
   padding: 22px 20px;
}

.calculation .form-block__label {
   color: var(--color2);
   font-size: 18px;
   line-height: 155%;
   font-weight: 400;
   font-family: 'Montserrat';
   max-width: 386px;
}

.form-block .file-input {
   cursor: pointer;
   margin-bottom: 25px;
}

.file-name {
   white-space: nowrap;
   overflow: auto;
}

.file-name::-webkit-scrollbar {
   height: 0px;
   width: 0px;
   background-color: #ffffff00;
}

.form-block__socials {
   margin-bottom: 25px;
}

.form-block .socials__link {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px;
   color: var(--color3);
   text-align: center;
   font-size: 14px;
   line-height: 155%;
}

.calculation .socials__link svg {
   width: 45px;
   height: 45px;
}

.file-input__input {
   display: none;
}

.on-block {
   margin-top: -82px;
}

@media (min-width: 768px) {
   .calculation::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 170px;
      background: linear-gradient(180deg, var(--bg-color) 11.98%, rgba(13, 13, 13, 0.00) 100%);
   }
}

@media (max-width: 1060px) {
   .calculation__left {
      max-width: 406px;
   }
}

@media (max-width: 992px) {
   .calculation {
      background: url(../img/calculation/bg-pc.png) 35% 0% / cover no-repeat;
      padding: 120px 0px 100px 0px;
      margin-bottom: 85px;
   }

   .calculation__form {
      max-width: 400px;
      padding: 45px 35px;
   }

   .calculation__text {
      font-size: 16px;
   }

   .on-block {
      margin-top: -32px;
   }
}

@media (max-width: 768px) {
   .on-block {
      margin-top: -0px;
   }

   .calculation {
      background: url(../img/calculation/bg-mobile.png) 0% 50px / cover no-repeat;
      padding: 64px 0px 40px 0px;
      margin-bottom: 25px;
   }

   .calculation::before {
      height: 1016px;
   }

   .calculation .wrapper {
      flex-direction: column;
      gap: 0px;
   }

   .calculation__form {
      max-width: 480px;
      margin-left: 0px;
      margin-top: 435px;
   }

   .calculation .form-block__label {
      font-size: 16px;
   }

   .calculation__sub-title {
      font-size: 16px;
   }

   .calculation__title {
      margin-bottom: 5px;
   }

   .calculation__text:not(:last-child) {
      margin-bottom: 10px;
   }
}

@media (max-width: 480px) {
   .calculation {
      background: url(../img/calculation/bg-mobile.png) 0% 100px / cover no-repeat;
      margin-bottom: 10px;
   }

   .calculation .form-block__label {
      font-size: 14px;
   }

   .calculation__form {
      margin-top: 335px;
      padding: 45px 20px;
   }

}

@media (max-width: 380px) {
   .calculation__form {
      padding: 45px 8px;
   }
}


/* ==================================== */

.video-review {
   padding: 20px 0px 70px 0px;
}

.video-review__title {
   max-width: 862px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

.video-review__title img {
   width: 13.5%;
   min-width: 85px;
}

.video-review__sub-title {
   color: var(--color3);
   text-align: center;
   font-size: 18px;
   line-height: 155%;
   margin-left: auto;
   margin-right: auto;
   max-width: 586px;
}

.video-review__body {
   padding: 90px 15px 110px 15px;
   background: linear-gradient(89deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 30.09%, rgba(255, 255, 255, 0.00) 66.43%, rgba(255, 255, 255, 0.10) 100%), rgba(7, 7, 7, 0.30) url(../img/reviews/bg.png) center / cover no-repeat;
   border: 1px solid rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(11.5px);
   border-radius: 80px;
   display: flex;
   align-items: center;
   flex-direction: column;
}

.video-review__swiper {
   margin-top: 20px;
   width: 100%;
   max-width: 940px;
   margin-bottom: 50px;
}

.video-review__name {
   display: none;
   color: var(--color3);
   text-align: center;
   margin-bottom: 20px;
   font-size: 18px;
   max-width: 662px;
   margin-left: auto;
   margin-right: auto;
   line-height: 155%;
}

.video-review__name.d-block {
   display: block;
}

.video-review-slide {
   background-color: var(--bg-color);
   border-radius: 50px;
   width: 100%;
}

.video-review-slide .video-block {
   width: 100%;
   height: 520px;
   border-radius: 50px;
}

.video-review .swiper-button-prev,
.video-review .swiper-button-next {
   position: static;
   margin-top: 0px;
   width: 56px;
   height: 56px;
   transition: 0.2s ease 0s;
   border-radius: 5px;
}

.video-review__buttons {
   display: flex;
   justify-content: center;
   padding-top: 30px;
   gap: 20px;
}

.video-review .swiper-button-prev::after,
.video-review .swiper-button-next:after {
   content: '';
}

.video-review__bottom {
   padding-top: 26px;
   display: flex;
   align-items: center;
   flex-direction: column;
}

.video-review__button {
   margin-top: 30px;
}


.video-review__button .button__body {
   padding: 32px 10px;
}

.video-review2 .video-review__title img {
   display: none;
}

.video-review2 {
   padding-top: 10px;
   padding-bottom: 10px;
}

@media (min-width: 992px) {
   .video-review2 .video-review__bottom {
      max-width: 940px;
   }

   .video-review2 .video-review__body {
      overflow: hidden;
   }

   .video-review2 .video-review__bottom-image {
      position: absolute;
      left: 40%;
      bottom: 0;
   }

   .video-review2 .video-review__bottom {
      width: 100%;
      align-items: flex-start;
   }

   .video-review2 .video-review__title {
      text-align: left;
   }

   .video-review2 .video-review__sub-title {
      text-align: left;
   }

   .video-review2 .video-review__left {
      max-width: 600px;
      margin-left: 0px;
   }

}

@media (max-width: 992px) {
   .video-review__body {
      border-radius: 70px;
   }

   .video-review2 .video-review__bottom-image {
      display: none;
   }

   .video-review.padding {
      padding-top: 60px;
   }

   .video-review2 .video-review__button {
      margin-left: auto;
      margin-right: auto;
   }
}

@media (max-width: 768px) {
   .video-review.margin {
      margin-top: 30px;
      margin-bottom: 20px;
   }

   .video-review {
      padding: 70px 0px;
   }

   .video-review2 {
      padding-bottom: 90px;
      padding-top: 80px;
   }

   .video-review.padding {
      padding-top: 75px;
   }

   .video-review__title img {
      display: block;
      margin-left: auto;
      margin-right: auto;
   }

   .video-review__body {
      border-radius: 60px;
   }

   .video-review2 .video-review__title img {
      display: block;
   }

   .video-review__swiper {
      max-width: 540px;
   }

   .video-review__sub-title {
      max-width: 540px;
   }

   .video-review-slide .video-block {
      height: 460px;
   }

   .video-review__title {
      max-width: 540px;
   }

   .video-review__bottom {
      padding-top: 26px;
   }

   .video-review .swiper-button-prev,
   .video-review .swiper-button-next {
      width: 46px;
      height: 46px;
   }

   .video-review .wrapper {
      max-width: 660px;
   }

   .video-review__name {
      font-size: 16px;
   }
}

@media (max-width: 480px) {
   .video-review__body {
      padding-right: 10px;
      padding-left: 10px;
   }

   .video-review__name {
      max-width: 270px;
   }

   .video-review__body {
      border-radius: 50px;
   }

   .video-review__sub-title {
      font-size: 16px;
   }

   .video-review .wrapper {
      max-width: 420px;
   }

   .video-review__swiper {
      max-width: 330px;
   }

   .video-review__sub-title {
      max-width: 330px;
   }

   .video-review-slide .video-block {
      height: 365px;
   }

   .video-review__title {
      max-width: 330px;
   }

   .video-review .swiper-button-prev,
   .video-review .swiper-button-next {
      width: 32px;
      height: 32px;
   }

   .video-review__buttons {
      padding-top: 15px;
   }
}

/* ==================================== */

.footer {
   background-color: #1A1A1A;
   padding: 30px 0px 30px 0px;
   margin-top: 60px;
}

.footer.margin-top {
   margin-top: 0px;
}

.footer__top {
   display: flex;
   align-items: center;
   gap: 40px;
}

.footer__socials-section {
   display: flex;
   justify-content: space-between;
   gap: 40px;
   flex-basis: 40%;
}

.footer__socials-left {
   display: flex;
   gap: 23px;
}

.footer__socails-title {
   color: var(--color2);
   font-size: 13px;
   width: 100%;
   max-width: 127px;
   line-height: 130%;
}

.footer__socials-right .footer__socails-title {
   display: none;
}

.footer__tel {
   margin-left: auto;
}

.footer__center {
   padding-top: 40px;
}

.footer__bottom {
   padding-top: 45px;
   display: flex;
   justify-content: center;
}

.footer__bottom a {
   color: var(--color3);
   font-size: 14px;
   line-height: 155%;
   text-decoration-line: underline;
}


a.footer__confidenc {
   color: var(--color3);
   font-size: 14px;
   line-height: 155%;
   text-decoration-line: underline;
}

.footer-quiz {
   margin-top: 0px;
}

.footer-quiz .footer__tel {
   margin-left: 0px;
}

.footer-quiz .footer__top {
   justify-content: space-between;
}

@media (max-width: 992px) {
   .footer {
      background-color: #1A1A1A;
      padding: 50px 0px 50px 0px;
   }

   .footer__socails-title {
      display: none;
   }

   .footer__top {
      gap: 20px;
   }

   .footer__socials-section {
      gap: 20px;
      flex-basis: auto;
      flex-grow: 1;
   }

   .footer__logo {
      max-width: 210px;
   }

   .footer__bottom {
      padding-top: 35px;
   }

   .footer__center {
      padding-top: 25px;
   }
}

@media (max-width: 768px) {
   .footer {
      background-color: #1A1A1A;
      padding: 50px 0px;
   }

   .footer__logo {
      margin-bottom: 10px;
   }

   .footer__top {
      gap: 30px;
      align-items: center;
      flex-direction: column;
   }

   .footer__logo {
      width: 320px;
      max-width: 100%;
   }

   .footer .logo__img {
      width: 100%;
   }

   .footer__socials-section {
      flex-direction: column;
      gap: 35px;
      order: 2;
   }

   .footer.margin-top {
      margin-top: 120px;
   }

   .footer__tel {
      order: 1;
      margin-left: 0px;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .footer__tel .tel-list__tel {
      font-size: 20px;
   }

   .footer__tel .tel-list__bottom {
      font-size: 14px;
   }

   .footer__tel .tel-list__bottom {
      display: flex;
   }

   .footer__socails-title {
      display: block;
      text-align: center;
   }

   .footer__socials-left,
   .footer__socials-right {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
   }

   .footer__socials-right .footer__socails-title {
      display: block;
   }

   .footer__center {
      padding-top: 35px;
   }

   .footer__center .menu-header {
      display: block;
      margin-top: 0px;
   }

   .footer-nav .swiper-wrapper {
      flex-direction: column;
      gap: 20px;
      align-items: center;
   }

   .footer-nav .menu-header__item::after {
      display: none;
   }

   .footer-nav .menu-header__next {
      display: none;
   }

   .footer__bottom {
      padding-top: 55px;
   }

   .footer-quiz .footer__logo {
      order: 1;
   }

   .footer-quiz .footer__tel {
      order: 2;
   }

   .footer-quiz .footer__confidenc {
      order: 3;
   }
   
}

@media (max-width: 480px) {
   .footer__logo {
      width: 100px;
   }
}

/* ==================================== */

body::before {
   content: '';
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 99;
   pointer-events: none;
   background-color: rgba(0, 0, 0, 0);
   transition: background-color 0.2s ease 0s;
}

body.fade::before {
   background-color: rgba(0, 0, 0, 0.8);
}

.modal {
   position: fixed;
   left: 0;
   top: -50%;
   width: 100%;
   height: 100%;
   transform: translate(0px, -100%);
   transition: 0.6s ease 0s;
   z-index: 100;
}

.modal.popup-active {
   transform: translate(0px, 0%);
   top: 0%;
}

.modal__fade {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

.modal .wrapper {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   height: 100%;
   overflow-y: auto;
}

.modal .wrapper::-webkit-scrollbar {
   width: 0px;
   height: 0px;
   background: #ffffff00;
}

.modal__body {
   width: 100%;
   position: relative;
   display: flex;
   margin-top: auto;
   background: linear-gradient(0deg, #000 0%, #000 100%), linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, var(--bg-color) 85.42%);
   margin-bottom: auto;
   padding: 55px 99px 45px 99px;
   border-radius: 80px;
   overflow: hidden;
}

.modal__bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
}

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

.modal__bg-mobile {
   display: none;
}

.modal__content {
   position: relative;
   z-index: 1;
}

.modal__title {
   text-align: left;
   max-width: 546px;
   margin-bottom: 25px;
}

.modal__sub-title {
   color: var(--color3);
   font-size: 18px;
   font-weight: 700;
   line-height: 155%;
   margin-bottom: 15px;
}

.modal__form {
   max-width: 345px;
}

.modal__paragraph {
   max-width: 450px;
   margin-bottom: 15px;
   color: var(--color3);
   font-size: 18px;
   line-height: 155%;
}

.modal-two .modal__paragraph {
   max-width: 480px;
}

.modal__bottom-socials {
   margin-top: 25px;
}

.modal__socials-title {
   font-family: 'Unbounded';
   font-size: 18px;
   line-height: 130%;
   letter-spacing: 0.36px;
   background: var(--gradient-text);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   max-width: 400px;
   margin-top: 35px;
}

.modal .socials {
   gap: 34px;
   flex-wrap: wrap;
}

.modal .socials__link svg {
   width: 71px;
   height: 71px;
}

.modal__list {
   max-width: 500px;
}

.modal__item {
   color: var(--color3);
   font-size: 20px;
   line-height: 155%;
   display: flex;
   align-items: center;
   gap: 16px;
}

.modal__item::before {
   content: '';
   align-self: flex-start;
   width: 20px;
   margin-top: 14px;
   height: 1px;
   background-color: var(--color3);
}

.modal .socials__link {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
   color: var(--color3);
   text-align: center;
   font-size: 14px;
   line-height: 155%;
}

.modal-close {
   padding: 0px 15px;
   display: flex;
   position: absolute;
   top: 50px;
   right: 50px;
   background-color: #ffffff00;
   width: 40px;
   height: 40px;
   z-index: 101;
   cursor: pointer;
}

.modal-close::before,
.modal-close::after {
   content: "";
   transition: all 0.3s ease 0s;
   right: 0;
   position: absolute;
   width: 40px;
   height: 5px;
   background-color: #E5E5E5;
   border-radius: 2px;
}

.modal-close::before {
   transform: rotate(-45deg);
   top: calc(50% - 2px);
   width: 100%;
}

.modal-close::after {
   transform: rotate(45deg);
   bottom: calc(50% - 3px);
   width: 100%;
}

.modal__form {
   padding-top: 25px;
}

.modal-two .input {
   color: #E4E4E4;
}

.modal-two .input input::placeholder {
   color: #E4E4E4;
}

.modal-three .socials__link svg,
.modal-two .socials__link svg {
   width: 45px;
   height: 45px;
}

.modal-three .socials,
.modal-two .socials {
   gap: 25px;
}

.modal-two .modal__form {
   padding-top: 0px;
}

.modal-two .form-block__icon::after {
   background: #E4E4E4;
}

.modal-main .modal__content {
   max-width: 576px;
}

.modal-main .modal__image {
   position: absolute;
   bottom: -32%;
   left: 27%;
}

.modal-main .image1 {
   max-width: 863px;
}

.modal-main .modal__body {
   padding: 78px 99px 23px 99px;
   min-height: 784px;
}

.modal-main .modal__sub-title {
   max-width: 470px;
   font-weight: 400;
}

.modal-main .modal__content {
   display: flex;
   flex-direction: column;
}

.modal-main .modal__title {
   margin-bottom: 35px;
}

.modal-main .modal__form {
   margin-top: auto;
}

.modal-main .input {
   color: #FFF;
}

.modal-main .input input::placeholder {
   color: #FFF;
}

.modal-five .modal__body {
   padding-top: 31px;
}

.modal-main .modal__list {
   margin-bottom: 28px;
}

.modal-main .modal__item {
   font-size: 18px;
}

.modal-main .modal__item:not(:last-child) {
   margin-bottom: 15px;
}

.modal-main .modal__item::before {
   background-color: var(--color);
   width: 7px;
   height: 7px;
   border-radius: 50%;
   flex-shrink: 0;
   margin-top: 10px;
}

.modal-main .modal__sub-title {
   color: var(--color3);
   font-size: 18px;
   line-height: 155%;
}

.modal-five .modal__image {
   position: absolute;
   bottom: -10%;
   left: 30%;
   max-width: 801px;
}

.modal-main .image3 {
   bottom: -10%;
   left: 42%;
}

.modal-seven .image1 {
   max-width: 610px;
   left: 44%;
}

.modal-quiz .modal__decor-phone {
   position: absolute;
   z-index: -1;
   bottom: -45px;
   right: 70.5%;
}

.modal-quiz .modal__content {
   display: flex;
   width: 100%;
   position: static;
   gap: 37px;
}

.modal-quiz .modal__left-content {
   max-width: 307px;
   margin-left: auto;
}

.modal-quiz .modal__body {
   padding: 65px 76px;
}

.modal-quiz .modal__left-title {
   color: var(--color2);
   font-size: 20px;
   font-weight: 700;
   line-height: 155%;
   margin-bottom: 15px;
}

.modal-quiz .modal__title {
   margin-bottom: 35px;
}

.modal-quiz .modal__item {
   color: var(--color2);
   font-size: 14px;
   line-height: 155%;
}

.modal-quiz .modal__item:not(:last-child) {
   margin-bottom: 10px;
}

.modal-quiz .modal__item::before {
   width: 6px;
   margin-top: 8px;
   height: 6px;
   flex-shrink: 0;
   border-radius: 50%;
   background-color: var(--color);
}

.modal-quiz .modal__list {
   max-width: 300px;
}

.modal-quiz .input {
   padding: 29px 35px;
   margin-bottom: 15px;
   width: 100%;
   max-width: 100%;
   color: #E4E4E4;
}

.modal-quiz .input input::placeholder {
   color: #E4E4E4;
}

.modal-quiz .button {
   margin-top: 0px;
}

.modal-quiz .form-block {
   max-width: 345px;
   margin-left: auto;
}

.modal-quiz .form-block__file-title {
   color: var(--color2);
   text-align: center;
   font-size: 16px;
   line-height: 155%;
   margin-bottom: 15px;
}


.modal-spacibo {
   position: fixed;
   left: 50%;
   top: 0%;
   transform: translate(-50%, -100%);
   display: flex;
   z-index: 100;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   max-width: 426px;
   height: 252px;
   width: 100%;
   border-radius: 15px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: linear-gradient(113deg, rgba(255, 255, 255, 0.10) 19.27%, rgba(255, 255, 255, 0.00) 38.56%, rgba(255, 255, 255, 0.00) 61.86%, rgba(255, 255, 255, 0.10) 83.38%), rgba(7, 7, 7, 0.70);
   backdrop-filter: blur(29.5px);
   transition: 0.5s ease 0s;
}

.modal-spacibo.popup-active {
   top: 50%;
   transform: translate(-50%, -50%);
}

.modal-spacibo .modal-close {
   top: 20px;
   right: 20px;
   padding: 0px;
   width: 35px;
   height: 35px;
}

.modal-spacibo__title {
   text-align: center;
   font-family: 'Unbounded';
   font-size: 36px;
   line-height: 130%;
   background: var(--Gradient-Text, linear-gradient(93deg, rgba(214, 214, 214, 0.30) -19.92%, #E5E5E5 52.81%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 12px;
}

.modal-spacibo__sub-title {
   color: var(--color);
   text-align: center;
   font-size: 20px;
   line-height: 155%;
   max-width: 223px;
}

.time-input.input {
   padding: 17.5px 35px;
   position: relative;
}

.time-input input {
   position: absolute;
   opacity: 0;
   z-index: -1;
   pointer-events: none;
}


.time-input input:focus {
   position: static;
   opacity: 1;
   z-index: 1;
   pointer-events: all;
}

.time-input-active input {
   position: static;
   opacity: 1;
   z-index: 1;
   pointer-events: all;
}

.time-input input:focus:has(.time-input) {
   padding: 29px 35px;
}

.time-input:has(input:focus) {
   padding: 29.7px 35px;
}

.time-input.time-input-active {
   padding: 29.7px 35px;
}

.modal-quiz .modal-close {
   width: 25px;
   height: 25px;
   padding: 0px;
   top: 25px;
}

.time-input input:focus+.time-input__placeholder {
   opacity: 0;
   position: absolute;
   pointer-events: none;
   z-index: -1;
}

.time-input-active .time-input__placeholder {
   opacity: 0;
   position: absolute;
   pointer-events: none;
   z-index: -1;
}

.modal-quiz .modal__item {
   gap: 10px;
}

@media (hover: hover) {
   .modal-close:hover::before {
      background-color: var(--color);
   }

   .modal-close:hover::after {
      background-color: var(--color);
   }
}

@media (max-width: 1160px) {
   .modal-quiz .modal__title {
      font-size: 30px;
   }
}

@media (max-width: 992px) {
   .modal__body {
      padding: 55px 60px 45px 60px;
   }

   .modal__title {
      max-width: 446px;
   }

   .modal__paragraph {
      max-width: 398px;
   }

   .modal__body {
      border-radius: 70px;
   }

   .modal-two .modal__title {
      max-width: 406px;
   }

   .modal__list {
      max-width: 400px;
   }

   .modal__die {
      display: none;
   }

   .modal-five .modal__image {
      bottom: -5%;
      left: 25%;
      max-width: 761px;
   }

   .modal-quiz .modal__title {
      margin-bottom: 20px;
   }

   .modal-quiz .modal__left-content {
      max-width: 239px;
   }

   .modal-quiz .modal__body {
      padding: 65px 36px;
   }

   .modal-quiz .modal__content {
      gap: 12px;
   }

   .modal-quiz .modal__title {
      font-size: 24px;
   }

   .modal-quiz .form-block {
      max-width: 320px;
      margin-left: auto;
   }
}

@media (max-width: 768px) {
   .modal-close {
      padding: 0px 5px;
      top: 40px;
      right: 40px;
      width: 21px;
      height: 21px;
      z-index: 101;
   }

   .modal-spacibo__title {
      font-size: 26px;
   }

   .modal-spacibo__sub-title {
      font-size: 16px;
   }

   .modal-spacibo {
      max-width: 310px;
      height: 190px;
   }

   .modal-spacibo .modal-close::before,
   .modal-spacibo .modal-close::after {
      width: 100%;
      height: 2px;
   }

   .modal-spacibo .modal-close {
      width: 25px;
      height: 25px;
   }

   .modal-close::before,
   .modal-close::after {
      width: 21px;
      height: 2px;
   }

   .modal-close::after {
      bottom: calc(50% - 2px);
   }

   .modal-close::before {
      top: calc(50% - 0px);
   }

   .modal__paragraph {
      font-size: 16px;
   }

   .modal__title {
      margin-bottom: 15px;
   }

   .modal .socials__link svg {
      width: 61px;
      height: 61px;
   }

   .modal__body {
      border-radius: 60px;
      padding: 70px 40px 450px 40px;
   }

   .modal-two .modal__body {
      border-radius: 60px;
      padding: 70px 40px 120px 40px;
   }

   .modal-two .modal__title {
      text-align: center;
      margin-bottom: 10px;
   }

   .modal-two .modal__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
   }

   .modal-two .modal__sub-title {
      text-align: center;
      font-size: 16px;
      margin-bottom: 10px;
   }

   .modal__bg-pc {
      display: none;
   }

   .modal__bg-mobile {
      display: block;
   }

   .modal .socials {
      gap: 40px;
   }

   .modal .wrapper {
      max-width: 620px;
   }

   .modal-two .modal__paragraph {
      text-align: center;
   }

   .modal__form {
      padding-top: 9px;
   }

   .modal-two .modal__body::before {
      content: '';
      width: 100%;
      height: 625px;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      transform: rotate(180deg);
      opacity: 0.8;
      background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
   }

   .modal-two .socials__link {
      color: #FFF;
   }

   .modal__title img {
      width: 26px;
      height: 26px;
   }

   .modal-three .modal__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
   }

   .modal-three .modal__title {
      text-align: center;
      margin-bottom: 10px;
   }

   .modal__item {
      text-align: center;
   }

   .modal__item::before {
      display: none;
   }

   .modal-three .modal__form {
      padding-top: 45px;
   }

   .modal-three.modal .socials__link svg,
   .modal-two.modal .socials__link svg {
      width: 45px;
      height: 45px;
   }

   .modal-three.modal .socials,
   .modal-two.modal .socials {
      gap: 25px;
   }

   .modal-two .modal__form {
      padding-top: 60px;
   }

   .modal-three .modal__body {
      padding-bottom: 353px;
   }

   .modal-two .modal__bg img {
      height: 115%;
   }

   .modal-main .modal__body {
      text-align: center;
   }

   .modal-main .modal__title {
      text-align: center;
      margin-bottom: 10px;
   }

   .modal-main .modal__body {
      padding: 78px 15px 32px 15px;
      min-height: 1048px;
      position: relative;
   }

   .modal-main .modal__content {
      max-width: 576px;
      margin-left: auto;
      margin-right: auto;
      align-items: center;
      position: relative;
      z-index: 1;
   }

   .modal-main .image1 {
      max-width: 523px;
      bottom: 150px;
      left: 50%;
      transform: translateX(-53%);
   }

   .modal-main .modal__body::before {
      content: '';
      position: absolute;
      z-index: 1;
      bottom: 0;
      width: 100%;
      left: 0;
      opacity: 0.8;
      background: linear-gradient(180deg, var(--bg-color) 31.69%, rgba(13, 13, 13, 0.45) 70.83%, rgba(13, 13, 13, 0.00) 100%);
      transform: rotate(180deg);
      height: 435px;
   }

   .modal-main .modal__form {
      margin-top: 400px;
   }

   .modal-main .modal__sub-title {
      font-size: 16px;
   }

   .modal-main .modal__item {
      text-align: left;
   }

   .modal-five .modal__title {
      text-align: left;
   }

   .modal-main .modal__item::before {
      display: block;
   }

   .modal-five .modal__image {
      bottom: 0%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 761px;
   }

   .modal-main .modal__body {
      padding-right: 20px;
      padding-left: 20px;
   }

   .modal-main .image3 {
      bottom: 0px;
      max-width: 540px;
      left: 50%;
      transform: translateX(-40%);
   }

   .modal-seven .image1 {
      max-width: 560px;
      bottom: -180px;
      left: 52%;
      transform: translateX(-50%);
   }

   .modal-quiz .modal__content {
      gap: 244px;
      flex-direction: column;
   }

   .modal-quiz .modal__title {
      font-size: 22px;
      margin-bottom: 15px;
   }

   .modal-quiz .modal__body {
      padding: 65px 41px;
   }

   .modal-quiz .modal__left-content {
      max-width: 293px;
      margin-left: 0;
   }

   .modal-quiz .form-block {
      margin-left: auto;
      margin-right: auto;
      max-width: 345px;
   }

   .modal-quiz .modal__list {
      max-width: 100%;
   }

   .modal-quiz .modal__left-title {
      font-size: 16px;
      font-weight: 400;
      line-height: 155%;
      margin-bottom: 15px;
   }

   .modal-quiz .modal__item {
      text-align: left;
   }

   .modal-quiz .modal__item::before {
      display: block;
   }

   .modal-quiz .modal__decor-phone {
      bottom: auto;
      top: 450px;
      right: 50%;
      transform: translateX(50%);
      max-width: 233px;
   }
}

@media (max-width: 480px) {
   .modal__title img {
      width: 23px;
      height: 23px;
   }

   .modal__body {
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 50px;
      padding-bottom: 400px;
      display: flex;
      justify-content: center;
   }

   .modal-main .modal__body {
      min-height: 868px;
   }

   .modal-two .modal__sub-title {
      font-size: 14px;
   }

   .modal .wrapper {
      max-width: 430px;
   }

   .modal .socials__link svg {
      width: 55px;
      height: 55px;
   }

   .modal__socials-title {
      font-size: 16px;
      margin-top: 30px;
   }

   .modal .socials {
      margin-top: 20px;
   }

   .modal-two .socials {
      margin-top: 0px;
   }

   .modal__content {
      max-width: 330px;
   }

   .modal-two .form-block__button .button__body {
      padding: 32px 10px;
      font-size: 14px;
   }

   .modal-two .modal__body {
      padding: 70px 10px 95px 10px;
   }

   .modal-two .modal__bg img {
      height: 125%;
   }

   .modal-main .image1 {
      max-width: 543px;
      bottom: 0px;
      left: 50%;
      transform: translateX(-52%);
   }

   .modal-main .modal__form {
      margin-top: 230px;
   }


   .modal-main .modal__sub-title {
      font-size: 14px;
   }

   .modal-main .form-block__button .button__body {
      padding: 32px 10px;
   }

   .modal-five .modal__image {
      max-width: 481px;
      transform: translateX(-55%);
      bottom: 150px;
   }

   .modal-main .modal__item {
      font-size: 16px;
   }

   .modal-main .modal__item:not(:last-child) {
      margin-bottom: 10px;
   }

   .modal-main .modal__content {
      max-width: 300px;
   }

   .modal-main .image3 {
      max-width: 320px;
      bottom: 160px;
      transform: translateX(-45%);
   }

   .modal-seven .image1 {
      max-width: 400px;
      bottom: -47px;
      left: 52%;
      transform: translateX(-50%);
   }

   .modal-seven .modal__body::before {
      height: 510px;
   }

   .modal-quiz .button__body {
      padding-left: 10px;
      padding-right: 10px;
   }

   .modal-quiz .modal__title {
      font-size: 18px;
   }

   .modal-quiz .modal__body {
      padding: 65px 20px;
   }


   .modal-quiz .modal__content {
      max-width: 345px;
      margin-left: auto;
      margin-right: auto;
   }

}

@media (max-width: 380px) {
   .modal-quiz .modal__body {
      padding: 65px 10px;
   }

   .modal-quiz .input {
      padding-left: 25px;
      padding-right: 25px;
   }

   .modal-quiz .form-block__file-title {
      font-size: 14px;
   }
}

/* ==================================== */
.options {
   padding: 54px 0px;
}

.options__title {
   margin-bottom: 50px;
}

.options__blocks {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   gap: 20px;
}

.options__block {
   position: relative;
   width: calc((100% - 20px) / 2);
   padding: 55px;
   background: linear-gradient(89deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 30.09%, rgba(255, 255, 255, 0.00) 66.43%, rgba(255, 255, 255, 0.10) 100%), rgba(7, 7, 7, 0.30);
   backdrop-filter: blur(11.5px);
   border: 1px rgba(255, 255, 255, 0.10) solid;
   border-radius: 15px;
   overflow: hidden;
}

.options__block::before {
   content: '';
   position: absolute;
   width: 1641px;
   height: 697px;
   border-radius: 1641px;
   opacity: 0.6;
   background: radial-gradient(50% 50% at 50% 50%, #F8CD70 0%, rgba(248, 205, 112, 0.00) 100%);
   filter: blur(127.5px);
   z-index: -1;
}

.bottom-right::before {
   left: -145px;
   bottom: -546px;
}

.options__image {
   width: 96px;
   height: 96px;
   margin-bottom: 25px;
   padding: 10px;
   border-radius: 20px;
   border: 1px solid rgba(255, 255, 255, 0.07);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) -33.02%, rgba(255, 255, 255, 0.00) 17.45%), rgba(255, 255, 255, 0.05);
   box-shadow: 0px 0px 18px -6px rgba(255, 255, 255, 0.17) inset;
   backdrop-filter: blur(6px);
   display: flex;
   align-items: center;
   justify-content: center;
}

.options__image span {
   background-color: var(--color);
   border-radius: 15px;
   overflow: hidden;
}

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

.options__block-title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 17px;
   line-height: 130%;
   letter-spacing: 0.34px;
   margin-bottom: 10px;
}


.options__block-sub-title {
   color: var(--color3);
   font-size: 14px;
   line-height: 130%;
}

.top-right::before {
   right: -1225px;
   top: -482px;
}

.left::before {
   left: -1390px;
   top: 50%;
   transform: translateY(-50%);
}

.top-left::before {
   right: -197px;
   top: -597px;
}

@media (max-width: 992px) {
   .options__block {
      padding: 25px;
   }

   .options__image {
      margin-bottom: 15px;
   }
}

@media (max-width: 768px) {
   .options {
      padding: 80px 0px 0px 0px;
   }

   .options__block {
      width: 100%;
      padding: 20px;
   }

   .options__image {
      width: 86px;
      flex-shrink: 0;
      height: 86px;
      margin-bottom: 0px;
   }

   .options__top {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 15px;
   }

   .options__block-title {
      margin-bottom: 0px;
   }

   .options__title {
      margin-bottom: 35px;
   }
}

@media (max-width: 480px) {
   .options__block-title {
      font-size: 14px;
   }

   .options__image {
      width: 70px;
      padding: 8px;
      height: 70px;
      border-radius: 15px;
   }

   .options__image span {
      border-radius: 10px;
   }
}

/* ==================================== */
.info-blocks {
   padding: 55px 0px;
}

.info-blocks.margin {
   padding: 160px 0px 80px 0px;
}

.info-blocks2 {
   padding: 95px 0px;
}

.info-block__title {
   margin-bottom: 20px;
}

.info-block__sub-title {
   text-align: center;
   color: var(--color3);
   font-size: 20px;

   font-weight: 500;
   line-height: 155%;
}

.info-blocks__body {
   padding-top: 50px;
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}

.info-blocks__block {
   display: flex;
   flex-direction: column;
   height: 434px;
   justify-content: flex-end;
   padding: 45px 40px;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   width: calc((100% - 40px) / 3);
}

.info-blocks__block::after {
   content: '';
   transform: rotate(180deg);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(13, 13, 13, 0.80) 0%, rgba(13, 13, 13, 0.80) 27.6%, rgba(13, 13, 13, 0.00) 100%);
}

.info-blocks__block img {
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.info-blocks__info {
   position: relative;
   display: flex;
   flex-direction: column;
   z-index: 1;
   max-width: 262px;
}

.info-blocks__block-title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 18px;
   font-weight: 500;
   line-height: 130%;
   letter-spacing: 0.36px;
   margin-bottom: 10px;
}

.info-blocks__block-title span {
   color: var(--color);
}

.info-blocks__text {
   color: var(--color3);
   font-size: 14px;
   font-weight: 500;
   line-height: 155%;
}

.info-blocks__text:not(:last-child) {
   margin-bottom: 10px;
}

a.info-blocks__link {
   color: var(--color);
   font-size: 14px;
   font-weight: 600;
   line-height: 150%;
   letter-spacing: 0.28px;
   text-decoration-line: underline;
   transition: 0.2s ease 0s;
   margin-top: auto;
}

.info-blocks2 .info-blocks__block {
   padding-right: 9px;
}

.info-blocks2 .info-blocks__info {
   max-width: 100%;
}

@media (hover: hover) {
   .info-blocks__link:hover {
      color: var(--color-hover);
   }
}

@media (min-width: 992px) {
   .info-blocks__block.big-item {
      width: calc((100% - 10px) / 1.5);
   }

   .info-blocks2 .big-item .info-blocks__info {
      min-height: 120px;
   }
}

@media (min-width: 768px) {
   .info-blocks__info.min-h {
      min-height: 98px;
   }
}

@media (max-width: 992px) {
   .info-blocks__block {
      height: 350px;
      padding: 35px 30px;
      width: calc((100% - 20px) / 2);
   }

   .info-blocks__block-title {
      font-size: 16px;
   }

   .info-block__sub-title {
      font-size: 18px;
   }
}

@media (max-width: 768px) {
   .info-blocks {
      padding: 70px 0px;
   }


   .info-blocks2 {
      padding: 70px 0px;
   }

   .info-blocks.margin {
      padding: 50px 0px;
   }

   .info-blocks__body {
      flex-direction: column;
      padding-top: 30px;
   }

   .info-blocks__block {
      width: 100%;
      height: 434px;
   }

   .info-block__sub-title {
      font-size: 16px;
   }

   .info-block__title {
      margin-bottom: 10px;
   }
}

@media (max-width: 480px) {
   .info-blocks2 .info-blocks__block-title {
      font-size: 14px;
   }
}


/* ==================================== */

.example {
   padding: 120px 0px 40px;
}

.example__title {
   max-width: 769px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

.example__sub-title {
   color: var(--color3);
   text-align: center;
   font-size: 18px;
   font-weight: 400;
   line-height: 155%;
}

.example__body {
   padding-top: 50px;
   display: flex;
   flex-direction: column;
   gap: 50px;
}

.example__block {
   display: flex;
   border-radius: 80px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: #191919;
}

.example__image {
   position: relative;
   width: 54%;
}

.example__image img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.example__info {
   padding: 0px 76px 40px 64px;
   width: 35%;
   flex-grow: 1;
}

.example__count {
   color: var(--color4);
   text-align: center;
   font-family: 'Unbounded';
   font-size: 15px;
   font-weight: 600;
   line-height: 130%;
   letter-spacing: 0.3px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
   background-color: var(--color);
   width: 92px;
   height: 45px;
   border-radius: 0px 0px 10px 10px;
}

.example__block-title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 22px;
   font-weight: 600;
   line-height: 155%;
   margin-bottom: 15px;
}

.example__block p {
   color: var(--color3);
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 15px;
}

.example__button {
   margin-top: 30px;
}


@media (max-width: 992px) {
   .example__info {
      padding: 0px 42px 30px 42px;
   }

   .example__block {
      border-radius: 70px;
   }


   .example__image {
      width: 50%;
   }

   .example__block-title {
      font-size: 20px;
   }

   .example {
      padding-top: 160px;
   }
}

@media (max-width: 768px) {
   .example {
      padding: 80px 0px;
   }

   .example__block {
      border-radius: 60px;
      flex-direction: column;
   }

   .example__info {
      width: 100%;
      padding: 0px 19px 30px 19px;
   }

   .example__button {
      width: 100%;
      justify-content: space-between;
   }

   .example__block-title {
      font-size: 18px;
      padding: 0px 16px;
   }

   .example__image {
      width: 100%;
      height: 407px;
   }

   .example__block p {
      padding: 0px 16px;
   }

   .example__count {
      margin-left: 16px;
   }

   .example__body {
      padding-top: 30px;
      gap: 37px;
   }
}

@media (max-width: 480px) {
   .example__block {
      border-radius: 50px;
   }

   .example__block-title {
      font-size: 16px;
      padding: 0px 10px;
   }

   .example__image {
      width: 100%;
      height: 307px;
   }

   .example__block p {
      padding: 0px 10px;
      margin-bottom: 10px;
   }

   .example__count {
      margin-left: 10px;
   }

   .example .button2 .svg1,
   .example .button2 .svg2 {
      display: none;
   }

   .example__button {
      padding: 23px 20px;
      font-size: 13px;
   }

   .example__sub-title {
      font-size: 16px;
   }
}

/* ==================================== */

.confidentsialnost {
   font-size: 18px;
   color: var(--color3);
   line-height: 155%;
}

.confidentsialnost h1 {
   margin-bottom: 40px;
}

.confidentsialnost b {
   display: block;
   color: var(--color2);
   font-weight: 700;
   margin-bottom: 19px;
}

.confidentsialnost .paragraph:not(:last-child) {
   margin-bottom: 40px;
}

.confidentsialnost .breadcrumbs {
   padding-bottom: 40px;
}

@media (max-width: 768px) {
   .confidentsialnost h1 {
      text-align: left;
      margin-bottom: 50px;
   }

   .confidentsialnost .breadcrumbs {
      padding: 30px 0px 30px 0px;
   }
}

@media (max-width: 480px) {
   .confidentsialnost .breadcrumbs {
      padding: 15px 0px 20px 0px;
   }

   .confidentsialnost b {
      margin-bottom: 15px;
   }

   .confidentsialnost .paragraph:not(:last-child) {
      margin-bottom: 45px;
   }
}

/* ============================== */

.department-tabs {
   padding: 40px 0px 100px 0px;

}

.department-tabs__title {
   margin-bottom: 10px;
   max-width: 987px;
   margin-left: auto;
   margin-right: auto;
}

.department-tabs__sub-title {
   text-align: center;
   color: var(--color3);
   font-size: 20px;
   line-height: 155%;
   max-width: 555px;
   margin-left: auto;
   margin-right: auto;
}

.department-tabs__body {
   padding-top: 60px;
   display: flex;
   gap: 20px;
   overflow: hidden;
}

.department-tabs__buttons {
   display: flex;
   padding-left: 1px;
   padding-bottom: 1px;
   gap: 20px;
   flex-direction: column;
   width: 100%;
   max-width: 267px;
}

.department-tabs__container {
   max-width: 100%;
   width: 100%;
}

.department-tabs__button {
   display: flex;
   width: 100%;
   align-items: center;
   border-radius: 10px;
   background: #191919;
   gap: 10px;
   padding: 16px 20px 16px 20px;
   text-align: left;
   color: #424242;
   font-family: 'Unbounded';
   font-size: 14px;
   font-weight: 600;
   line-height: 155%;
   text-transform: uppercase;
   transition: 0.2s ease 0s;
   min-height: 76px;
}


.department-tabs__content {
   height: 100%;
   opacity: 0;
   transition: 0.4s ease 0s;
}

.department-tabs__content-block {
   width: auto;
   overflow: hidden;
   border-radius: 35px;
   flex-grow: 1;
   position: relative;
}

.two .department-tabs__content-block {
   max-width: 410px;
   width: 100%;
}

.department-tabs__image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

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

.department-tabs__name {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 230px;
   padding: 32px 40px;
   left: 0;
   bottom: 0;
   color: var(--bg-color);
   font-size: 22px;
   font-weight: 600;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   line-height: 155%;
   background: linear-gradient(180deg, rgba(248, 202, 104, 0.00) 0%, rgba(248, 202, 104, 0.91) 100%);
}

.department-tabs__job-title {
   color: var(--color4);
   line-height: 155%;
   font-size: 16px;
   margin-top: 5px;
}

.department-tabs__container {
   position: relative;
}

.department-tabs__content {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.department-tabs__content.d-block {
   opacity: 1;
}


@media (hover: hover) {
   .department-tabs__button:hover {
      outline: 1px solid var(--color);
      color: var(--color);
   }
}

.department-tabs__button:active {
   background: linear-gradient(180deg, #FFEBC6 -72.31%, rgba(255, 235, 198, 0.00) 71.52%), linear-gradient(215deg, #FFEBC6 5.11%, rgba(255, 235, 198, 0.00) 28.85%), var(--Color-1, #F8CA68);
   color: #424242;
}

.department-tabs__button.tab-active {
   background: linear-gradient(180deg, #FFEBC6 -72.31%, rgba(255, 235, 198, 0.00) 71.52%), linear-gradient(215deg, #FFEBC6 5.11%, rgba(255, 235, 198, 0.00) 28.85%), var(--Color-1, #F8CA68);
   color: #424242;
}

@media (max-width: 992px) {
   .department-tabs__name {
      padding: 20px 25px;
      font-size: 18px;
   }

   .department-tabs__job-title {
      font-size: 14px;
      margin-top: 2px;
   }

   .department-tabs__content.three .swiper-wrapper {
      grid-column-gap: 15px;
      grid-row-gap: 15px;
   }

   .department-tabs .swiper-wrapper {
      gap: 15px;
   }

   .department-tabs__button {
      padding: 16px 20px 16px 20px;
      font-size: 12px;
   }

   .department-tabs__buttons {
      max-width: 227px;
   }

   .department-tabs__content.four .department-tabs__content-block {
      max-height: 339px;
   }

   .department-tabs__sub-title {
      font-size: 18px;
   }
}

@media (min-width: 768px) {
   .department-tabs .swiper-wrapper {
      gap: 24px;
      flex-wrap: wrap;
   }

   .department-tabs__content-block {
      flex-shrink: 1;
   }

   .department-tabs__content.three .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: repeat(4, 1fr);
      grid-column-gap: 24px;
      grid-row-gap: 24px;
   }

   .department-tabs__content.three .department-tabs__content-block:nth-child(1) {
      grid-area: 1 / 1 / 5 / 4;
   }

   .department-tabs__content.three .department-tabs__content-block:nth-child(2) {
      grid-area: 1 / 4 / 3 / 7;
   }

   .department-tabs__content.three .department-tabs__content-block:nth-child(3) {
      grid-area: 3 / 4 / 5 / 7;
   }

   .department-tabs__content.four .department-tabs__content-block {
      max-height: 360px;
      height: 100%;
      flex-basis: 48%;
      flex-grow: 1;
   }
}

@media (max-width: 768px) {
   .department-tabs {
      padding-top: 10px;
      padding-bottom: 0px;
   }

   .department-tabs__content.three .swiper-wrapper {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
   }


   .department-tabs .wrapper {
      max-width: 452px;
   }

   .department-tabs__buttons {
      max-width: 100%;
      gap: 15px;
      padding: 0px;
   }

   .department-tabs__button .br {
      display: inline;
   }

   .department-tabs__button {
      text-align: center;
      justify-content: center;
      gap: 2px;
      padding: 29px 10px;
   }

   .department-tabs__body {
      padding-top: 30px;
      gap: 40px;
      flex-direction: column;
   }

   .department-tabs__container {
      height: 600px;
   }

   .department-tabs__sub-title {
      font-size: 16px;
   }

   .department-tabs__name {
      height: 122px;
   }

   .department-tabs__content-block {
      border-radius: 15px;
   }

   .department-tabs .swiper-wrapper {
      gap: 0px;
   }
}

@media (max-width: 480px) {
   .department-tabs__buttons {
      gap: 10px;
   }

   .department-tabs .wrapper {
      max-width: 352px;
   }

   .department-tabs__name {
      padding: 20px;
      font-size: 16px;
      height: 122px;
   }

   .department-tabs__container {
      height: 400px;
   }
}

/* ============================== */

.not-found {
   background: url(../img/intro/not-found-bg.png) center / cover no-repeat;
   position: relative;
   margin-bottom: 160px;
}

.not-found__body {
   position: relative;
   z-index: 5;
   text-align: center;
}

.not-found__main {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   position: relative;
   z-index: 2;
   margin-top: 70px;
   padding-top: 350px;
   padding-bottom: 0px;
}

.not-found h1 {
   position: absolute;
   line-height: 100%;
   left: 50%;
   top: 0;
   transform: translate(-50%, 0%);
   font-family: 'Unbounded';
   font-size: 425px;
   line-height: 80%;
   font-weight: 700;
   letter-spacing: 8.511px;
   pointer-events: none;
}

.not-found__sub-title {
   color: var(--color3);
   text-align: center;
   font-family: Montserrat;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 155%;
   max-width: 632px;
   margin-left: auto;
   margin-right: auto;
}

.not-found::before {
   height: 104px;
}

@media (max-width: 1160px) {
   .not-found h1 {
      font-size: 325px;
   }

   .not-found__main {
      padding-top: 267px;
   }
}

@media (max-width: 992px) {
   .not-found h1 {
      font-size: 225px;
   }

   .not-found__sub-title {
      font-size: 18px;
      max-width: 600px;
   }


   .not-found__main {
      padding-top: 180px;
   }
}

@media (min-width: 768px) {
   .not-found .button {
      transform: translateY(50%);
   }
}

@media (max-width: 768px) {
   .not-found {
      background: url(../img/intro/not-found-mobile.png) center / cover no-repeat;
      margin-bottom: 140px;
   }

   .not-found .breadcrumbs {
      display: none;
   }

   .not-found h1 {
      font-size: 165px;
   }

   .not-found__sub-title {
      font-size: 16px;
      max-width: 500px;
   }

   .not-found__main {
      padding-top: 143px;
      padding-bottom: 10px;
      margin-top: 76px;
   }

   .not-found {
      min-height: 837px;
   }
}

@media (max-width: 480px) {
   .not-found h1 {
      font-size: 120px;
   }

   .not-found__main {
      padding-top: 100px;
      padding-bottom: 10px;
      margin-top: 52px;
   }
}

@media (max-width: 380px) {
   .not-found h1 {
      font-size: 100px;
   }

   .not-found__main {
      padding-top: 85px;
      margin-top: 52px;
   }
}

/* ============================== */

.quiz {
   padding: 65px 0px;
   overflow: hidden;
}

.quiz__title {
   max-width: 997px;
   margin: 0px auto 10px auto;
}

.quiz__title span {
   display: block;
}

.quiz__sub-title {
   color: var(--color3);
   text-align: center;
   font-size: 20px;
   line-height: 155%;
   max-width: 530px;
   margin: 0px auto;
}

.step-form-wrapper {
   margin-top: 55px;
   display: flex;
   border-radius: 25px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: #191919;
   padding: 55px 55px 90px 55px;
   gap: 54px;
   color: var(--color3);
   min-height: 940px;
}

.step-form-wrapper form {
   flex-grow: 1;
}

.step-forms {
   width: 100%;
   display: flex;
   flex-direction: column;
}

.step-row__title {
   text-align: center;
   font-size: 15px;
   line-height: 120%;
   margin-bottom: 18px;
}

.form-step {
   height: 100%;
}

.form-step__body {
   height: 100%;
   display: flex;
   flex-direction: column;
}

.steps form {
   flex-grow: 1;
}

.step-row-block {
   margin-bottom: 48px;
}

.step-count {
   display: none;
}

#progress {
   border-radius: 3px;
   width: 100%;
   height: 30px;
   position: relative;
   transition: 1s ease 0s;
   display: flex;
   overflow: auto;
}

#progress::-webkit-scrollbar {
   height: 0px;
   width: 0px;
   background: #ffebc600;
}

.progress-block {
   flex-grow: 1;
   padding: 10px;
   color: rgba(255, 255, 255, 0.2);
   text-align: center;
   font-size: 12px;
   line-height: 100%;
   position: relative;
   z-index: 1;
   transition: 0.4s ease 0s;
   min-width: 80px;
   background: rgba(255, 255, 255, 0.05);
}

.progress-block:not(:last-child)::after {
   content: '';
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.20);
   position: absolute;
   right: 0px;
   width: 2px;
   height: 24px;
   top: 50%;
   transform: translateY(-50%);
   z-index: -2;
}

.progress-full {
   color: rgba(13, 13, 13, 0.8);
}

.progress-block::before {
   content: '';
   position: absolute;
   width: 0px;
   left: 0;
   top: 0;
   transition: width 0.8s ease 0s;
   z-index: -1;
   height: 100%;
   background: #F8CA68;
   box-shadow: 0px 0px 11px 0px #F8CA68, 0px 0px 19px 0px rgba(255, 255, 255, 0.04) inset;
}

.progress-full::before {
   width: 100%;
}

.progress-full.progress-block:first-child::before {
   border-radius: 3px 0px 0px 3px;
}

.progress-full.progress-block.progress-active:first-child::before {
   border-radius: 3px;
}

.progress-block:last-child::before {
   border-radius: 0px 3px 3px 0px;
}

.progress-block.progress-active::before {
   border-radius: 0px 3px 3px 0px;
}

.form-step {
   height: 100%;
}

.form-step {
   display: none;
}

.form-step-active {
   display: block;
}

.form-step__title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 24px;
   line-height: 120%;
   margin-bottom: 35px;
}

.form-step__main {
   display: flex;
   flex-wrap: wrap;
   max-width: 630px;
   width: 100%;
   gap: 30px;
}

.form-step__main-content {
   flex-grow: 1;
   gap: 22px;
   display: flex;
}

.form-step__left {
   display: flex;
   width: 100%;
   flex-direction: column;
}

.form-step__right {
   max-width: 350px;
   width: 100%;
}

.children-5 {
   gap: 23px;
}

/* .children-5 .form-step__block{
    width: calc((100% - 46px) / 3);
} */

.form-step__block {
   position: relative;
   width: calc((100% - 30px) / 2);
   display: flex;
   flex-direction: column;
   align-items: center;
}

.form-step__image {
   width: 100%;
}

.form-step__right2 .form-step__right-top {
   padding-bottom: 0px;
}

.form-step__right2 .form-step__right-top::after {
   display: none;
}

.form-step__label-img {
   border-radius: 10px;
   overflow: hidden;
   display: block;
   position: relative;
   height: 190px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--bg-color);
   transition: 0.1s ease 0s;
}

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

.img-question {
   max-width: 66px;
   max-height: 98px;
}

.form-step__radio {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
}

.form-step__label-title {
   color: var(--color2);
   text-align: center;
   font-size: 15px;
   line-height: 120%;
   transition: 0.2s ease 0s;
   padding-top: 20px;
}

.form-step__buttons {
   display: flex;
   gap: 15px;
   justify-content: flex-end;
   margin-top: auto;
   padding-top: 30px;
   max-width: 647px;
}

.form-step__button {
   max-width: 100%;
   width: auto;
}

.form-step__button .button__body {
   padding: 22.2px 46px;
}

.form-step__button.btn-next svg {
   margin-left: 2px;
}

.form-step__button svg {
   flex-shrink: 0;
}

.form-step__button-prev {
   width: auto;
   padding-left: 56px;
   padding-right: 56px;
   color: var(--color3);
}

.form-step__button-prev svg {
   transform: rotate(180deg);
   margin-right: 10px;
}

.form-step__checkboxes {
   padding-top: 22px;
}

.form-step__checkbox-box {
   position: relative;
}

.form-step__radio:checked+.form-step__label-img {
   border: 2px solid var(--color);
}

.form-step__checkbox-box:not(:last-child) {
   margin-bottom: 24px;
}

.form-step__checkmark {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
}

.form-step__checkbox-label {
   display: flex;
   gap: 12px;
   align-items: center;
}


.form-step__checkbox-label::before {
   content: '';
   width: 15px;
   height: 15px;
   outline: 1px solid #8F8F8F;
   border-radius: 2px;
}

.form-step__checkmark:checked~.form-step__checkbox-label::before {
   outline: 1px solid #303030;
   border: 2px #ffffff solid;
   background: #303030;
}

.form-step__main-final {
   display: flex;
}

.form-step__left-block {
   max-width: 460px;
}

.form-step__final-text {
   max-width: 355px;
   line-height: 120%
}

.form-step__main-final .form-step__title {
   margin-bottom: 15px;
}

.form-step__mini-form {
   padding-top: 20px;
   max-width: 350px;
}

.form-step__form-title {
   font-size: 15px;
   line-height: 135%;
   margin-bottom: 15px;
}

.form-step__main-final .form-step__button {
   width: 100%;
   justify-content: center;
   padding: 35px;
}

.form-step__phone-img {
   width: 250px;
   height: 480px;
   margin-top: auto;
   min-width: 250px;
}

.form-step__phone-img-mobile {
   display: none;
}

.form-step__phone-img img {
   width: 100%;
   height: 100%;
}

.form-step__radio-input,
.form-step__input-text {
   border-radius: 15px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: #191919;
   width: 100%;
   padding: 27px 10px 27px 18px;
   color: #FFF;
   font-size: 14px;
}

.form-step__input-text {
   display: flex;
   padding: 21px 22px;
   align-items: center;
   cursor: text;
   color: var(--color3);
}

[data-number] {
   color: var(--color3);
}

[data-number] .form-step__plus-minus {
   display: flex;
   flex-direction: column;
   gap: 10px;
   cursor: pointer;
}

[data-number] .form-step__plus-minus div {
   width: 12px;
   height: 9px;
   display: flex;
   align-items: center;
   justify-content: center;
}

[data-number] input::placeholder {
   color: currentColor;
}


[data-number] .form-step__plus-minus svg {
   transition: 0.2s ease 0s;
}

.form-step__minus svg {
   transform: rotate(180deg);
}

.form-step__input-text input {
   width: 100%;
}

.form-step__label-radio {
   display: flex;
   align-items: center;
}

.form-step__label-radio span {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 16px;
   flex-shrink: 0;
   height: 16px;
   border: 1px solid #FFF;
   margin-right: 14px;
   border-radius: 50%;
}

.form-step__label-radio span::before {
   content: '';
   opacity: 0;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: var(--color);
   transition: 0.1s ease 0s;
}

.form-step__radio-input input:checked+.form-step__label-radio span {
   border-color: var(--color);
}

.form-step__radio-input input:checked+.form-step__label-radio span::before {
   opacity: 1;
}

.decor-bottom {
   position: relative;
   padding-bottom: 110px;
}

.decor-bottom::before {
   content: '';
   left: 0;
   bottom: 0;
   width: 100%;
   height: 803px;
   background: url(../img/quiz/decor.png) center / cover no-repeat;
   position: absolute;
   z-index: 0;
}

.quiz .wrapper {
   position: relative;
   z-index: 5;
}

.form-step__right {
   padding: 40px 20px;
   border-radius: 10px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: center / cover no-repeat;
}


.form-step__right-top {
   position: relative;
   padding: 0px 10px 36px 10px;
}

.form-step__right-top::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   border-radius: 5px;
   background: rgb(255, 255, 255, 0.2);
}

.form-step__right-title {
   color: var(--color2);
   font-size: 22px;
   font-weight: 600;
   line-height: 120%;
   margin-bottom: 25px;
}

.form-step__right-title span {
   display: block;
}

.form-step__right-list {
   margin-bottom: 30px;
}

.form-step__right-item {
   display: flex;
   color: var(--color3);
   font-size: 14px;
   line-height: 140%;
}

.form-step__right-item:not(:last-child) {
   margin-bottom: 15px;
}

.form-step__right-item span {
   color: #21252C;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   line-height: 100%;
   width: 26px;
   height: 26px;
   border-radius: 50%;
   flex-shrink: 0;
   background-color: #FFFFFF;
   margin-right: 12px;
}

.form-step__right-sub-title {
   color: var(--color3);
   font-size: 14px;
   font-weight: 500;
   line-height: 120%;
}

.form-step__right-bottom {
   padding: 38px 5px 0px 10px;
}

.form-step__right-text {
   color: var(--color2);
   font-size: 18px;
   font-weight: 600;
   line-height: 120%;
   margin-bottom: 14px;
}

.form-step__right-sub-text {
   color: var(--color3);
   font-size: 14px;
   line-height: 140%;
}

.intro__gift {
   position: absolute;
   background: linear-gradient(89deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 30.09%, rgba(255, 255, 255, 0.00) 66.43%, rgba(255, 255, 255, 0.10) 100%), rgba(7, 7, 7, 0.30);
   border: 1px solid rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(11.5px);
   border-radius: 15px;
   padding: 25px 20px 14px 20px;
   
   bottom: 247px;
   right: 15px;
   max-width: 400px;
}

.intro__gift-img {
   display: flex;
   gap: 32px;
   margin-bottom: 16px;
   /* background-color: var(--color);
   overflow: hidden;
   display: flex;
   
   justify-content: center; */
   align-items: center;
}
.intro__gift-img img{
   width: 54px;
   height: 54px;
   flex-shrink: 0;
   border-radius: 50%;
}
.intro__gift-title {
   color: #f8ca68;
   font-family: 'Unbounded';
   font-size: 19px;
   font-weight: 400;
   line-height: 130%;
   letter-spacing: 0.32px;
   
}
.intro__gift-subtitle{
   font-size: 17px;
   margin-bottom: 16px;
   color: #f3f0c1;
}
.intro__gift-item {
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   line-height: 155%;
   display: flex;
}

.intro__gift-item::before {
   content: '';
   width: 5px;
   height: 5px;
   margin-top: 7px;
   border-radius: 50%;
   flex-shrink: 0;
   background-color: var(--color);
   margin-right: 10px;
}

.intro__gift-item-sub:not(:last-child) {
   margin-bottom: 8px;
}
.intro__gift-item-sub{
   font-size: 13px;
   padding-left: 20px;
}
.form-step__final-main {
   position: relative;
   z-index: 1;
   max-width: 385px;
   margin-right: 32px;
   margin-left: auto;
}

.form-step-final__img {
   position: absolute;
   z-index: -1;
   right: 96%;
}

.form-step-final .form-step__title {
   margin-bottom: 15px;
}

.form-step-final__sub-title {
   font-size: 18px;
   line-height: 155%;
   margin-bottom: 27px;
}

.form-step-final__radios {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   gap: 23px;
   margin-bottom: 36px;
}

.form-step-final__simple-radio {
   display: none;
}

.form-step-final__label {
   display: inline-flex;
   align-items: center;
   gap: 14px;
}

.form-step-final__radios input:checked+.form-step-final__label span {
   border-color: var(--color);
}

.form-step-final__label span {
   width: 16px;
   border: 1px solid #FFF;
   border-radius: 50%;
   height: 16px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.form-step-final__label span::before {
   content: '';
   width: 12px;
   height: 12px;
   background-color: var(--color);
   border-radius: 50%;
   opacity: 0;
   transition: 0.2s ease 0s;
}

.form-step-final__radios input:checked+.form-step-final__label span::before {
   opacity: 1;
}

.form-step-final__decription {
   margin-bottom: 25px;
}

.form-step-final .input {
   max-width: 100%;
}

.button {
   max-width: 345px;
}

.form-step-final .form-block {
   max-width: 345px;
   justify-content: flex-start;
}

.main-body {
   display: none;
}

@media (hover: hover) {
   .form-step__label-img:hover {
      box-shadow: 0px 9px 46px -14px rgba(248, 202, 104, 0.5);
   }

   .form-step__block:has(.form-step__label-title:hover) .form-step__label-img {
      box-shadow: 0px 9px 46px -14px rgba(248, 202, 104, 0.5);
   }

   [data-number] .form-step__plus-minus div:hover {
      color: #FFF;
   }

}

@media (max-width: 1080px) {
   
   .step-form-wrapper {
      padding: 55px 25px 70px 25px;
   }

   .children-5 {
      gap: 20px;
   }

   .children-5 .form-step__block {
      width: calc((100% - 20px) / 2);
   }

   .form-step__right {
      max-width: 320px;
   }

   .form-step-final__img {
      max-width: 280px;
   }
}




/* ============================== */
.change {
   margin-bottom: 40px;
}

.change__title {
   max-width: 800px;
   margin: 0px auto 10px auto;
}

.change__title img {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.change__sub-title {
   color: var(--color3);
   text-align: center;
   font-size: 20px;
   line-height: 155%;
   max-width: 520px;
   margin: 0px auto;
}

.change__body {
   display: flex;
   gap: 30px;
   margin-top: 55px;
   border-radius: 25px;
   border: 1px solid rgba(255, 255, 255, 0.10);
   background: #191919;
   padding: 65px 55px 44px 55px;
}

.change__left {
   max-width: 590px;
}

.change__body-title {
   color: var(--color2);
   font-family: 'Unbounded';
   font-size: 22px;
   font-weight: 600;
   line-height: 155%;
   margin-bottom: 12px;
}

.change__text {
   color: var(--color3);
   font-size: 18px;
   line-height: 150%;
}

.change__text b {
   display: block;
   margin-top: 30px;
}


.change__text a {
   text-decoration: underline;
}

.change__gift {
   padding: 30px 0px;
   display: flex;
   align-items: flex-start;
   gap: 23px;
}

.change__gift-image {
   flex-shrink: 0;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   border-radius: 5px;
   background: rgba(248, 202, 104, 0.2);
}

.change__gift-title {
   color: var(--color2);
   font-size: 20px;
   font-weight: 500;
   line-height: 120%;
   margin-bottom: 14px;
}

.change__gift-title span {
   color: var(--color);
}

.change__gift-text,
.change__mobile-text {
   color: #B7B8B9;
   line-height: 140%;
   max-width: 472px;
}

.change__gift-text b {
   color: var(--color2);
   font-size: 16px;
   font-weight: 600;
   line-height: 120%;
   display: block;
   margin-bottom: 6px;
}

.change .form-block {
   max-width: 448px;
   align-items: flex-start;
}

.change .form-block__input {
   max-width: 345px;
   width: 100%;
}

.change .form-block__button {
   margin-top: 15px;
}

.change .form-block__label {
   text-align: left;
}


.change .form-block__confidentiality {
   max-width: 345px;
}

.change__right {
   margin-left: auto;
   flex-shrink: 0;
}

.change__card {
   max-width: 350px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   z-index: 1;
   display: flex;
   flex-direction: column;
   border: 1px solid rgba(255, 255, 255, 0.10);
   height: 635px;
   padding: 43px 20px;
}


.change__card::before {
   content: '';
   z-index: -1;
   position: absolute;
   border-radius: 835px;
   opacity: 0.6;
   background: radial-gradient(50% 50% at 50% 50%, #F8CD70 0%, rgba(248, 205, 112, 0.00) 100%);
   filter: blur(68.2042465209961px);
   right: -505px;
   top: -418px;
   width: 835px;
   height: 631px;
}

.change__card img {
   position: absolute;
   bottom: 0%;
   left: 50%;
   min-width: 348px;
   transform: translateX(-50%);
}


.change__card::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 274px;
   width: 100%;
   transform: rotate(180deg);
   border-radius: 10px;
   background: linear-gradient(180deg, rgba(13, 13, 13, 0.80) 0%, rgba(13, 13, 13, 0.00) 100%);
}

.change__right-name {
   margin-top: auto;
   z-index: 1;
   text-align: center;
   color: var(--color2);
}

.change__name {
   margin-bottom: 12px;
   text-align: center;
   font-size: 22px;
   font-weight: 600;
   line-height: 120%;
}

.change__job-title {
   text-align: center;
   font-size: 15px;
   line-height: 120%;
}

.change__right .form-block {
   display: none;
}

.change__mobile-text {
   display: none;
}

/* ============================== */

.modal-pc {
   position: static;
   transform: translate(0px);
   margin-top: 110px;
   margin-bottom: 80px;
}

.table {
   padding: 80px 0px;
}

.table__title {
   margin-bottom: 50px;
}

.table-wrapper {
   border-radius: 10px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, 0.2);
   background: var(--bg-color);
}

.table-wrapper table {
   border-spacing: 0px;
   width: 100%;
}

.table table tr {
   color: #B7B8B9;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
}

.table tr td:first-child,
.table th:first-child {
   width: 50%;
   text-align: left;
}

.table tr:not(:first-child) td {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.table tr:last-child td {
   border-bottom: 0px;
}

.table table td,
th {
   text-align: center;
   padding: 21px 22px 21px 30px;
   font-weight: 500;
}

.table thead {
   background-color: var(--color);
   font-size: 18px;
}

.table thead {
   background-color: var(--color);
}

.table thead th {
   color: #333332;
   font-weight: 700;
}

.table .mobile-text {
   display: none;
}

.table .table-tab-row {
   border: none;
   cursor: pointer;
   background: rgba(248, 202, 104, 1);
   transition: 0.3s ease 0s;
}

.table .table-tab-active {
   background: rgba(248, 202, 104, 0.6);
}

.table .table-tab-row td {
   padding-right: 60px;
   color: #333332;
   font-weight: 700;
   position: relative;
   font-size: 18px;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.table .table-tab-row td::after {
   content: '';
   position: absolute;
   top: 50%;
   right: 30px;
   width: 15px;
   height: 12px;
   background: url(../img/quiz/polygon2.svg) center / contain no-repeat;
   transform: translateY(-50%) rotate(180deg);
   transition: 0.3s ease 0s;
}

.table-tab-active td {
   border: none;
}

.table-tab-active td.table-tab::after {
   transform: translateY(-50%) rotate(0deg);
}

.table table div {
   display: table-row;
}

.table-tab-row~tr {
   display: none;
}

.table-tab-active~tr {
   display: table-row;
}

.table-tab-active.table-tab-row+tr td {
   border: none;
}

.table .table-tab-row td:first-child {
   width: 100%;
}

td span {
   color: rgba(167, 167, 167, 0.4);
}

.footer-table td:first-child {
   background-color: var(--color);
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   font-size: 18px;
   font-weight: 700;
   color: #333332;
}

table.footer-table td {
   font-weight: 700;
   font-size: 18px;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.td-mobile {
   display: none;
}

.footer-table-2 {
   display: none;
}

.table-bottom {
   color: var(--color2);
   max-width: 425px;
   margin-top: 100px;
}

.table-bottom__title {
   font-family: 'Unbounded';
   font-size: 26px;
   line-height: 120%;
   margin-bottom: 10px;
}

.table-bottom__sub-title {
   font-size: 15px;
   line-height: 140%;
   margin-bottom: 18px;
}

.table-bottom__item {
   display: flex;
   gap: 14px;
   color: var(--color3);
   font-size: 15px;
   line-height: 120%;
}

.table-bottom__item::before {
   content: '';
   width: 6px;
   height: 6px;
   border-radius: 50%;
   margin-top: 6px;
   background-color: var(--color);
   flex-shrink: 0;
}

.table-bottom__item:not(:last-child) {
   margin-bottom: 10px;
}

.table .mobile-on td:last-child,
.table .mobile-on th:last-child {
   width: 15%;
}

@media (hover: hover) {
   .table .table-tab-row:hover {
      background: rgba(248, 202, 104, 0.6);
   }
}

@media (max-width: 1099px){
   .intro__main {
      max-width: 516px;
   }
   h1{
      font-size: 34px;
   }
   .intro__item{
      font-size: 16px;
   }
}

@media (max-width: 992px) {
   .intro__main {
      max-width: 416px;
   }
   h1 {
      font-size: 28px;
   }
   .intro__gift{
      max-width: 300px;
   }
   .children-5 {
      gap: 15px;
   }

   .form-step-final__img {
      display: none;
   }

   .form-step__main.flex-direction-mob {
      flex-direction: column;
   }

   .form-step__main .form-step__block {
      width: 100%;
   }

   .form-step__final-main {
      max-width: 100%;
      width: 100%;
      margin-right: 12px;
   }

   .form-step__title {
      font-size: 22px;
   }

   .form-step__right-title {
      font-size: 20px;
   }

   .form-step__button-prev {
      font-size: 0px;
      line-height: 0px;
   }

   .form-step__button-prev {
      max-width: 113px;
      padding: 10px;
      border-radius: 72px;
      width: 100%;
   }

   .form-step__button-prev svg {
      flex-shrink: 0;
      margin-right: 0px;
   }

   .form-step__button .button__body {
      padding: 20.2px 36px;
   }

   .form-step__main {
      gap: 20px;
   }

   .form-step__block {
      width: calc((100% - 20px) / 2);
   }

   .form-step__label-title {
      font-size: 14px;
   }

   .form-step-final__sub-title {
      font-size: 16px;
   }

   .change__body {
      gap: 20px;
      padding: 55px 25px 44px 25px;
   }

   .change__card {
      max-width: 280px;
      padding: 43px 10px;
   }

   .table table td,
   th {
      padding: 21px 15px 21px 15px;
   }

   .table-bottom__title {
      font-size: 24px;
   }
}

@media (max-width: 768px) {
   .intro__main{
      max-width: 100%;
   }
   .change__body {
      gap: 5px;
      flex-direction: column;
      padding: 55px 25px 44px 25px;
      background: none;
      border: none;
      padding: 0px;
   }

   .change__title {
      display: none;
   }

   .change__sub-title {
      display: none;
   }

   .change__body-title {
      font-size: 20px;
      margin-bottom: 16px;
   }

   .change__text {
      font-size: 16px;
   }

   .change__text b {
      margin-top: 16px;
      font-weight: 400;
   }

   .change__gift {
      padding: 45px 0px;
      gap: 20px;
      flex-wrap: wrap;
   }

   .change__gift-image {
      width: 79px;
      height: 100px;
   }

   .change__gift-right {
      max-width: 200px;
   }

   .change__left .form-block {
      display: none;
   }

   .change__gift-title {
      font-size: 18px;
      margin-bottom: 16px;
   }

   .change__gift-text span {
      display: none;
   }

   .change__mobile-text {
      display: block;
   }

   .change__card {
      max-width: 350px;
      padding: 43px 20px;
   }

   .change__right {
      margin-right: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 50px;
   }

   .change__right .form-block {
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .change__right .form-block__label {
      text-align: center;
   }

   .change .form-block__input {
      padding-left: 35px;
      padding-right: 35px;
   }

   .intro__gift {
      position: static;
      max-width: 420px;
      text-align: left;
      margin: 40px auto 0;
   }

   .quiz {
      padding: 40px 0px;
   }

   .form-step-final__decription {
      font-size: 14px;
      max-width: 400px;
   }

   .form-step__left {
      min-height: 534px;
   }

   .form-step__label-title {
      font-size: 12px;
      padding-top: 10px;
   }

   .decor-bottom {
      padding-bottom: 80px;
   }

   .form-step__title {
      font-size: 18px;
      text-align: center;
      margin-bottom: 25px;
      max-width: 269px;
      margin-left: auto;
      margin-right: auto;
   }

   .form-step-final .form-block {
      margin-left: auto;
      margin-right: auto;
      margin-top: 266px;
   }

   .form-step-final__sub-title {
      display: none;
   }

   .form-step-final__label {
      font-size: 14px;
   }

   .form-step-final__radios {
      padding-top: 10px;
      margin-bottom: 20px;
   }

   #progress {
      overflow: visible;
   }

   .step-form-wrapper {
      padding: 0px;
      background: none;
      border: none;
      margin-top: 30px;
      border-radius: 0px;
   }

   .progress-block {
      flex-shrink: 0;
      width: 147px;
   }


   .form-step-final .input {
      color: var(--color2);
   }

   .form-step-final .input input::placeholder {
      color: var(--color2);
   }

   .form-step__main-content {
      flex-direction: column;
      align-items: center;
      gap: 45px;
   }

   .quiz__sub-title {
      font-size: 18px;
      max-width: 356px;
   }

   .form-step__right {
      max-width: 350px;
      min-height: 606px;
      padding: 30px 20px;
   }

   .step-row-block {
      margin-bottom: 30px;
   }

   .form-step__right-title {
      font-size: 18px;
      margin-bottom: 18px;
   }

   .form-step__right-bottom {
      padding: 35px 10px 0px 10px;
   }

   .form-step__main {
      flex-direction: column;
   }

   .form-step__block {
      width: 100%;
   }

   .blocks-images {
      flex-direction: row;
   }

   .blocks-images .form-step__block {
      width: calc((100% - 20px) / 2);
   }

   .form-step__label-img {
      height: 134px;
   }

   .form-step__radio-input,
   .form-step__input-text {
      padding: 19px 10px 19px 10px;
      border-radius: 10px;
      font-size: 14px;
   }

   .form-step__button {
      width: 100%;
      max-width: 175px;
      padding: 7px;
   }

   .form-step__button .button__body {
      font-size: 12px;
      padding: 15px 10px;
   }

   .form-step__button svg {
      max-width: 24px;
   }

   .form-step__button-prev svg {
      max-width: 30px;
   }

   .form-step-final__img {
      display: block;
      left: 50%;
      top: 60%;
      max-width: 220px;
      transform: translate(-50%, -50%);
   }

   .quiz {
      background-color: rgba(25, 25, 25, 1);
   }

   .table table td,
   th {
      display: none;
   }

   .table .mobile-on td:first-child {
      width: 50%;
   }

   .table .mobile-on td:last-child,
   .table .mobile-on th:last-child {
      display: table-cell;
      text-align: center;
      width: 30%;
      font-size: 14px;
   }

   .modal-pc {
      margin-top: 60px;
      margin-bottom: 30px;
   }

   .table-bottom__title {
      font-size: 20px;
      margin-bottom: 15px;
   }

   .table table td:first-child,
   th:first-child {
      display: table-cell;
      width: 100%;
      font-size: 14px;
   }

   .table td.td-mobile {
      display: table-cell;
      text-align: left;
   }

   .table td.td-mobile span {
      display: block;
      color: #B7B8B9;
      font-size: 14px;
      line-height: 140%;
   }

   .table-bottom {
      margin-top: 60px;
   }

   .table td.td-mobile span.td-mobile-opacity {
      opacity: 0.2;
   }

   .table td.td-mobile span:not(:last-child) {
      margin-bottom: 4px;
   }

   .table table td.mobile-width {
      width: 68%;
   }

   .table .table-tab-row td::after {
      right: 25px;
      width: 12px;
      height: 10px;
      border-radius: 2px;
   }

   .table .mobile-text {
      display: inline;
   }

   .footer-table {
      display: none;
   }

   .footer-table-2 {
      background: var(--color);
      padding: 15px;
      color: var(--bg-color);
      font-size: 14px;
      font-weight: 600;
   }

   .footer-table-2 b {
      display: block;
      font-size: 16px;
      margin-bottom: 8px;
   }

   .footer-table-2 li {
      display: flex;
      justify-content: space-between;
      gap: 5px;
   }

   .footer-table-2 .dot {
      flex-grow: 1;
      border-bottom: 1px dotted var(--bg-color);
      margin-bottom: 4px;
   }

   .footer-table-2 li:not(:last-child) {
      margin-bottom: 8px;
   }

   .table table td,
   th {
      padding: 16px 15px 16px 15px;
   }

   .table__title {
      margin-bottom: 35px;
   }

   .footer-table-2 {
      display: block;
   }

   .table {
      padding: 40px 0px;
   }
}

@media (max-width: 480px) {
   .intro__body {
      padding-top: 30px;
   }

   .intro.intro-quiz2.mod .intro__main {
      min-height: 500px;
   }

   .intro.intro-quiz2.mod h1 {
      font-size: 21px;
   }

   .intro.intro-quiz2.mod .intro__bg {
      height: 720px;
   }

   .intro.intro-quiz2.mod .button__body {
      font-size: 13px;
   }

   .intro.intro-quiz2.mod .intro__list {
      max-width: 210px;
   }

   .intro.intro-quiz2 .header-top {
      padding: 40px 0px;
   }

   .intro.intro-quiz2 .intro__bg {
      height: 980px;
   }

   .intro-quiz .intro__center-title {
      font-size: 18px;
   }

   .intro-landscape .intro__body {
      padding-top: 20px;
   }

   .intro-landscape .intro__title {
      margin-bottom: 3px;
   }

   .intro-uslugi .breadcrumbs {
      padding-bottom: 0px;
   }

   .intro-podbor .intro__bottom {
      max-width: 320px;
   }

   .intro-default .intro__item {
      font-size: 16px;
   }

   .intro-onegin .intro__body {
      padding-top: 40px;
   }

   .intro-podbor .intro__bg {
      height: 895px;
   }

   .intro-podbor .intro__main {
      min-height: 685px;
   }

   .intro-main .intro__bg .intro__house {
      min-width: 890px;
      left: -105px;
      bottom: 10%;
   }

   .intro-main .intro__bg::after {
      bottom: 0;
      left: -250px;
      bottom: 0%;
      min-width: 768px;
      height: 200px;
   }

   .intro-main .intro__bg {
      height: 1050px;
   }

   .intro-main .intro__bg .intro__car {
      min-width: 384px;
      width: auto;
      height: 144px;
      left: -32px;
      bottom: 210px;
   }

   .intro__bottom {
      padding: 35px 36px;
      max-width: 320px;
   }
    .intro-quiz .intro__bottom{
        margin-top: 0;
    }
   .header.with-breadcrumbs .header-top {
      padding: 50px 0px 10px 0px;
   }

   .breadcrumbs {
      padding: 10px 0px 40px 0px;
   }

   .intro-onegin h1 {
      font-size: 36px;
   }

   .intro__sub-title {
      font-size: 14px;
   }

   .intro-onegin .intro__item {
      font-size: 16px;
      max-width: 258px;
   }

   .intro-onegin .intro__main {
      min-height: 700px;
   }

   .intro-investitsii .intro__main {
      min-height: 800px;
   }

   .intro-investitsii .intro__bg {
      height: 983px;
   }

   .intro-investitsii .intro__bg .intro__house {
      left: 50%;
      transform: translateX(-33%);
      min-width: 1260px;
      bottom: 7%;
   }

   .intro-investitsii .intro__bg::after {
      bottom: -2%;
      min-width: 700px;
   }

   .intro-investitsii .intro__bottom {
      margin-top: 50px;
   }


   .intro-investitsii .intro__car {
      position: absolute;
      display: block;
      left: -50px;
      bottom: 100px;
      min-width: 400px;
   }

   .intro-default {
      min-height: 988px;
   }

   .intro-geodeziya .intro__bg {
      height: 995px;
   }

   .intro-geodeziya .intro__main {
      min-height: 785px;
   }

   .intro-individual .breadcrumbs {
      padding: 22px 0px 0px 0px;
   }

   .intro-podbor .intro__bottom {
      margin-top: 70px;
   }

   .intro-inzhenern .intro__bg {
      height: 988px;
   }

   .intro-yuridicheskoye .intro__body {
      padding-top: 2px;
   }

   .intro-yuridicheskoye .breadcrumbs {
      padding: 15px 0px 10px 0px;
   }

   .intro-yuridicheskoye.min-h-800 {
      min-height: 980px;
   }

   .intro-yuridicheskoye .intro__bg {
      height: 100%;
   }

   .intro-ipotech .intro__body {
      padding-top: 60px;
   }

   .intro-ipotech .intro__bg {
      height: 988px;
   }

   .intro-ipotech .intro__bottom {
      margin-top: 85px;
   }

   .intro-spacibo {
      min-height: 910px;
   }

   .intro-spacibo .intro__main {
      min-height: 736px;
   }

   .intro-about .intro__body {
      padding-top: 10px;
   }

   .wrapper {
      max-width: 352px;
      padding: 0px 10px;
   }

   h1 {
      font-size: 20px;
      margin-bottom: 5px;
   }

   h2, .h1 {
      font-size: 19px;
   }
   .intro__gift{
      margin-bottom: 50px;
   }
   .intro__item{
      font-size: 16px;
      line-height: 140%;
   }
   .intro__item br{
      display: none;
   }
   .intro__item:not(:last-child){
      margin-bottom: 10px;
   }
   .intro__center{
      margin-top: 20px;
   }
   .big-block__body {
      border-radius: 50px;
   }

   .big-block.radius .big-block__body {
      border-radius: 0px 0px 50px 50px;
   }

   .big-block__border {
      border-radius: 50px;
   }

   .big-block.radius .big-block__border {
      border-radius: 0px 0px 50px 50px;
   }

   .big-block {
      max-width: 400px;
   }

   .video-btn__play {
      width: 55px;
      height: 55px;
   }

   .video-btn {
      padding: 8px 22px;
      gap: 16px;
   }

   .quiz__sub-title {
      font-size: 16px;
   }
   .form-step__left{
      min-height: 0;
   }
   .form-step-final .input {
      padding: 29px 35px;
   }

   .form-step-final__img {
      top: 58%;
      max-width: 210px;
   }

   .form-step-final .form-block {
      margin-top: 236px;
   }

   .form-step__button-prev svg {
      max-width: 24px;
   }

   .form-step-final__radios {
      gap: 18px;
   }

   .form-step-final__label {
      font-size: 12px;
      gap: 8px;
   }

   .form-step-final__label span {
      width: 12px;
      height: 12px;
   }

   .form-step-final__label span::before {
      width: 8px;
      height: 8px;
   }

   .form-step-final__decription {
      font-size: 12px;
   }

   .form-step__button {
      max-width: 155px;
   }

   .form-step__button .button__body {
      font-size: 10px;
      padding: 15px 10px;
   }

   .form-step__button-prev {
      max-width: 90px;
   }

   .form-step__label-title {
      font-size: 10px;
   }

   .form-step__label-radio {
      font-size: 12px;
   }

   .form-step__label-radio span {
      width: 12px;
      height: 12px;
      margin-right: 8px;
   }

   .form-step__label-radio span::before {
      width: 8px;
      height: 8px;
   }

   .form-step__label-img {
      height: 94px;
   }

   .form-step__title {
      font-size: 16px;
   }

   .form-step__right-title {
      font-size: 16px;
   }

   .form-step__right-item {
      font-size: 13px;
   }

   .form-step__right-sub-title {
      font-size: 12px;
   }

   .form-step__right-list {
      margin-bottom: 22px;
   }

   .form-step__right-sub-text {
      font-size: 13px;
   }

   .form-step__right {
      padding: 25px 20px;
   }

   .change__name {
      font-size: 18px;
   }

   .change__job-title {
      font-size: 13px;
   }

   .table td.td-mobile span {
      font-size: 10px;
   }

   .table .mobile-on td:last-child,
   .table .mobile-on th:last-child {
      font-size: 10px;
   }

   .table-bottom__sub-title {
      font-size: 14px;
      margin-bottom: 15px;
   }


   .table-bottom__item {
      font-size: 14px;
   }


   .table-bottom__title {
      font-size: 19px;
   }

   .table-wrapper {
      border-radius: 5px;
   }

   .table table td,
   th {
      padding: 10px 10px 10px 10px;
   }

   .footer-table-2 b {
      font-size: 14px;
   }

   .footer-table-2 {
      font-size: 12px;
   }

   .table table td:first-child,
   th:first-child {
      font-size: 10px;
   }

   .table .table-tab-row td::after {
      right: 15px;
      width: 10px;
      height: 8px;
   }
   .footer{
      padding: 40px 0;
   }
   .footer__top{
      gap: 10px;
   }
}

/* ============================== */

.none {
   display: none;
}