:root {
  --BrandPrimary: #066BB3;
  --BrandGreen: #4AB966;
  --NeutralTextPrimary: #1E293B;
  --NeutralTextSecondary: #64748B;
  --NeutralBorderStrong: #CBD5E1;
  --BrandGreen: #4AB966;
  --BrandSky: #009FDA;
  --NeutralLight60: #9BC4E1;
  --NeutralLight80: #CDE1F0;
  --SemanticBlueBg: #EAF5FB;
  --NeutralTextMuted: #94A3B8;
  --NeutralBorderLight: #E2E8F0;
  --NeutralNeutral300: #D8DEE2;
  --NeutralNeutral900: #1E2429;
  --BrandGreenHover: #3AA457;
  --BrandPrimaryHover: #055C99;

  --animBtnTransition: 0.5s ease;
  --animCircTransition: 1s ease;

}




*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #F0F3F7;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', Georgia, serif;
  margin: 0;
}

p {
  margin: 0;
}

button {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.m_H1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -1%;
}

.m_H2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: -1%; 
}

.m_H3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.5%;   
}

.m_H4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -1%; 
}

.m_H5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.5%;   
}

.m_Body-L {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
}

.m_Body-L700 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0%;    
}

.m_Body-S {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0%;     
}

.m_Body-S14 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0%;     
}

.Body-M {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0%;  
}

.m_Body-M {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0%;
}

.m_Button {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0%;  
}

.m_Caption {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1%;   
}

.Menu {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0%;  
    font-family: 'Roboto';    
}

.Menu.m_Body-S14 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0%;
}

.container {
  padding: 0 16px;
  max-width: 1352px;
  margin: 0 auto;
}

body.lock-scroll {
    overflow: hidden;
}

.hero__header-bg {
    background: #F0F3F7;
    padding: 0 16px;
    transition: 0.3s ease;
    z-index: 5;
    position: relative;
    pointer-events: all;
}

.dropmenu {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.hero__header-wrapper {
    position: relative;
    width: 100%;
    z-index: 999;
    padding: 0;
}

.hero__slider-container {
    padding-top: 0px;
    position: relative;
    overflow: hidden;
    max-width: 1320px;
}

.hero__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 88px;
}

.hero__logo img {
    display: block;
    width: 178px;
    height: auto;
}

.block {
  margin: 64px 0;
}

.hero__menu {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--BrandPrimary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    align-items: center;
}

.hero__menu span {
    width: 16px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
}

.hero__slider {
    position: relative;
    height: calc(100vh - 88px - 16px);
    min-height: 490px;
    display: flex;
    gap: 16px;
    transition: transform 0.3s ease;
    user-select: none;
}

.hero__slide {
    position: relative;
    height: 100%;
    min-width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #ccc;
    display: flex;
    flex-direction: column;
}

.hero__slide-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: bottom;
  pointer-events: none;
}

.hero__content {
    position: relative;
    z-index: 2;
    padding: 32px 24px 0;
}

.hero__title {
    color: #fff;
    margin: 0;
    max-width: 280px;
}

.hero__text {
    color: #fff;
    margin: 0;
}

.hero__text--primary {
    margin-top: 16px;
    margin-bottom: 4px;
}

.hero__text--small {
    margin-bottom: 26px;
}

.hero__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 24px;
}

.hero__button {
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .2s;
    padding: 11px 24px;
}

.hero__button--primary {
    color: #fff;
    background: var(--BrandPrimary);
}

.hero__button--primary:before {
    background: var(--BrandPrimaryHover);
}

.hero__button--secondary {
    color: #fff;
    background: var(--BrandGreen);
}

.hero__button--secondary::before,
.application__submit::before {
    background: var(--BrandGreenHover);
}

.hero__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 6;
    position: absolute;
    padding: 24px 40px;
    margin-top: auto;
    width: 100%;
    bottom: 0;
    left: 0;
}

.hero__pagination {
    border-radius: 9px;
    background: #EAF5FB;
    color: var(--NeutralTextPrimary);
    padding: 7px 12px;
    display: flex;
    align-items: flex-end;
    gap: 6px;
    opacity: 0.85;
    backdrop-filter: blur(6px);
}

.hero__header-menu-item.menu:before {
    background: var(--BrandPrimaryHover);
}

.hero__nav {
    display: flex;
    gap: 6px;
}

.hero__nav-btn {
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: #EAF5FB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__nav-btn:before,
.dropmenu__row-link:before {
    background: #DDEDF6;
}

.hero__nav-btn svg {
    display: block;
}


.about {

}

.about__label {
  background: #fff;
  color: var(--NeutralTextSecondary);
  display: inline-flex;
  padding: 4px 12px;
  border-radius: 32px;
  margin-bottom: 8px;
}

.about__title {
  color: var(--NeutralTextPrimary);
  margin-bottom: 16px;
}

.about__text {
  color: var(--NeutralTextSecondary);
  margin-bottom: 24px;
}

.about__promo {
    position: relative;
    margin-bottom: 16px;
    border-radius: 12px;
    padding: 6px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    min-height: 240px;
    aspect-ratio: 328 / 240;
}

.about__promo:hover .about__promo-img {
    scale: 1.1;
}

.about__promo:hover .about__promo-card {
    background: #fff;
}

.about__promo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: scale 0.3s ease;
}

.about__promo-card {
    padding: 16px 20px;
    border-radius: 12px;
    transition: background 0.3s ease;
    background: rgba(234, 245, 251, 0.85);
    backdrop-filter: blur(6px);
}

.about__promo-number {
    color: var(--NeutralTextPrimary);
}

.about__promo-text {
    color: rgba(30, 41, 59, 0.8);
}

.about__stats {
    display: grid;
    grid-template-columns: auto 57.93%;
    gap: 8px;
    align-items: flex-end;
    margin-bottom: 28px;
}

.about__stat {
    min-height: 160px;
    padding: 18px;
    border-radius: 12px;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    background: #fff;
    transition: background 0.3s ease, border 0.3s ease;
}

.about__stat.about__stat-nohover {
    background: transparent;
    border: 1px solid var(--NeutralBorderStrong);
    
}

.about__stat--light {
    border: 0;
    background: #fff;
    min-height: 0;
    border: 1px solid #fff;
}

.about__stat-icon {
    background: var(--BrandGreen);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

.about__stat-value {
  color: var(--NeutralTextPrimary);
  margin-bottom: 4px;
  font-family: 'Roboto Slab';
}

.about__stat-text {
  color: var(--NeutralTextSecondary);
}

.about__timeline {
    position: relative;
    padding-left: 26px;
    margin-bottom: 27px;
}

.about__timeline::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 55px;
    left: 5px;
    width: 1px;
    background: var(--NeutralBorderStrong);
}

.about__timeline-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.about__timeline-item:not(:last-child) {
    margin-bottom: 16px;
}

.about__timeline-item::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 8px;

    width: 10px;
    height: 10px;
    border-radius: 4px;

    background: #0d7bc7;
    z-index: 1;
}

.application__bg--pc {
    display: none;
}

.application__actions {
    display: flex;
    flex-direction: column;
}

.about__timeline-item--green::before {
    background: var(--BrandGreen);
}

.about__timeline-item--sky::before {
    background: var(--BrandSky);
}

.about__timeline-year {
  color: var(--BrandPrimary);
  font-family: 'Roboto Slab', Georgia, serif;
}

.about__timeline-item--sky .about__timeline-year {
  color: var(--BrandSky);
}

.about__timeline-item--green .about__timeline-year {
    color: var(--BrandGreen);
}

.about__timeline-text {
    color: var(--NeutralTextPrimary);
}

.about__award {
    padding: 17px 0;

    display: flex;
    align-items: flex-start;
    gap: 8px;

    border-top: 1px solid var(--NeutralBorderStrong);
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.about__award-icon {
    flex-shrink: 0;

    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--BrandPrimary);
    color: #fff;
}

.about__award-content {
    flex: 1;
}

.about__award-title {
    margin-bottom: 2px;
    color: #1E293BCC;
}

.about__award-text {
    color: var(--NeutralTextSecondary);
}

.obj__block {
    background: var(--BrandPrimary);
    padding: 24px;
    padding-bottom: 32px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 48px;
    position: relative;
}

.obj__breadcrumbs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
}

.obj__breadcrumbs-item {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0%;
    color: var(--NeutralLight80);
}

.obj__breadcrumbs-item::before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--NeutralLight80);
    border-radius: 50px;
    display: flex;
    margin-right: 11px;
}

.obj__breadcrumbs-item:first-child::before {
    display: none;
}

.news-main-b .breadcrumbs__item:first-child .breadcrumbs__item-link {
    color: var(--NeutralLight60);
}

.news-main-b .breadcrumbs__item .breadcrumbs__item-link {
    color: var(--NeutralLight80);
}

.news-main-b .breadcrumbs__item:after {
    background: var(--NeutralLight60);
}

.objects-sale-b .breadcrumbs__item:after {
    background: var(--NeutralTextSecondary);
}

.obj__breadcrumbs-item:first-child {
    color: var(--NeutralLight60);
}

.obj__btns {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #3889C2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #2B81BE;
    text-align: center;
    transition: 0.3s ease;
}


.obj__content {
    display: flex;
    flex-direction: column;
    z-index: 5;
    position: relative;
}

.obj__btns.transparent {
    color: var(--NeutralLight80);
    background: transparent;
}

.obj__btns:nth-child(2) {
    max-width: 218px;
    margin-bottom: 8px;
}

.obj__btns:nth-child(3) {
    max-width: 190px;
}

.obj__maintitle {
    color: #fff;
    margin-bottom: 16px;
}

.objects__title {
    margin: 0 0 28px;
    color: var(--NeutralTextPrimary);
}

.objects__filter {
    width: 100%;
    padding: 11px 24px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--BrandPrimary);
    color: #fff;
    position: relative;
}

.objects__filter svg {
  position: absolute;
  left: 24px;
}

.objects__slider {
    display: flex;
    overflow: scroll;
}

.objects__slider-wrapper {
  display: flex;
  gap: 12px;
  overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.objects-card {
    position: relative;
    min-height: 380px;
    padding: 6px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 79vw;
    min-width: 79vw;
    aspect-ratio: 280 / 380;
    scroll-snap-align: start;
}

.objects-card:hover .objects-card__img,
.news-card:hover .news-card__image {
    scale: 1.1;
}

.objects-card:hover .objects-card__badge {
    background: #fff;
}

.objects-card:hover .objects-card__content {
    background: #fff;
}

.objects-card:hover .objects-card__title,
.news-card:first-child:hover .news-card__date {
    border-color: var(--NeutralBorderLight);
    
}

.objects-card__title:hover,
.news-card__title:hover {
    color: var(--BrandPrimary);
}

.objects-card:hover .objects-card__content .objects-card__link {
    background: var(--SemanticBlueBg);
}



.objects-card.soon {
    opacity: 0.5;
    pointer-events: none;
}

.objects-card__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  transition: scale 0.3s ease;
}

.objects-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 6px 4px;
}

.objects-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    gap: 6px;
    background: #EAF5FBD9;
    backdrop-filter: blur(6px);

    color: var(--NeutralTextPrimary);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1%;
    white-space: nowrap;
    transition: background 0.3s ease;
}

.objects-card__content {
    padding: 20px;
    background: #EAF5FBD9;
    backdrop-filter: blur(6px);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    transition: background 0.3s ease;
}

.objects-card__title {
    font-family: 'Roboto';
    color: var(--NeutralTextPrimary);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: inline-flex;
    border-bottom: 1px solid var(--NeutralBorderStrong);
    padding-bottom: 6px;
    margin-bottom: 6px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.objects-card__address {
    color: #1E293BBF;
}

.objects-card__link {
    width: 40px;
    height: 40px;
    min-width: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(255,255,255,.95);
    color: #006fbe;
}

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

.objects-card__link::before {
    background: #DDEDF6;
}

.objects__pagination {
    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 20px;
    margin-bottom: 24px;
}

.objects__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--NeutralLight60);
}

.objects__dot--active {
    width: 16px;
    border-radius: 999px;
    background: var(--BrandPrimary);
}

.objects__all {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 24px;
    outline: 1px solid var(--BrandPrimary);
    outline-offset: -0.1px;
    border-radius: 12px;
    color: var(--BrandPrimary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.objects__all:hover {
    color: #fff;
}

.objects__all::before {
    background: var(--BrandPrimary);
}

.objects__all-wrapper {
  display: flex;
  justify-content: center;
}

.buy-steps__title {
    margin: 0 0 12px;
    color: var(--NeutralTextPrimary);
}

.buy-steps__subtitle {
    margin: 0 0 28px;
    color: var(--NeutralTextSecondary);
    max-width: 460px;
}

.buy-steps__timeline {
    position: relative;
}

.buy-steps__line {
    position: absolute;
    top: 50px;
    bottom: 170px;
    right: 18px;
    width: 1px;
    background: var(--NeutralBorderStrong);
}

.buy-steps__item {
    position: relative;
    margin-bottom: 8px;
}

.buy-steps__card {
    width: calc(100% - 55px);
    padding: 24px 18px;
    border-radius: 12px;
    background: #fff;
    position: relative;
    border: 1px solid #fff;
    transition: background 0.3s ease, border 0.3s ease;
}

.buy-steps__card::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(100%);
  width: 30px;
  height: 1px;
  background: var(--NeutralBorderStrong);
}

.buy-steps__card--border {
    border: 1px solid var(--NeutralBorderStrong);
    background: transparent;
    transition: background 0.3s ease, border 0.3s ease;
}

.buy-steps__card-title {
    margin: 0 0 4px;
    color: var(--NeutralTextPrimary);
}

.buy-steps__card-text {
    margin: 0;
    color: var(--NeutralTextSecondary);
}

.buy-steps__icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 39px;
    height: 39px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
}

.buy-steps__icon--green {
    background: var(--BrandGreen);
}

.buy-steps__icon--blue {
    background: var(--BrandPrimary);
}

.buy-steps__icon--blue-light {
    background: var(--BrandSky);
}

.buy-steps__cta.buy-steps__card--border {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
    border: 1px solid var(--BrandPrimary);
    border-radius: 12px;
    text-decoration: none;
    background: transparent;
    transition: border 0.3s ease, background 0.3s ease;
}

.buy-steps__cta:not(.buy-steps__card--border) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
    border: 1px solid #fff;
    border-radius: 12px;
    text-decoration: none;
    background: #fff;
    transition: border 0.3s ease, background 0.3s ease;
}

.buy-steps__cta-title {
    margin-bottom: 4px;
    color: var(--BrandPrimary);
}

.buy-steps__cta-text {
    color: var(--NeutralTextSecondary);
}

.buy-steps__cta.buy-steps__card--border .buy-steps__cta-arrow {
    background: #fff;
}

.buy-steps__cta-arrow {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--SemanticBlueBg);
    transition: background 0.3s ease;
}


.mortgage__label {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 14px;
    margin-bottom: 16px;

    border-radius: 999px;
    background: #eef1f5;

    color: #7f8aa0;
    font-size: 14px;
    font-weight: 600;
}

.mortgage__title {
    margin-bottom: 20px;
    color: var(--NeutralTextPrimary);
}

.mortgage__divider {
    height: 1px;
    background: var(--NeutralBorderStrong);
}

.mortgage__text {
    color: var(--NeutralTextSecondary);
    padding: 20px 0;
}

.mortgage__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    margin-top: 24px;
    border-radius: 9px;
    background: var(--BrandPrimary);
    color: #fff;
    padding: 11px 24px;
}

.mortgage-card {
    position: relative;
    overflow: hidden;
    min-height: 640px;
    border-radius: 12px;
    background: #e6ece7;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.mortgage-card__image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;
}

.mortgage-card__top {
  width: 100%;
}

.mortgage-card__programs {
    border-radius: 12px;
    padding: 12px 16px;
    background: #EAF5FBD9;
    backdrop-filter: blur(6px);
    width: 100%;
    transition: background 0.3s ease;
}

.mortgage-card__programs:hover,
.mortgage-card__banks:hover,
.mortgage-card__payment:hover {
    background: #fff;
}

.mortgage-card__programs-title {
    color: var(--NeutralTextPrimary);

}

.mortgage-card__approval {
    margin-bottom: 8px;
    color: var(--NeutralTextSecondary);
    display: flex;
    align-items: center;
    gap: 8px;
}

.mortgage-card__rates {
    display: flex;
    gap: 10px;
}

.mortgage-card__rate {
    flex: 1;
    padding: 10px 15px;
    border-radius: 12px;
    background: #E7F1F8;
    overflow: hidden;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

.mortgage-card__rate::before {
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #066BB359;
}

.mortgage-card__rate--accent::before {
  height: 90%;
  background: #009FDA59;
}

.mortgage-card__rate-value {
    color: var(--NeutralTextPrimary);
}

.mortgage-card__rate-name {
    color: var(--NeutralTextPrimary);
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
}

.mortgage-card__banks {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    z-index: 5;
    position: relative;
    margin-top: 8px;
    padding: 6px;
    padding-right: 16px;
    border-radius: 9px;
    background: #EAF5FBD9;
    color: var(--NeutralTextPrimary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.mortgage-card__banks-icon {
  width: 32px;
  height: 32px;
  background: var(--BrandPrimary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.mortgage-card__bottom {
    display: flex;
    align-items: flex-end;
    z-index: 5;
    position: relative;
    margin-top: auto;
}

.mortgage-card__offer {
    border-radius: 12px;
    background: var(--BrandGreen);
    color: #fff;
    padding: 18px 24px;
    position: relative;
}

.mortgage-card__offer-label {
    margin-bottom: 2px;
}

.mortgage-card__offer-value span {
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -1%;
  font-weight: 500;
  font-family: 'Roboto Slab', Georgia, serif;
}

.mortgage-card__offer-value::before {
    content: "от ";
}

.mortgage-card__payment {
    background: #EAF5FBD9;
    backdrop-filter: blur(6px);
    border-radius: 9px;
    padding: 8px 16px;
    position: absolute;
    top: -8px;
    right: 32px;
    transform: translateX(100%);
    transition: background 0.3s ease;
}

.mortgage-card__payment span {
    display: block;
    font-size: 22px;
    line-height: 18px;
    font-weight: 500;
    color: var(--NeutralTextPrimary);
}

.mortgage-card__payment span::before {
  content: "от ";
  font-size: 14px;
}

.mortgage-card__payment small {
    display: block;
    color: var(--NeutralTextSecondary);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    line-height: 18px;
    white-space: nowrap;
}

.mortgage-card__banks-icon--love {
  background: var(--BrandSky);
}



.advantages__label {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 14px;
    margin-bottom: 14px;

    border-radius: 999px;
    background: #f0f2f5;

    color: #8792a4;
    font-size: 13px;
    font-weight: 600;
}

.advantages__title {
    margin: 0 0 24px;
    color: var(--NeutralTextPrimary);
}

.advantages__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.advantages__feature {
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #fff;
    color: var(--NeutralTextPrimary);
    transition: background 0.3s ease, border 0.3s ease;
}

.advantages__feature.how {
  padding: 18px 12px;
}

.advantages__feature--border {
    border: 1px solid var(--NeutralBorderStrong);
    background: transparent;
}

.advantages__stats {
    margin: 24px auto;
    max-width: 242px;
}

.advantages__stats-line {
    height: 1px;
    background: var(--NeutralBorderStrong);
}

.advantages__stats-content {
    display: flex;
    align-items: center;
    gap: 16px;

    padding: 18px 0;
}

.advantages__stats-value {
    color: var(--NeutralTextPrimary);
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1%;
    font-family: 'Roboto Slab', Georgia, serif;
}

.advantages__stats-text {
    color: var(--NeutralTextSecondary);
}

.advantages__process {
    padding: 18px;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 24px;
}

.advantages__process-title {
    margin: 0 0 4px;
    color: var(--NeutralTextPrimary);
}

.advantages__process-subtitle {
    color: var(--NeutralTextSecondary);
}

.advantages__steps {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 6px;
    align-items: flex-end;
}

.advantages__step {
    padding: 14px 0;
    border-radius: 9px;
    background: #066BB31A;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.advantages__step:nth-child(2) {
    height: 50%;
    min-height: 102px;
}

.advantages__step:nth-child(3) {
    height: 75%;
    min-height: 128px;
}

.advantages__step--active {
    background: var(--BrandPrimary);
    height: 100%;
    min-height: 153px;
}

.advantages__step-percent {
    text-align: center;
    color: var(--NeutralTextSecondary);
}

.advantages__step-title {
    color: var(--NeutralTextPrimary);
}

.advantages__step--active .advantages__step-percent,
.advantages__step--active .advantages__step-title {
    color: #fff;
}

.advantages__bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-bottom: 24px;
}

.advantages__description {
    margin: 0 0 24px;
    color: var(--NeutralTextSecondary);
}

.advantages__support {
    padding: 18px 31px;
    border-radius: 12px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.advantages__support-wrapper {
  display: flex;
  justify-content: center;
}

.advantages__support-icons {
    display: flex;
    justify-content: center;
    gap: 8px;

    margin-bottom: 12px;
}

.advantages__support-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--BrandPrimary);
}

.advantages__support-icon--sky {
    background: var(--BrandSky);
}

.advantages__support-icon--green {
    background: var(--BrandGreen);
}

.advantages__support-title {
    color: var(--NeutralTextPrimary);
}



.trust__container {
    position: relative;
    overflow: hidden;
    padding: 56px 24px;
    border-radius: 16px;
    background: var(--BrandPrimary);
}



.trust__container::after {
    left: -40px;
    bottom: 80px;

    width: 220px;
    height: 220px;

    background: rgba(255,255,255,.03);
    transform: rotate(35deg);
}

.trust__title {
    position: relative;
    z-index: 2;
    margin: 0 0 8px;
    text-align: center;
    color: #fff;
}

.trust__text {
    position: relative;
    z-index: 2;
    margin: 0 auto 24px;
    text-align: center;
    color: var(--NeutralLight80);
}

.trust__gallery {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 6px;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}

.trust__gallery::-webkit-scrollbar {
    display: none;
}

.trust__gallery-item {
    width: 25vw;
    min-width: 25vw;
    aspect-ratio: 90 / 126;
    overflow: hidden;
    border-radius: 12px;
}

.trust__gallery-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trust__advantages {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.trust__card {
    padding: 18px;
    border-radius: 12px;
    background: #2B81BE;
    text-align: center;
    transition: 0.3s ease;
    border: 1px solid transparent;
}

.trust__card--border {
    border: 1px solid rgba(255,255,255,.16);
    background: transparent;
}

.trust__number {
    width: 40px;
    height: 40px;
    margin: 0 auto 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    color: #fff;
}

.trust__card-title {
    color: #fff;
}

.trust__card-text {
    color: var(--NeutralLight80);
}

.trust__quote {
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
    padding: 17px 0;
    border-top: 1px solid rgba(255,255,255,.15);
    border-bottom: 1px solid rgba(255,255,255,.15);
    text-align: center;
    color: #fff;
}

.trust__quote-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.trust__button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 1px solid #fff;
    outline-offset: -0.1px;
    border-radius: 9px;
    text-decoration: none;
    color: #fff;
    padding: 11px 24px;
    transition: color 0.3s ease;
}

.trust__button:hover {
    color: var(--BrandPrimary);
}

.trust__button::before {
    background: #fff;
}

.trust__button-wrapper {
    display: flex;
    justify-content: center;
    pointer-events: all;
    z-index: 5;
}




.news__title {
    margin: 0 0 28px;
    color: var(--NeutralTextPrimary);
}

.news__slider {
    display: flex;
}

.news__slider-wrapper {
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.news-card {
    position: relative;
    min-width: 79vw;
    margin-right: 16px;
    padding-right: 16px;
    border-right: 1px solid var(--NeutralBorderStrong);
    scroll-snap-align: start;
}

.news-card:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.news-card__image-link {
    display: block;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.news-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 280 / 173;
    object-fit: cover;
    transition: scale 0.3s ease;
}

.news-card__date {
    margin-bottom: 4px;
    color: var(--NeutralTextSecondary);
}

.news-card__bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.news-card__title {
    margin: 0;
    font-family: 'Roboto';
    color: var(--NeutralTextPrimary);
    transition: color 0.3s ease;
}

.news-card__arrow {
    flex-shrink: 0;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #f1f2f4;
    color: #0b74bf;
}

.news__pagination {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    margin-bottom: 24px;
}

.slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--NeutralLight60);
    transition: width 0.3s ease, background 0.3s ease-in;
}

.slider-dot.active {
    width: 16px;
    border-radius: 999px;
    background: var(--BrandPrimary);
}

.news__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 24px;
    outline: 1px solid var(--BrandPrimary);
    outline-offset: -0.1px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--BrandPrimary);
    transition: color 0.3s ease;
}

.news__button:hover {
    color: #fff;
}

.news__button::before {
    background: var(--BrandPrimary);
}

.news__button-wrapper {
    display: flex;
    justify-content: center;
}

.news__button-wrapper.pc {
    display: none;
}

.career__title {
    margin: 0 0 16px;
    color: var(--NeutralTextPrimary);
}

.career__text {
    margin: 0 0 28px;
    color: #78869b;
}

.career-card {
    position: relative;
    padding: 18px;
    border-radius: 12px;
    background: #fff;
    min-width: 79vw;
    scroll-snap-align: start;
    border: 1px solid #fff;
    transition: background 0.3s ease, border 0.3s ease;
}

.career-card.transparent {
    background: transparent;
    border: 1px solid var(--NeutralBorderStrong);
}

.career-card.transparent .career-card__arrow,
.career-card.transparent .career-card__department {
    background: #fff;
}

.career-card__department {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    margin-bottom: 13px;
    border-radius: 999px;
    background: #F0F3F7;
    color: var(--NeutralTextSecondary);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 2%;
    transition: background 0.3s ease;
}

.career-card .objects-card__link {
    transition: background 0.3s ease;
}

.career-card__title {
    margin: 0 0 12px;
    color: var(--NeutralTextPrimary);
    font-family: 'Roboto';
}

.career-card__info {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--NeutralTextSecondary);
}

.career-card__info span {
    color: var(--NeutralTextPrimary);
}

.career-card__arrow {
    background: var(--SemanticBlueBg);
    position: absolute;
    bottom: 18px;
    right: 18px;
}


.career__slider {
    display: block; 
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    scroll-behavior: smooth; 
    scroll-snap-type: x mandatory; 
}


.career__slider::-webkit-scrollbar {
    display: none;
}

.career__slider-wrapper {
    display: flex;
    gap: 16px;
    width: max-content; 
    padding: 4px 0; 
}

.career-card {
    flex-shrink: 0;
    scroll-snap-align: start;
}

.team__btn-next,
.team__btn-back {
    display: flex;
    border-radius: 12px;
    background: #fff;
}

.team__btn-next rect,
.team__btn-back rect {
    fill: transparent;
}

.team__btn-next:before,
.team__btn-back:before {
    content: "";
    background: #DDEDF6;
}


.career__pagination {
    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 20px;
    margin-bottom: 24px;
}

.career__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--NeutralLight60);
}

.career__dot--active {
    width: 16px;
    border-radius: 999px;
    background: var(--BrandPrimary);
}

.application__container {
    position: relative;
    overflow: hidden;

    border-radius: 18px;

    background: linear-gradient(
        180deg,
        #0e74bc 0%,
        #066ab1 100%
    );
}



.application__content {
    position: relative;
    z-index: 2;
    padding: 32px 24px;
}

.application__bg {
    opacity: 0.07;
    position: absolute;
    bottom: 0;
}

.application__bg2 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.application__title {
    margin: 0 0 16px;
    color: #fff;
}

.application__text {
    margin: 0 0 16px;
    color: rgba(255,255,255,.82);
}

.application__divider {
    height: 1px;
    margin-bottom: 16px;
    background: #9BC4E13D;
}

.application__contacts {
    margin-bottom: 30px;
}

.application__contacts-text {
    color: var(--NeutralLight60);
}

.application__phone {
    color: #fff;
    text-decoration: none;
}

.application__form {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.application__field {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.application__input,
.application__textarea {
    width: 100%;
    border: 0;
    outline: 0;
    color: #fff;
    background: #3889C2;
    padding: 14.5px 20px;
    font-family: 'Roboto';
    border: 1px solid transparent;
    transition: border 0.3s ease;
    max-width: 100%;
}

.fail {
    color: #F5898B;
    margin-top: 8px;
}

.application__field.failed .application__input,
.application__field.failed .application__textarea,
.application__agreement.failed .application__checkbox-custom {
    border-color: #F5898B;
}

.application__input:hover,
.application__textarea:hover {
    border: 1px solid var(--NeutralLight60);
} 

.application__input:focus,
.application__textarea:focus {
    border: 1px solid var(--NeutralBorderLight);
} 

.application__input::placeholder,
.application__textarea::placeholder {
    color: rgba(255,255,255,.55);
}

.application__input {
    border-radius: 9px;
}

.application__textarea {
    border-radius: 9px;
}

.application__submit {
    border-radius: 9px;
    background: var(--BrandGreen);
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    padding: 15px;
}

.application__agreement {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 10px;
    cursor: pointer;
}

.application__checkbox {
    display: none;
}

.application__checkbox-custom {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 5px;
    background: #E7ECEF4D;
    transition: background 0.3s ease, border 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
}

.checkbox-custom__arrow {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.application__checkbox-custom:hover {
    background: #60A7D9;
}

.application__checkbox:checked + .application__checkbox-custom {
    background: #fff;
}

.application__checkbox:checked + .application__checkbox-custom .checkbox-custom__arrow {
    opacity: 1;
}

.application__agreement-text {
    color: #fff;
}

.application__agreement-text a {
    color: inherit;
    text-decoration: underline;
}

.application {
    margin-bottom: 0;
    padding-bottom: 64px;
    background: #F1F4F5;
    position: relative;
}

.application::before {
    content: "";
    width: 100%;
    height: 64px;
    background: var(--NeutralTextPrimary);
    display: block;
    position: absolute;
    bottom: -1px;
}

.application::after {
    content: "";
    width: 100%;
    height: 65px;
    background: #F1F4F5;
    display: block;
    border-radius: 32px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    bottom: 0px;
}


.footer {
    background: #1e293b;
    color: #fff;
}

.footer__container {
    padding: 56px 16px 28px;
}

.footer__logo {
    display: inline-block;
    margin-bottom: 20px;
}

.footer__logo img {
    display: block;
    width: 168px;
    height: auto;
}

.footer__description {
    margin-bottom: 24px;
    color: var(--NeutralTextMuted);
}

.footer__cta {
    outline-color: #fff;
    color: #fff;
    transition: color 0.3s ease;
}

.footer__cta:hover {
    color: #1d2b45;
}

.footer__cta::before {
    background: #fff;
}

.footer__cta-wrapper {
    display: flex;
    justify-content: flex-start;
}

.footer__menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    border-top: 1px solid #64748B26;
    border-bottom: 1px solid #64748B26;
    padding: 20px 0;
    margin: 28px 0;
}

.footer__menu-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__menu-link {
    color: var(--NeutralBorderStrong);
    text-decoration: none;
    transition: color var(--animBtnTransition);

}

.footer__menu-link:hover {
    color: #fff;
}

.footer__contacts-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.footer__label {
    margin-bottom: 4px;
    color: var(--NeutralTextMuted);
}

a.footer__value:hover {
    color: #fff;
}

.footer__value {
    color: var(--NeutralBorderStrong);
    text-decoration: none;
    transition: color var(--animBtnTransition);
}

a.footer__social-link svg path {
    transition: var(--animBtnTransition);
}

a.footer__social-link:hover svg path {
    fill: #fff;
}

.footer__contact--address .footer__value {
    display: block;
}

.footer__social {
    margin-top: 20px;
}

.footer__label--social {
    margin-bottom: 4px;
}

.footer__social-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__bottom {
    text-align: center;
    margin-top: 28px;
    border-top: 1px solid #64748B26;
    padding-top: 24px;
}

.footer__copyright {
    margin-bottom: 12px;
    color: var(--NeutralTextMuted);
}

.footer__policy {
    color: var(--NeutralTextMuted);
    transition: var(--animBtnTransition);
}

.footer__policy:hover {
    color: #fff;
}

.footer__developer {
    margin-top: 12px;
    color: var(--NeutralTextMuted);
}

.objects__filter--pc {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 24px 32px;
    margin-bottom: 32px;
    gap: 20px;
}


.objects__filter-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.objects__filter-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}


.objects__filter-title {
    color: var(--NeutralTextSecondary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 1%;
}

.objects__filter-select {
    padding: 16px 20px;
    background: #F0F3F6;
    border-radius: 8px;
    border: none;
    width: 100%;
    -webkit-appearance: none; /* Для Safari и Chrome */
    -moz-appearance: none;    /* Для Firefox */
    appearance: none; 
    cursor: pointer;
    outline: none;
    transition: border 0.3s ease;
    border: 1px solid #F0F3F6;
}

.objects__filter-select:focus {
    border: 1px solid var(--NeutralBorderStrong);
}

.objects__filter-select-wrapper {
    display: flex;
    position: relative;
}

.objects__filter-select-wrapper svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
    pointer-events: none;
}

.objects__filter-label {
    background: #F0F3F6;
    border-radius: 8px;
    width: 100%;
    height: 60px;
    display: flex;
    position: relative;
}

.objects__filter-label::before {
    content: "";
    width: 1px;
    height: 20px;
    background: var(--NeutralBorderStrong);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0, -10px);
}

.objects__filter-input {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    background: transparent;
    padding: 16px 20px;
    min-width: 0;
    width: 100%;
}

.objects__filter-rangeback {
    height: 1px;
    width: 87.95%;
    background: var(--NeutralBorderStrong);
    display: flex;
    justify-content: center;
    position: relative;
}

.objects__filter-rangeback-wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
}

.objects__filter-range {
    background: var(--BrandPrimary);
    width: 70%;
    position: absolute;
    height: 100%;
}

.objects__filter-circle {
    position: absolute;
    width: 13px;
    height: 13px;
    background: var(--BrandPrimary);
    border-radius: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.objects__filter-circle.right {
    left: auto;
    right: 0;
}

.objects__filter-btn {
    background: var(--BrandPrimary);
    color: #fff;
    padding: 18px;
    border-radius: 12px;
    margin-top: auto;
}

.objects__filter-btn:before,
.mortgage__button:before,
.pc__menu-btn:before {
    background: var(--BrandPrimaryHover);
}

.objects__filter-rooms {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    height: 60px;
}

.objects__filter-room {
    background: #F0F3F6;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.objects__filter-room span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #F0F3F6;
    background: transparent;
    transition: 0.3s ease;
    cursor: pointer;
}

.objects__filter-room input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;

}

.objects__filter-room input[type="checkbox"]:checked + span {
    border-color: var(--BrandPrimary);
}

.pc-br,
.hero__header-phone,
.hero__header-menu-btn,
.hero__header-margin,
.hero__header-dropsec {
    display: none;
}

.hero__header-menu {
    display: none;
    font-family: 'Roboto';
}

.hero__header-menu span {
    font-family: 'Roboto';
    color: var(--NeutralTextPrimary);
    transition: 0.3s ease;
}

.mobile__menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #F1F4F5;
    z-index: 1005;
    overflow-y: scroll;
    opacity: 0;
    transform: translateX(105%);
    transition: 0.3s ease;
}

.mobile__menu.active {
    opacity: 1;
    transform: translateX(0);
}

.mobile__menu-header,
.mobile__menu-search,
.mobile__menu-menu {
    padding: 20px;
    border-bottom: 1px solid var(--NeutralNeutral300);
}

.mobile__menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile__menu-header .hero__logo img {
    width: 189px;
}

.mobile__menu-menu {
    padding-top: 30px;
}

.mobile__menu-bot {
    padding: 0 20px;
    padding-bottom: 64px;
}


.dropmenu__col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mobile__menu-close {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dropmenu__row {
        background: #fff;
        border-radius: 16px;
        padding: 18px 20px;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .dropmenu__row.main,
    .dropmenu__col.last .dropmenu__row {
        padding: 10px 20px;
    }

    .dropmenu__row-top {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 0px;
    }

    .dropmenu__row-link {
        position: unset;
        border-radius: 9px;
    }

    .dropmenu__row.main .dropmenu__row-top {
        align-items: center;
        margin-bottom: 0;
    }

    .dropmenu__row-bot {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

.dropmenu__row-bot-link {
    color: var(--NeutralTextSecondary);
}


.dropmenu__col.last .dropmenu__row-top {
    align-items: center;
}

    .hero__header-menu-btn {
        display: flex;
        padding: 14px 24px;
        color: var(--BrandPrimary);
        outline: 1px solid var(--BrandPrimary);
        outline-offset: -0.1px;
        border-radius: 8px;
        width: 100%;
        justify-content: center;
    }

.hero__header .hero__header-menu-btn {
    display: none;
}

.hero__header-menu-btn.mobile {
    margin: 24px 0;
    padding: 11px 0;
}

.mobile__menu-block-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--SemanticBlueBg);
    border-radius: 9px;
}

.mobile__menu-block {
    display: flex;
    background: #fff;
    padding: 12px;
    border-radius: 9px;
    gap: 8px;
    padding-left: 24px;
    justify-content: space-between;
}

.mobile__menu-block.mail span:last-child {
    text-decoration: underline;
}

.mobile__menu-block-left {
    display: flex;
    flex-direction: column;
}

.mobile__menu-block-left span:first-child {
    color: var(--NeutralTextSecondary);
}

.mobile__menu-blocks {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mobile__menu-search-wrapper {
    position: relative;
}

.mobile__menu-search-wrapper::before {
    content: "";
    width: 1px;
    height: 18px;
    left: 58px;
    background: var(--NeutralBorderLight);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mobile__menu-search-wrapper svg {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.mobile__menu-search-input {
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    border-radius: 9px;
    padding: 10.5px;
    padding-left: 75px;
    color: var(--NeutralNeutral900);
    font-family: 'Roboto';
}

.mobile__menu-search-input::placeholder {
    color: var(--NeutralTextMuted);
    font-weight: 500;
}

.mobile__header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #F0F3F7;
    z-index: 1004;
    height: 74px;
    box-shadow: 0px 5px 30px 0px transparent;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    transform: translateY(-105%);
    transition: 0.3s ease;
}

.mobile__header.active {
    box-shadow: 0px 5px 30px 0px #1E293B33;
    transform: translateY(0);
}

.mobile__header-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: var(--BrandPrimary);
    letter-spacing: 0%;
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid var(--BrandPrimary);
    margin-left: auto;
}

.mobile__filter {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    background: #fff;
    opacity: 0;
    transform: translateX(105%);
    transition: 0.3s ease;
}

.mobile__filter.active {
    transform: translateX(0);
    opacity: 1;
}

.mobile__filter .objects__filter--pc {
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 36px 24px;
    overflow-y: scroll;
    padding-bottom: 125px;
}

.mobile__filter-top {
    padding: 24px;
    box-shadow: 0px 4px 30px 0px #1E293B33;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
}

.mobile__filter-close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.mobile__filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.mobile__filter-tags:empty {
    margin-top: 0;
}

.mobile__filter-tags:not(:empty) {
    opacity: 1;
    margin-top: 8px;
}

.mobile__filter-tag {
    display: inline-flex;
    gap: 8px;
    background: #F0F3F6;
    color: var(--NeutralTextSecondary);
    padding: 4.5px 16px;
    padding-right: 8px;
    align-items: center;
    border-radius: 32px;
    white-space: nowrap;
    animation: tagAppear 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.mobile__filter-tag.is-removing {
    animation: tagAppearRev 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes tagAppear {
    from { 
        opacity: 0; 
        transform: translateY(10px) scale(0.8); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

@keyframes tagAppearRev {
    from { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
    to { 
        opacity: 0; 
        transform: translateY(10px) scale(0.8);
    }
}

.mobile__filter .objects__filter-title {
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 1%;
    font-weight: 600;
}

.mobile__filter .objects__filter-col {
    gap: 6px;
}

.mobile__filter .objects__filter-select,
.mobile__filter .objects__filter-input {
    padding: 14.5px 20px;
}

.mobile__filter .objects__filter-label,
.mobile__filter .objects__filter-rooms {
    height: 52px;
}

.mobile__filter .objects__filter-col.btn {
    display: flex;
    flex-direction: row;
    gap: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px;
    box-shadow: 0px 4px 30px 0px #1E293B33;
    z-index: 5;
    background: #fff;
}

.mobile__filter .objects__filter-btn {
    width: 183px;
    border-radius: 9px;
    flex-grow: 1;
}

.mobile__drop {
    display: flex;
    color: var(--BrandPrimary);
    padding: 15px 0;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    border: 1px solid var(--BrandPrimary);
    flex-grow: 0;
    padding: 15px 26px;
}

.pc__menu-btn {
    display: none;
}

.obj-slider {
    overflow: unset;
}

.obj-slider .objects__slider-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
}

.obj-slider .objects-card {
    min-width: 100%;
    width: 100%;
}

.obj .objects__pagination {
    display: none;
}

.obj .objects__all-wrapper {
    padding: 24px 0;
    padding-bottom: 0
}

.application .objects__all-wrapper {
    padding-bottom: 2px;
}

.obj .obj__desc {

}

.obj .page-descriptop__title {
    margin-bottom: 24px;
    color: var(--NeutralNeutral900);
}

.page-descriptop__text {
    color: var(--NeutralTextSecondary)
}

.obj__desc-btn {
    justify-content: flex-start;
}

.obj .objects__all {
    gap: 9px;
}

.obj .obj__block-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: 50%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.obj__taked-filters {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.obj .objects__filter {
    margin-bottom: 0;
}

.obj__taked-filters:empty {
    margin-top: 20px;
    margin-bottom: 0;
}

.obj__taked-filters .mobile__filter-tag {
    background: #fff;
}

.obj__taked-filters span {
    line-height: 23px;
}

.obj__finded {
    margin-bottom: 20px;
    color: var(--NeutralTextSecondary);
}

.obj__finded span {
    color: var(--NeutralTextPrimary);
}

.page .container {
    padding-top: 24px;
    border-top: 1px solid var(--NeutralBorderStrong);
}

.breadcrumbs {
    display: flex;
    list-style-type: none;
    gap: 26px;
    padding: 0;
    margin: 0;
    margin-bottom: 24px;
    overflow: auto;
}



.breadcrumbs__item {
    position: relative;
    color: var(--NeutralTextMuted);
    width: min-content;
    line-height: 19px;
}



.breadcrumbs__item:last-child {
    flex-grow: 1;
}

.breadcrumbs__item:last-child .breadcrumbs__item-link {
    white-space: nowrap;
    position: unset;
}

.objects-sale-b .breadcrumbs__item:last-child .breadcrumbs__item-link {
    color: var(--NeutralTextPrimary);
}

.breadcrumbs__item .breadcrumbs__item-link {
    color: var(--NeutralTextSecondary);
    white-space: nowrap;
}

.breadcrumbs__item:first-child .breadcrumbs__item-link {
    color: var(--NeutralTextMuted)
}

.objects-sale-b .breadcrumbs__item:first-child .breadcrumbs__item-link {
    color: var(--NeutralTextSecondary);
}

.breadcrumbs__item:after {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    background: var(--NeutralTextMuted);
    border-radius: 50px;
    top: 50%;
    transform: translate(0, -50%);    
    right: -16px;
    position: absolute;
}

.breadcrumbs__item:last-child::after {
    overflow: hidden;
    display: none;
}

.notfound {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notfound__img {
    max-width: 100%;
}

.notfound__title  {
    color: var(--NeutralTextPrimary);
    text-align: center;
    margin-top: 28px;
    margin-bottom: 12px;
    max-width: 247px;
    margin-left: auto;
    margin-right: auto;
}

.notfound__subtitle {
    color: var(--NeutralTextPrimary);
    text-align: center;
    margin-bottom: 12px;
}

.notfound__text {
    color: var(--NeutralTextSecondary);
    text-align: center;
    max-width: 684px;
    margin: 0 auto;
}

.notfound__btn {
    background: var(--BrandPrimary);
    color: #fff;
}

.notfound__btn:before {
    background: var(--BrandPrimaryHover);
}

.notfound__btn.green:before {
    background: var(--BrandGreenHover);
}

.notfound__btn.green {
    background: var(--BrandGreen);
}

.notfound__btns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 28px;
}

.notfound__btns-wrapper {
    display: flex;
    justify-content: center;
}

.btn {
    padding: 11px 24px;
    border-radius: 9px;   
}

.search-input__wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
}

.page__main-title {
    margin-top: -16px;
}

.search-input {
    position: relative;
    
}

.search-input__field {
    width: 100%;
    padding: 10.5px 24px;
    outline: none;
    border: none;
    border-radius: 9px;
    padding-left: 75px;
}

.search-input svg {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.search-input::before {
    content: "";
    width: 1px;
    height: 18px;
    left: 58px;
    background: var(--NeutralBorderLight);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.search-input__btn {
    width: 100%;
    background: var(--BrandPrimary);
    color: #fff;
}

.search-input__btn::before {
    background: var(--BrandPrimaryHover)
}

.search-res__item-title {
    font-family: 'Roboto';
    color: var(--NeutralTextPrimary);
}

.search-res__item-title strong {
    color: var(--NeutralTextSecondary);
    font-weight: inherit;
}

.search-res__item-text strong {
    color: var(--NeutralTextPrimary);
    font-weight: inherit;
}

.search-res__item {
    padding: 20px 0;
    border-top: 1px solid var(--NeutralBorderStrong);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.search-res__item:last-child {
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.search-res {
    margin-top: 24px;
}

.search-res__item-text {
    color: var(--NeutralTextSecondary)
}

.page__pagination {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 64px;
}

.page__pagination-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fff;
}

.page__pagination-num {
    cursor: pointer;
}

.page__pagination-info.pc .page__pagination-num.active:before {
    background: var(--BrandPrimary-);
}

.page__pagination-btn:before,
.page__pagination-num:before {
    background: #DDEDF6;
}

.page__pagination-info {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--NeutralTextSecondary)
}

.page__pagination-info span.active {
    color: var(--NeutralTextPrimary)
}

.page__pagination-wrapper {
    display: flex;
    justify-content: center;
}

.page__pagination-info.pc {
    display: none;
}

.news__main-title {
    color: var(--NeutralTextPrimary);
}

.news__img {
    width: 100%;
    border-radius: 12px;
    margin-top: 32px;
}

.news__date {
    padding: 24px 0;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
    color: var(--NeutralTextSecondary);
}

.news__article {
    color: var(--NeutralTextPrimary);
}

.news__articles {
    border-bottom: 1px solid var(--NeutralBorderStrong);
    padding-bottom: 24px;
}

.news__article.m_H5 {
    margin-bottom: 16px;
}

.news__backto {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--BrandPrimary);
    border: 1px solid var(--BrandPrimary);
    margin-top: 24px;
    margin-bottom: 1px;
    transition: 0.3s ease;
}

.news__backto:hover {
    color: #fff;
}

.news__backto svg path {
    transition: 0.3s ease;
}

.news__backto:hover svg path {
    stroke: #fff;
}

.news__backto::before {
    background: var(--BrandPrimary)
}

.news-page {
    margin-bottom: 64px;
}

.news__content {
    max-width: 880px;
    margin: 0 auto;
}

.news__object {
    background: #fff;
    padding: 18px;
    border-radius: 12px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 24px;
}



.news--simple .hero__nav {
    display: none;
}

.news__articles {
    display: flex;
    flex-direction: column;
}

.news__object .objects-card {
        max-width: 100%;
        width: 100%;
    }

.news-main .obj__block {
    padding: 24px;
    padding-bottom: 32px;
    margin-bottom: 48px;
}

.news-main .obj__maintitle {
    margin-bottom: 0;
}

.news-main .obj__breadcrumbs {
    margin-bottom: 12px;
}

.news-main .news__slider-wrapper {
    flex-direction: column;
}

.news-main .news-card {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.news-main .news-card:last-child {
    border-bottom: 0;
}

.news-main .news__pagination {
    display: none;
}

.news-main.first .news-card:first-child,
.news-main.reverse .news-card:first-child {
    min-height: 400px;
}

.news-main.reverse .news-card:first-child {
    order: 3;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.news-main.reverse .news-card:last-child {
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.news-main.first .news-card:first-child .news-card__content,
.news-main.reverse .news-card:first-child .news-card__content {
    position: absolute;
    bottom: 28px;
    left: 6px;
    right: 6px;
    background: rgba(234, 245, 251, 0.85);
    border-radius: 12px;
    backdrop-filter: blur(6px);
    padding: 20px;
}

.news-main.reverse .news-card:first-child .news-card__content {
    bottom: 6px;
}

.news-main.first .news-card:first-child .news-card__date,
.news-main.reverse .news-card:first-child .news-card__date {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
    max-width: calc(100% - 58px);
}

.news-main.first .news-card:first-child .news-card__image-link,
.news-main.reverse .news-card:first-child .news-card__image-link {
    height: 100%;
    margin-bottom: 0;
}

.news-main.first .news-card:first-child .objects-card__link,
.news-main.reverse .news-card:first-child .objects-card__link {
    width: 44px;
    height: 44px;
    min-width: 44px;
}

.news-main.first .news-card:first-child .news-card__bottom,
.news-main.reverse .news-card:first-child .news-card__bottom {
    align-items: flex-end;
}

.news-main.first .news-card:first-child .news-card__image,
.news-main.reverse .news-card:first-child .news-card__image {
    height: 100%;
}


.news__paginations .page__pagination {
    margin: 0;
}

.news__pic {
    width: 100%;
    border-radius: 12px;
}

.news__form .application__content {
    padding: 8px;
    padding-bottom: 32px;
}

.news__form .application__form {

}

.news__form .application__content-left {
    margin: 0 16px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.news__form .application__form{
    margin: 0 16px;
} 

.news__paginations {
    margin-top: 30px;
    margin-bottom: 60px;
}

.help__main {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
}

.help__main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.help__main-item {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
}

.help__main-item.first {
    padding: 0;
    background: transparent;
    display: flex;
}

.help__main-item.second {
    position: relative;
}

.help__main-item.third {
    position: relative;
}

.help__main-item.third svg,
.help__main-item.four svg {
    position: absolute;
    bottom: 18px;
    right: 18px;
}

.help__main-item.third .help__main-text {
    max-width: 90%;
}

.help__main-item.four {
    border: 1px solid var(--NeutralBorderStrong);
    background: transparent;
    position: relative;
}

.help__main-item.five {
    background: var(--NeutralBorderLight);
    padding: 50px 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.help__main-item.six {
    padding: 0;
    background: transparent;
    
}

.help__main-item.four.seven p {
    width: 90%;
}

.help__main-item.eight {
    padding: 0;
    background: transparent;
}

.help__main-six-img {
    border-radius: 12px;
}

.help__main-logo,
.help__main-six-img {
    width: 100%;
}


.help__main-item-quote {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.help__main-item-ps {
    color: var(--NeutralTextSecondary);
}

.help__main-item-ps a {
    color: var(--BrandPrimary);
    text-decoration: underline;
}

.help__req-header {
    margin-bottom: 24px;
}

.help__req .mobile__menu-block-icon:before {
    background: #DDEDF6;
}

.downloads-list {
      max-width: 640px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .download-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 16px 18px;
      display: flex;
      align-items: flex-start;
      gap: 12px;
      text-decoration: none;
      color: inherit;
      transition: all 0.2s ease;
      border: 2px solid transparent;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    }

    .download-card:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transform: translateY(-1px);
    }

    .download-card:focus {
      outline: none;
      border-color: #4a90d9;
      box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
    }

    .download-card:focus-visible {
      border-color: #4a90d9;
      box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
    }

    .file-icon {
      flex-shrink: 0;
      width: 48px;
      height: 48px;
      background: #e8f4f8;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    .file-icon svg {
      width: 28px;
      height: 28px;
      fill: #4a90d9;
    }


    .file-type-badge {
      position: absolute;
      bottom: 2px;
      right: 2px;
      font-size: 0.6rem;
      font-weight: 700;
      color: white;
      background: rgba(0, 0, 0, 0.6);
      padding: 1px 4px;
      border-radius: 3px;
    }

    .file-content {
      flex: 1;
      min-width: 0; 
    }

    .file-title {
      color: var(--NeutralTextPrimary);
      margin-bottom: 6px;
      padding-bottom: 5px;
      border-bottom: 1px solid var(--SemanticBlueBg);
    }

    .file-description {
      color: var(--NeutralTextSecondary);
    }

    .file-meta {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-size: 0.8rem;
      color: #888;
    }

    .file-meta-item {
      display: flex;
      align-items: center;
      gap: 0.25rem;
    }

    .file-meta-item::before {
      content: '';
      width: 4px;
      height: 4px;
      background: #ccc;
      border-radius: 50%;
    }

    .file-meta-item:first-child::before {
      display: none;
    }






.typepage__img {
    width: 100%;
    border-radius: 12px;

}

.type-page {
    color: var(--NeutralTextPrimary)
}

.typepage__desc {
    margin-top: 16px;
}

.typepage__h2 {
    margin-top: 32px;
}

.typepage__h3 {
    margin-top: 20px;
}

.typepage__h4 {
    margin-top: 16px;
}

.typepage__h5 {

}

.typepage__ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 12px 0;
}

.typepage__ul li:before {
    content: "";
    width: 7px;
    min-width: 7px;
    display: flex;
    height: 7px;
    background: var(--BrandGreen);
    border-radius: 50px;
}

.typepage__ul li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.typepage__ol {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.typepage__ol li {
  counter-increment: item;
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  

}

.typepage__ol li::before {
  content: counter(item);
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 8px;
  color: var(--BrandPrimary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.typepage__blockquote {
    background: #fff;
    margin: 0;
    display: flex;
    flex-direction: row;
    padding: 20px;
    margin-top: 16px;
    border-radius: 12px;
    gap: 16px;
}

.typepage__blockquote svg {
    min-width: 28px;
}

.typepage__blockquote-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quote-caption {
    color: var(--NeutralTextSecondary);
}

.typepage__table {
    overflow-x: scroll;
    width: 100%;
    margin-top: 16px;
    max-width: 875px;

}

.typepage__table th,
.typepage__table td {
    background: #fff;
    border-radius: 8px;
    padding: 12px 16px;
    max-width: 435px;
}



.typepage__table th {
    color: var(--NeutralTextSecondary);
}


.typepage__table tr {
    margin-bottom: 4px;
}

.downloads-list {
    margin-top: 16px;
    gap: 8px;
}

.download-card.zip {
    align-items: center;
}

.download-card.zip .file-title {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.typepage__img {
    max-height: 600px;
    object-fit: cover;
    object-position: center;
}

.img-caption {
    display: flex;
    flex-direction: column;
        margin-top: 20px;
    margin-bottom: 16px;
    background: #fff;
    border-radius: 12px;
    max-width: 875px;
}

.img-caption p {
    padding: 14px 16px;
}

.objects-sale .obj__breadcrumbs {
    overflow: auto;
    z-index: 5;
    position: relative;
    background: rgba(234, 245, 251, 0.5);
    padding: 8px 16px;
    border-radius: 12px;
    margin: 20px 11px;
}

.objects-sale-b .breadcrumbs {
    overflow: auto;
    z-index: 5;
    position: relative;
    background: rgba(234, 245, 251, 0.5);
    padding: 8px 16px;
    border-radius: 12px;
    margin: 20px 11px;
    backdrop-filter: blur(6px);
}

.objects-sale .obj__block {
padding: 8px 9px;
}

.objects-sale .obj__breadcrumbs-item {
    white-space: nowrap;
    color: var(--NeutralTextSecondary);
}

.objects-sale .obj__breadcrumbs-item.current {
    color: var(--NeutralTextPrimary)
}

.objects-sale .obj__breadcrumbs-item::before {
    background: var(--NeutralTextSecondary);

}

.obj .obj__block-img {
    pointer-events: none;
}

.objects-sale .obj__block-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: 17.5% 53%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.sale__tophero-block {
    display: flex;
    flex-direction: column;
    padding: 18px;
    gap: 8px;
    background: rgba(234, 245, 251, 0.45);
    backdrop-filter: blur(6px);
    border-radius: 12px;
    height: 100%;
    transition: 0.3s ease;
}


.sale__tophero-block.active {
background: rgba(234, 245, 251, 0.85);
transition: 0.3s ease;
}

.obj-sale__tophero {
    display: grid; 
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-items: flex-end;
    margin: 0 11px;
}

.sale__tophero-block:last-child {
    grid-column: 2;
}

.sale__tophero-block svg {
    margin-left: auto;
}

.obj-sale__hero {
    background: rgba(234, 245, 251, 0.85);
    padding: 24px 20px;
    border-radius: 12px;
    margin-top: 83px;
    color: var(--NeutralTextPrimary);
    backdrop-filter: blur(8px);
    max-width: 873px;
    transition: 0.3s ease;
}

.obj-sale__hero:hover {
    background: #fff;
}

.obj-sale__hero:hover .badge {
    background: var(--SemanticBlueBg);
}

.sale__hero-title {
    margin-bottom: 12px;
}

.sale__hero-subtitle {
    margin-bottom: 12px;
}

.badge {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 2.5px 12px;
    gap: 7px;
    border-radius: 32px;
    color: var(--NeutralTextPrimary);
    margin-bottom: 12px;
}

.obj__gallery-nav {
    display: flex;
    background: #fff;
    border-radius: 12px;
    padding: 3px;
    list-style: none;
    gap: 4px;
    overflow: auto;
}

.obj__gallery-nav-item {
    padding: 7.5px 18px;
    white-space: nowrap;
    border-radius: 9px;
    font-size: 15px;
    line-height: 23px;
    border: 1px solid transparent;
}

.obj__gallery-nav-item:hover {
    border: 1px solid var(--NeutralBorderLight);
    color: var(--BrandPrimary);
}

.obj__gallery-nav-item.active {
    background: var(--BrandGreen);
    color: #fff;
}

.obj__gallery-img-cat {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.obj__gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    aspect-ratio: 1 / 1;
}

.obj__gallery-item.vertical {
    grid-row: 2 span;
}

.obj__gallery-item.horizontal {
    grid-column: 2 span;
    aspect-ratio: 2 / 1;
}

.obj__gallery-item,
.b1,
.b2,
.b4,
.b11 {
    overflow: hidden;
    border-radius: 12px;
}

.obj__gallery-item img,
.b1 img,
.b2 img,
.b4 img,
.b11 img{
    transition: 0.3s ease;
}

.obj__gallery-item:hover img,
.b1:hover img,
.b2:hover img,
.b4:hover img,
.b11:hover img {
    scale: 1.1;
}

.page-descriptop__text.full {
    display: none;
}

.obj__desc.active .page-descriptop__text {
    display: none;
}

.obj__desc.active .page-descriptop__text.full {
    display: block;
}


.obj__desc .objects__all svg,
.obj__desc .objects__all svg path {
    transition: 0.3s ease;
}


.obj__desc .objects__all:hover svg {
    rotate: 180deg;
}

.obj__desc .objects__all:hover svg path {
    stroke: #fff;
}


.obj__gallery-item:nth-child(1),
.obj__gallery-item:nth-child(6) {
    grid-row: 2 span;
}

.obj__gallery-item:nth-child(4) {
    grid-column: 2 span;
    aspect-ratio: 2 / 1;
}

.obj__gallery-btn {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.obj__gallery-btn.show-all {
    grid-column: 2 span;
}

.obj__gallery {
    margin-bottom: 64px;
}

.obj-sale__about-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 22px;
    max-width: 430px;
}

.obj-sale__about-card {
    display: flex;
    flex-direction: column;
    aspect-ratio: 160 / 114;
    padding: 18px;
    padding-top: 21px;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 12px;
    gap: 8px;
    color: var(--NeutralNeutral900);
}

.obj-sale__about-title {
    margin-bottom: 28px;
}

.obj-sale__about-card.green svg path {
    fill: var(--BrandGreen);
}

.obj-sale__about-card.green {
    background: #fff;
    border-color: #fff;
}

.obj-sale__about-card.blue svg path {
    fill: var(--BrandSky);
}

.obj-sale__about-card.brand svg path {
    fill: var(--BrandPrimary);
}

.obj-sale__about-second {
    max-width: 100%;
    height: auto;
    grid-row: 3;
    grid-column: 2 span;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.obj-sale__about-desc {
    color: var(--NeutralTextSecondary);
    margin: 16px 0;
}

.obj-sale__about-text {
    padding-left: 48px;
    font-family: 'Roboto';
}

.obj-sale__about-btn {
    padding: 4.5px 12px;
    background: #fff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--NeutralTextSecondary);
}

.obj-sale__characters {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.obj-sale__characters-item {
    display: flex;
    background: #fff;
    border-radius: 9px;
    padding: 10px 14px;
    gap: 10px;
    align-items: center;
    max-width: 280px;
}

.obj-sale__characters-content p:first-child {
    color: var(--NeutralTextSecondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0%;
}

.obj-sale__characters-content p:last-child {
    color: var(--NeutralTextPrimary);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0%;
}

.obj-sale__characters-content {
    display: flex;
    gap: 2px;
    flex-direction: column;
}

.obj-sale__characters-item.right {
    margin-left: auto;
    min-width: 280px;
}

.obj-sale__3d {
    margin-bottom: 64px;
}

.obj-sale__3d-screen {
    width: 100%;
    min-height: 600px;
    background: #fff;
    border-radius: 16px;
}

.obj-sale__3d-title {
    margin-top: 112px;
    margin-bottom: 24px;
}

.obj-sale__geo {
    margin-bottom: 64px;
}

.obj-sale__geo-map {
    position: relative;
    min-height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
        max-width: 328px;
    margin: 0 auto;
    width: auto;
    aspect-ratio: 328 / 480;
}

.obj-sale__geo-map svg {
    z-index: 3;
    position: relative;
}

.obj-sale__geo-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sale__geo-block {
    padding: 18px 24px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 12px;
    gap: 10px;
    margin-top: 24px;
    margin-bottom: 12px;
}

.sale__geo-block > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sale__geo-block > div:last-child {
    gap: 10px;
}

.sale__geo-block > div:first-child p {
    color: var(--NeutralTextPrimary);
}

.sale__geo-block > div:first-child p.m_Body-S {
    color: var(--NeutralTextSecondary);
}

.obj-sale__geo-adv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 12px;
}

.obj-sale__geo-adv-item {
    padding: 12px 11px;
    padding-right: 16px;
    display: flex;
    gap: 7px;
    align-items: center;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 9px;
    color: var(--NeutralTextPrimary);
}

.obj-sale__geo-adv-content .Body-S {
    color: var(--NeutralTextSecondary);
}

.obj-sale__geo-adv-item.active {
    background: #fff;
    border-color: #fff;
}

.obj-sale__objects-title {
    color: var(--NeutralTextPrimary);
    margin-bottom: 28px;
}

.objects-sale .objects__pagination {
    display: flex;
    margin-bottom: 64px;
}

.objects-sale .objects-card {
    background: #fff;
    aspect-ratio: 280 / 385;
}

.objects-sale .objects-card__img {
    position: relative;
    padding: 26px 24px;
}

.objects-sale .objects-card__title {
    margin-bottom: 2px;
    padding-bottom: 0;
    border: none;
}

.obj-sale__methods-title {
    max-width: 230px;
    margin-bottom: 16px;
    z-index: 5;
    position: relative;
}

.obj-sale__methods-desc {
    margin-bottom: 48px;
    max-width: 190px;
    z-index: 5;
    position: relative;

}

.obj-sale__methods {
    padding-top: 32px;
    padding-bottom: 24px;
    padding-left: 20px;
    background: #fff;
    border-radius: 16px;
    color: var(--NeutralTextPrimary);
    position: relative;
    overflow: hidden;
}

.obj-sale__methods-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: unset;
    object-position: center;
    z-index: 1;
    width: 100%;
}

.obj-sale__methods .objects__pagination {
    margin-bottom: 0;
    z-index: 5;
    position: relative;
}


.obj-sale__methods .objects__slider {
    z-index: 5;
    position: relative;
}

.obj-sale__methods .objects-card {
    min-height: 0;
    height: auto;
    aspect-ratio: unset;
    padding: 20px;
    border-radius: 12px;
    gap: 12px;
    background: rgba(234, 245, 251, 0.85);
    backdrop-filter: blur(7px);
    width: 73vw;
    min-width: 73vw;
    max-width: 294px;
    min-width: 294px;
    transition: 0.3s ease;
}

.obj-sale__methods .objects__slider-wrapper {
    padding-right: 20px;
    gap: 8px;
}

.obj-sale__methods .slider-dot.active {
    background: var(--BrandSky);
}

.obj-sale__methods .slider-dot {
    background: var(--NeutralLight80);
}

.obj-sale__docs {
    margin-top: 64px;
    color: var(--NeutralTextPrimary);
}

.obj-sale__docs-title {
    margin-bottom: 12px;
    color: var(--NeutralTextPrimary);
}

.obj-sale__docs .file-title {
    margin-bottom: 3px;
    padding-bottom: 0;
    border: none;
}

.obj-sale__docs .download-card {
    gap: 10px;
}



    .obj-sale__geo-img.mob {
        display: flex;
        border-radius: 12px;
    }

.obj-sale__more,
.obj-sale__methods-bg.pc,
.obj-sale__hr,
.objects-card__icon,
.obj-sale__geo-img.pc {
    display: none;
}

.sale__hero-minimal {
    display: flex;
    align-items: center;
    gap: 10px;
}

.obj-rel__block {
    padding: 18px;
    padding-top: 58px;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    max-width: 280px;
    transition: 0.3s ease;
}

.obj-rel__block h2 {
    color: var(--NeutralTextPrimary);
}

.obj-rel__block p {
    color: var(--NeutralTextSecondary);
}

.obj-rel__block svg {
    position: absolute;
    top: 18px;
    right: 18px;
}



.obj-rel__block.fill {
    background: #fff;
    border-color: #fff;
}

.obj-rel__block.fill.obj-rel__block-nohover {
    background: transparent;
    border-color: var(--NeutralBorderStrong);
}

.obj-rel__content {
    position: relative;
    
}

.obj-rel__block:first-child {
    margin-bottom: 153px;
}

.obj-rel__cards:last-child {
    position: absolute;
    top: 145px;
    width: 100%;
}

.obj-rel__cards:last-child .obj-rel__block.fill {
    margin-bottom: 472px;
    margin-left: auto;
}

.obj-rel__cards h5 {
    margin-top: 22px;
    padding-left: 48px;
    color: var(--NeutralTextPrimary);
}

.obj-rel__cards .obj-rel__dyn-text p,
.obj-sale__geo-subtitle {
    color: var(--NeutralTextSecondary);
}

.obj-rel__cards > h2,
.obj-sale__geo > h2 {
    color: var(--NeutralTextPrimary);
}

.obj-rel__dyn-text .obj-sale__about-btn {
    margin: 0;
    margin-top: 16px;
}

.obj-rel__dyn-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 16px;
}

.obj-sale__about {
    margin-bottom: 64px;
}

.sale__geo-hide {
    position: absolute;
    z-index: 5;
    width: 260px;
    height: 182px;
    right: 50%;
    transform: translateX(50%);
    top: -73px;
    right: 58px;
    background: #3E8E5A;
    padding: 4px;
    border-radius: 16px;
    display: none;
}

.sale__geo-hide-img {
    width: 100%;
    display: flex;
    border-radius: 12px;
}

.sale__geo-hide-text {
    display: block;
    padding: 8px;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.5%;
}

.sale__geo-hide svg.hide-icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 80%);
    width: 30px;
    height: 40px;
}

.sale__geo-objects {
    position: relative;
}

    .obj-sale__geo.realise .obj-sale__geo-map .sale__geo-objects > svg {
        width: 358px;
        height: auto;
        top: 62px;
        left: 60px;
    }


.about-page__list {
    padding-left: 14px;
    color: var(--NeutralLight80);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0%;
    position: relative;
}

.about-page__list:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: var(--BrandGreen);
    position: absolute;
    top: 9px;
    left: 0;
}

.about-page .obj-sale__methods-bg {
    width: auto;
    left: -554px;
}

.about-page .obj-sale__methods-title {
    max-width: 254px;
}

.about-page .obj-sale__methods-desc {
    max-width: 172px;
}

.about-page__badge {
    padding: 4px 18px;
    z-index: 5;
    background: rgba(234, 245, 251, 0.85);
    backdrop-filter: blur(7px);
    border-radius: 32px;
    display: inline-flex;
    margin-bottom: 16px;
    position: relative;
}

.about-page .objects-card svg {
    width: 52px;
    height: 52px;
}

.about-page .obj-sale__methods .objects-card {
    max-width: 294px;
    min-width: 265px;
}

.team__undertitle {
    color: var(--NeutralTextSecondary);
    margin-bottom: 6px;
    margin-top: auto;
}

.team .career-card__title {
    margin-bottom: 6px;
}

.team .career-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 209px;
}

.team__tel {
    color: var(--BrandPrimary);
}

.team .container,
.documents .container {
    overflow: hidden;
}

.team .obj-sale__docs-title {
    color: var(--NeutralTextPrimary);
}

.documents__nav-wrapper {
    position: relative;
}

.documents__nav-btns {
    display: flex;
    gap:  8px;
    position: absolute;
    top: 0;
    right: 0;
}

.documents__nav-btns {
    display: none;
}

.sertificate .career-card {
    padding: 8px;
    min-width: 79vw;
    max-width: 79vw;
}

.sertificate .career-card p {
    padding: 24px 8px;
    padding-bottom: 16px;
    text-align: center;
}



.sertificate .obj-sale__docs-title {
    margin-bottom: 28px;
}

.sertificate__img {
    width: 100%;
    padding: 16px;
    background: var(--SemanticBlueBg);
    border-radius: 9px;
}

.history__rating {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.history__rating-item {
    display: flex;
    gap: 8px;
    align-items: center;
    position: relative;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
}

.history__rating-item .arrow {
    position: absolute;
    bottom: 16px;
    right: 18px;
}

.history__rating-wrapper {
    display: flex;
    gap: 8px;
}

.history__rating-wrapper span {
    color: #fff;
}

.history__rating-wrapper span.history__rating-num {
    color: var(--NeutralLight80);
}

.history .trust__container {
    padding: 24px 20px;
    padding-right: 0;
}

.history__item-info {
    font-size: 16px;
    line-height: 28px;
    margin-top: 12px;
    margin-bottom: 42px;
    display: block;
    color: var(--NeutralLight80);
}

.history__item-img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    margin-bottom: 24px;
}

.history .career-card {
    color: #fff;
    background: rgba(234, 245, 251, 0.25);
    backdrop-filter: blur(6px);
    border: none;
    min-width: 74vw;
    max-width: 74vw;
}



.history__item-icon {
    position: absolute;
    top: 18px;
    right: 18px;
}

.history__item-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 6.5px 12px;
    font-weight: 500;
}

.history .trust__advantages-botwrapper {
    margin-bottom: 24px;
    padding-right: 20px;
}

.history .career__slider-wrapper {
    padding-right: 20px;
}

.history .career-card.video {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.history .career-card.video > * {
    z-index: 5;
}

.history .career-card.video p {
    margin-top: auto;
}

.history .career-card.video .history__item-info {
    margin-top: 8px;
    margin-bottom: 12px;
}

.history .career-card.video .history__item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.history__item-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.history .career__pagination {
    margin-bottom: 0;
}

.history .career__pagination .slider-dot {
    background: rgba(255, 255, 255, 0.3);
}

.history .career__pagination .slider-dot.active {
    background: rgba(255, 255, 255, 1);
}

.history__rating-content {
    display: flex;
    flex-direction: column;
    gap:  4px;
}

.history .trust__title {
    padding-right: 20px;
}

.review-full {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1111;
    width: 100%;
    height: 100%;
    transform: translateX(105%);
    transition: 0.3s ease;
}

.review-full.active {
    transform: translateX(0);
}

.review-full__container {
    width: 100%;
    height: 100%;
    background: #F0F3F7;
    overflow: auto;
    padding: 24px;
}

.review-full__avatar {
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    margin-bottom: 12px;
}

.review-full__container h2 {
    color: var(--NeutralTextPrimary);
}

.review-full__desc {
    margin-top: 12px;
    margin-bottom: 20px;
    color: var(--NeutralTextSecondary);
}

.review-full__infoblocks {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.review-full__infoblock {
    background: #fff;
    padding: 12px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

.review-full {
    color: var(--NeutralTextPrimary);
}

.review-full__infoblock span.Body-S {
    color: var(--NeutralTextSecondary);
}

.review-full__container h5 {
    margin-bottom: 20px;
}

.review-full__container > p.Body-M {
    margin-top: 20px;
}

.review-full__rating-icon {
    margin-top: 20px;
}

.review-full__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.free-sales-page .objects-card__img {
    position: absolute;
    width: auto; 
    height: 100%;
    top: 0;
    left: -64px;
    object-fit: cover;
    object-position: center;
    transition: scale 0.3s ease;
}

.objects-free .objects__slider-wrapper {
    flex-direction: column;
}

.objects-free .objects-card {
    width: 100%;
}

.objects-free .objects__all-wrapper {
    margin-top: 24px;
}

.advantages {
    color: var(--NeutralTextPrimary);
    margin-bottom: 90px;
}

.advantages__texts {
    margin-bottom: 64px;
}

.advantages__block {
    display: flex;
    gap: 10px;
}

.advantages__block svg {
    min-width: 40px;
}

.advantages__block span {
color: var(--NeutralTextSecondary);
display: block;
}

.advantages__block span.m_Body-L {
    color: var(--NeutralTextPrimary);
}

.advantages__blocks {
    gap: 12px;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
    margin-bottom: 28px;
}

.advantages__texts {
    margin-left: 48px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--NeutralNeutral300);
}

.advantages__texts p.Body-L {
    margin-bottom: 12px;
    color: var(--NeutralTextSecondary);
}

.advantages__infos-img {
    width: 100%;
    border-radius: 12px;
    min-height: 280px;
    object-fit: cover;
    object-position: center;
}

.advantages__infos-small {
    padding: 18px;
    border-radius: 12px;
    border: 1px solid var(--NeutralBorderStrong);
    color: var(--NeutralTextPrimary);
    display: inline-block;
}

.advantages__infos-small .Body-M {
    color: var(--NeutralTextSecondary);
}

.advantages__infos-img-cont {
    display: flex;
    margin-bottom: 16px;
    position: relative;
    max-width: 428px;
}

.advantages__infos-inimg {
    position: absolute;
    bottom: 6px;
    left: 6px;
    background: rgba(234, 245, 251, 0.85);
    backdrop-filter: blur(6px);
    max-width: 159px;
    padding: 16px 20px;
    border-radius: 12px;
}

.advantages__infos-cond {
    display: flex;
    gap: 6px;
    padding: 18px 20px;
    background: #fff;
    border-radius: 12px;
    color: var(--NeutralNeutral900);
    max-width: 280px;
}

.advantages__infos-cond svg {
    min-width: 20px;
}

.advantages__infos-side.cond {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 28px;
    margin-bottom: 48px;
}

.advantages__infos-side.cond i {
    color: var(--NeutralTextSecondary);
    font-style: unset;
}

.advantages__infos-cond:nth-child(odd) {
    margin-left: auto;
}

.advantages__infos-title {
    color: var(--NeutralTextPrimary);
    margin-bottom: 6px;
}


.vacancy .typepage__ul li span {
    color: var(--NeutralTextSecondary);
}

.vacancy__header {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 24px;
    padding-bottom: 32px;
}

.vacancy__header-bg {
    height: 100%;
    position: absolute;
    width: auto;
    top: 0;
    left: -189px;
}

.vacancy__header > * {
    z-index: 5;
    position: relative;
}

.vacancy__header > img {
    z-index: 1;
    position: absolute;
}

.vacancy .typepage__ul li {
    padding-left: 14px;
    display: block;
    position: relative;
}

.vacancy .typepage__ul li:before {
    top: 8px;
    position: absolute;
    left: 0;
}

.vacancy__content {
    margin-top: 48px;
    color: var(--NeutralTextPrimary);
}

.vacancy .vacancy__content .typepage__ul {
    gap: 12px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.vacancy__text {
    color: var(--NeutralTextSecondary);
    margin-top: 12px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.vacancy__title-type {
    margin-bottom: 6px;
}

.vacancy__publisher-img {
    width: 48px;
    height: 48px;
    min-width: 48px;
    object-fit: cover;
    border-radius: 1000px;
}

.vacancy__publisher {
    display: flex;
    gap: 12px;
}

.vacancy__publisher .m_Body-M {
    color: var(--NeutralTextSecondary);
}

.vacancy-type__img {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.vacancy-type .application__content-left {
    display: flex;
}

.vacancy-type .application__title {
    margin-top: 28px;
    margin-bottom: 10px;
}

.file-loader {
    display: flex;
    flex-direction: column;
    background: #3889C2;
    border-radius: 9px;
    padding: 16px 20px;
    align-items: center;
    text-align: center;
    color: var(--NeutralLight80);
}

.file-loader__under {
    color: #fff;
    margin-top: 4px;
}

.file-loader svg {
    margin-bottom: 6px;
}

.vacancy .typepage__ul{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(30, 41, 59, 0.15);
}

.vacancy .news__backto {
    margin-top: 0;
}

.vacancy__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.vacancy-type .application__fields {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.path__block {
    display: flex;
    gap: 12px;
    align-items: center;
}

.path__block-img {
    min-width: 40px;
    z-index: 5;
}

.path__block-content-title span {
    background: #fff;
    padding: 5px 12px;
    font-size: 14px;
    border-radius: 32px;
    white-space: nowrap;
    margin-right: 5px;
}

.path {
    color: var(--NeutralTextPrimary);
    margin-bottom: 64px;
}

.path__block-content-title {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.path__block-content > p {
    color: var(--NeutralTextSecondary);
}

.path__blocks {
    display: flex;
    flex-direction: column;
    gap:  22px;
    margin-top: 24px;
    position: relative;
}

.path__blocks:before {
    content: "";
    position: absolute;
    top: 40px;
    left: 19px;
    width: 1px;
    height: calc(100% - 80px);
    background: var(--NeutralBorderStrong);
}

.path__main-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 36px;
    object-fit: cover;
    object-position: 50% 60%;
}

.path__main-image {
    padding: 16px;
    border-radius: 48px;
    background: #F0F3F7;
    border: 1px solid var(--NeutralBorderStrong);
    z-index: 5;
    max-width: 500px;
}

.path__blocks-slide {
    display: flex;
    flex-direction: column;
    gap:  22px;
}

.path-undertitle {
    display: none;
}

.page-how-buy-form {
    margin-top: 90px;
}

/* На полной странице /how/ шапка Битрикс уже есть — отступ standalone-страницы не нужен */
body.page-how-buy.page-how-buy-form {
    margin-top: 0;
}

.know-you {
    color: var(--NeutralTextPrimary);
    margin-bottom: 64px;
}

.know-you__subtitle {
    max-width: 1000px;
    color: var(--NeutralTextSecondary);
    margin-top: 16px;
}

.know-you__form {
    min-height: 300px;
    width: 100%;
    background: #fff;
    margin-top: 24px;
    border-radius: 24px;
    padding: 8px;
}

.steps-modal {
    z-index: 2000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(30, 41, 59, 0.75);
    backdrop-filter: blur(7px);
    padding: 16px;
    overflow-y: scroll;
    align-items: flex-start;
    display: flex;
    justify-content: center;
    transform: translateX(105%);
    transition: 0.3s ease;
}

.steps-modal.active {
    transform: translateX(0);
}

.steps-modal__content {
    /*background: #fff;*/
    color: #fff;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.steps-modal__badge{
    display: inline-flex;
    padding: 5px 12px;
    border-radius: 32px;
    color: #fff;
    max-height: 32px;

}

.steps-modal__main {
    padding: 24px 20px;
    border-radius: 16px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.steps-modal__main > h2 {
    margin: 12px 0;
}

.steps-modal__list-wrap,
.steps-modal__time {
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 18px 20px;
    border-radius: 12px;
    margin-top: 20px;
}

.steps-modal__list-wrap {
    margin-top: auto;
    width: 100%;
}

.steps-modal__list-title {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.steps-modal__list {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.steps-modal__list svg {
    min-width: 14px;
    margin-right: 4px;
}

.steps-modal__time {
    margin-top: 8px;
    display: flex;
    gap: 24px;
    align-items: self-end;
    width: 100%;
}

.steps-modal__time span {
    color: rgba(255, 255, 255, 0.6);
}

.steps-modal__time .steps-modal__time-head {
    color: #fff;
}

.steps-modal__time-head b {
    font-weight: normal;
}

.steps-modal__imagearea {
    border-radius: 16px;
    position: relative;
    max-height: 280px;
    overflow: hidden;
}

.steps-modal__imagearea .steps-modal__switches.main {
    bottom: 20px;
}

.steps-modal__switches {
    position: absolute;
    bottom: 19px;
    right: 20px;
    z-index: 10;
    display: flex;
}

.steps-modal__switches.main {
    bottom: 40px;
    gap: 6px;
}

.steps-modal__slides-wrapper {
    display: flex;
    position: relative;
    transition: 0.3s ease;
}


.steps-modal__slides-allwrapper {
    position: relative;
    max-width: 328px;
    overflow: hidden;
}

.steps-modal__close {
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
        z-index: 5;
}

.steps-modal__bottom {
    margin-top: auto;
}

.steps-modal__imag,
.steps-modal__mainimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.steps-modal__desc {
    margin-bottom: 20px;
}

.steps-modal__content.black .steps-modal__list-wrap,
.steps-modal__content.black .steps-modal__time{
    border-color: rgba(30, 41, 59, 0.25);
}

.steps-modal__content.black .steps-modal__list-title,
.steps-modal__content.black .steps-modal__time span {
    color: rgba(30, 41, 59, 0.6);
}


.know-you__form-step {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap:  8px;
    align-items: center;
    z-index: 5;
}

.know-you__form-step svg {
    border-right: 20px solid #e9eef4;
    border-left: 20px solid #e9eef4;
    min-width: 71px;
    min-height: 31px;
}

.know-you__form-header {
    display: flex;
    padding: 24px 0;
    background: rgba(226, 232, 240, 0.75);
    border-radius: 16px;
    position: relative;
}

.know-you__form-header::before {
    content: "";
    height: 1px;
    width: 70%;
    background: var(--NeutralBorderStrong);
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);

}

.know-you__form-stepname {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}


.know-you__form-step.disabled .know-you__form-stepname {
    color: var(--NeutralTextSecondary);
}

.know-you__form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    background: rgba(226, 232, 240, 0.75);
    border-radius: 16px;
}

.know-you__form-footer button,
.know-you__form-notfound-link {
    padding: 12px 32px;
    background: var(--BrandPrimary);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    /*font-weight: 600;*/
}

.know-you__form-footer button:before,
.know-you__form-notfound-link:before {
    background: var(--BrandPrimaryHover);
}

  .form-container {
    width: 100%;
    padding: 24px;
    padding-bottom: 32px;
  }

  .category {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 0;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
  }

  .category:last-child {
    border-bottom: none;
  }

  .category-icon {
    display: flex;
    align-items: center;
    gap:  12px;
    min-width: 240px;
    max-width: 240px;
  }

  .category-icon svg {
    min-width: 40px;
  }

  .category-content {
    flex: 1;
  }

  .category-title {
    font-weight: 600;
  }

  .checkboxes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .checkboxes-grid.single {
    grid-template-columns: 1fr;
  }

  .custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .custom-checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 24px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    height: 100%;
  }

  .custom-checkbox label:hover {
    border-color: #93b4f5;
    background: #f8faff;
  }

  .custom-checkbox label::before {
    content: '';
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #CBD5E1;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    background: #fff;
    margin-top: 1px;
  }

  .custom-checkbox input[type="checkbox"]:checked + label {
    border-color: #066BB3;
    background: transparent;
  }

  .custom-checkbox input[type="checkbox"]:checked + label::before {
    background: #066BB3;
    border-color: #066BB3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }

  .custom-checkbox input[type="checkbox"]:focus-visible + label {
    outline: 1px solid #3b82f6;
    outline-offset: 2px;
  }

.know-you__form-underheader {
    padding: 0 24px;
    margin-top: 32px;
}

.know-you__form-underheader h4 {
    font-family: 'Roboto';
}

.know-you__form-underheader p {
    color: var(--NeutralTextSecondary);
    margin-top: 8px;
}

.step-hidden {
    display: none !important;
}


.know-you__form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-back {
    background-color: #94A3B8;
    display: flex;
    align-items: center;
    gap: 8px;
}
.btn-back:hover {
    background-color: #64748B;
}

.know-you__form-footer .news__backto {
    margin-top: 0;
    background: transparent;
    color: var(--BrandPrimary);
}

.know-you__form-footer .news__backto:hover {
    color: #fff;
}

.know-you__form-footer-next {
    display: flex; 
    align-items: 
    center; 
    gap: 15px;
}

.know-you__results {
    margin: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.know-you__result {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid var(--NeutralBorderStrong);
    padding: 24px;
    cursor: pointer;
}

.know-you__result-header {
    display: flex;
    align-items: center;
    gap: 16px;

}

.know-you__result-header h5 {
    font-family: 'Roboto';
    margin-right: auto;
}

.know-you__result-desc {
    color: var(--NeutralTextSecondary);
    margin-bottom: 16px;
    margin-top: 16px;
}

.know-you__result-listtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.know-you__result-list .typepage__ul {
    margin: 0;
}

.know-you__result-list {
    margin-top: 16px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.know-you__result-file {
    border: 1px solid var(--NeutralBorderStrong);
    padding: 20px 24px;
    border-radius: 16px;
    display: flex;
    gap: 24px;
    align-items: center;
}

.know-you__result-file-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--NeutralTextPrimary);
}

.know-you__result-file-content .Body-S {
    color: var(--NeutralTextSecondary);
}

.know-you__result-close {
    cursor: pointer;
}

.know-you__result .know-you__result-content {
    display: none;
}

.know-you__result.active .know-you__result-content {
    display: block;
}

.know-you__result.active .know-you__result-open {
display: none;
}

.know-you__result.active .know-you__result-close {
    display: block;
}

.know-you__result .know-you__result-open {
    display: block;
}

.know-you__result .know-you__result-close {
    display: none;
}

.know-you__form-notfound-side {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 32px 24px;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 16px;
    align-items: flex-start;
}

.know-you__form-notfound-side .Body-M {
    color: var(--NeutralTextSecondary);
}

.know-you__form-notfound {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    border-top: 1px solid var(--NeutralBorderStrong);
    padding-top: 24px;
    margin: 24px;
    margin-bottom: 90px;
}

.know-you__form-notfound-link {
    margin-top: 24px;
}

.all-vac__btns {
    margin-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 16px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
}

.all-vac__btns a {
    border: 1px solid #fff;
    display: block;
    color: #fff;
    font-weight: 500;
    padding: 10.5px 24px;
    transition: 1s ease;
}

.all-vac__btns a:hover {
    color: var(--BrandPrimary);
}

.all-vac__btns a:before {
    background: #fff;
}

.about-work {
    color: var(--NeutralTextPrimary);
}

.about-work__row.two .about-work__item {
    position: relative;
    overflow: hidden;
    padding: 8px;
}

.about-work__row.two .about-work__item:nth-child(2),
.about-work__row.two .about-work__item:nth-child(3) {
    padding: 8px;
}

.about-work__row.one .about-work__item:nth-child(1) {
    color: var(--NeutralTextSecondary);
    margin-bottom: 22px;
}

.about-work__row.one .about-work__item:nth-child(2) h5 {
    font-family: 'Roboto';
    margin-bottom: 22px;
}

.about-work__row.one .about-work__item:nth-child(3) {
    max-width: 242px;
    border: 1px solid var(--NeutralBorderStrong);
    padding: 16px 20px;
    border-radius: 12px;
}

.about-work__row.two .about-work__item:nth-child(1) {
    background: #4AB969;
    color: #fff;
    padding: 21px 20px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}

.about-work__row.two .about-work__item:nth-child(1) p {
    margin-bottom: 32px;
    margin-top: 4px;
}

.about-work__row.two .about-work__item:nth-child(1) svg,
.about-work__row.two .about-work__item:nth-child(2) svg,
.about-work__row.three .about-work__item:nth-child(1) svg  {
    margin-left: auto;
    margin-top: auto;
}

.about-work__row.two .about-work__item:nth-child(2) svg {
    margin-right: 16px;
    margin-bottom: 16px;
}

.about-work__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.05;
    z-index: 1;
}

.about-work__item-header {
    max-width: 277px;
    padding: 12px 16px;
}

.about-work__row.two .about-work__item:nth-child(2) {
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: hidden;
    border-radius: 12px;
}

.about-work__row.two .about-work__item:nth-child(2) .about-work__item-bg {
    opacity: 1;
}

.about-work__row.two .about-work__item:nth-child(2) > img,
.about-work__row.three .about-work__item > img {
    z-index: 1;
    position: absolute;
}

.about-work__row.two .about-work__item:nth-child(2) > *,
.about-work__row.three .about-work__item > * {
    z-index: 5;
    position: relative;
}

.about-work__item-header {
    background: rgba(234, 245, 251, 0.85);
    backdrop-filter: blur(6px);
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.about-work__row.two {
    display: flex;
    flex-direction: column;
    gap: 22px;
}


.about-work__row.three .about-work__item {
    background: #fff;
    padding: 4px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.about-work__row.three .about-work__item:nth-child(1) {
    padding: 20px;
}

.about-work__row.three .about-work__item img {
    opacity: 1;
}

.about-work__row.three .about-work__item:nth-child(1) svg {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
}

.about-work__row.three .about-work__item svg {
    margin-left: auto;
    margin-right: 16px;
    margin-bottom: 16px;
}

.about-work__row.three .about-work__item .about-work__item-header {
     margin-bottom: 32px;
}

.about-work__item-grey {
    color: var(--NeutralTextSecondary);
   
    margin-top: 4px;
}

.about-work__row.three .about-work__item:nth-child(1) .about-work__item-header {
    background: transparent;
    padding: 0;
}

.about-work__row.three .about-work__item:nth-child(2) .about-work__item-header {
    max-width: 308px;
}

.about-work__row.three .about-work__item:nth-child(3) .about-work__item-header {
    max-width: 296px;
}

.about-work__row.three {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.about-work__blocks {
    display: flex;
    flex-direction: column;
    gap:  22px;
}

.all-vac__adv-item {
    display: flex;
    gap: 12px;
    background: transparent;
    padding: 16px 20px;
    border-radius: 12px;
    align-items: center;
    border: 1px solid var(--NeutralBorderStrong);
}

.all-vac__adv-item.white {
    background: #fff;
    border: none;
}

.all-vac__adv {
    margin-top: 64px;
}

.all-vac__adv-blocks {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.all-vac__filter-desc {
    margin-bottom: 24px;
    color: var(--NeutralTextSecondary);
}

.all-vac .objects__title {
    margin-bottom: 8px;
}

.objects.all-vac {
    margin-top: 64px;
}

.objects.all-vac .career__slider-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.all-vac__event {
    margin-top: 64px;
}

.all-vac__event-item {
    width: 100%;
    aspect-ratio: 160 / 204;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    transition: 0.3s ease;
}

.all-vac__event-item img {
    transition: scale 0.3s ease;
}

.all-vac__event-item:hover img {
    scale: 1.1;
}

.all-vac__event-wrap {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 4px));
    gap: 8px;
    margin-top: 48px;
}

.all-vac__event-item:nth-child(6),
.all-vac__event-item:last-child,
.all-vac__event-item:nth-child(2) {
    aspect-ratio: 160 / 155;
    margin-top: auto;
}

.all-vac__event-item:nth-child(7) {
    aspect-ratio: 160 / 178;
}

.all-vac__event-item:last-child {
    margin-top: 0;
    margin-bottom: auto;
}

.all-vac__event-item.text {
    border: 1px solid var(--NeutralBorderStrong);
    padding: 17px;
}

.all-vac__event-item.text:hover {
        background: #fff;
        border-color: #fff;
    }

.all-vac__event-item.text .second {
    color: var(--NeutralTextSecondary);
    margin-top: 4px;
}

.orders__blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.orders__block {
    display: flex;
    flex-direction: column;
    padding: 20px 18px;
    border: 1px solid #3889C2;
    border-radius: 12px;
    color: #fff;
    min-width: calc(50% - 4px);
    max-width: calc(50% - 4px);
    transition: background 0.3s ease;
}

.orders__block.active {
    background: #2B81BE;
}

.orders__block p {
    color: var(--NeutralLight80);
}

.orders__block:nth-child(3) {
    max-width: 100%;
}

.orders__info {
    display: flex;
    flex-direction: column;
    margin-top: 28px;
    gap: 6px;
}

.orders__info-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px;
    padding-left: 20px;
    background: #2B81BE;
    border-radius: 9px;
    color: #fff;
}

.orders__info-item .m_Body-S {
    color: var(--NeutralLight80);
}

.orders__info-item-svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: flex;
    background: #4893c8;
    border-radius: 9px;
    aspect-ratio: 1 / 1;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
}

.orders__info-item-svg.Blob {
    position: absolute;
}

.orders__info-item-svg:before {
    background: #4A94C9;
}

.orders__info-item-svg svg {
    width: 28px;
    height: auto;
}

.orders__select {
    padding: 16px 24px;
    border: none;
    background: #3889C2;
    border-radius: 9px;
    color: #fff;
    outline: none;
    appearance: none;
}

.application__field.cust-select {
    position: relative;
}

.application__field.cust-select svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}

.faq {
    color: var(--NeutralTextPrimary);
    margin-top: 64px;
}

.faq__title {
    margin-bottom: 12px;
}

.faq__blocks {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.faq__question {
    padding: 16px;
    padding-left: 20px;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 12px;
    transition: 0.3s ease;
}

.faq__question.active {
    border-color: #fff;
    background: #fff;
}

.faq__question-btns {
    display: flex;
}

.faq__question-btn {
    transition: 0.3s ease;
    border: 1px solid transparent;
    border-radius: 50%;
}

.faq__question-btn:hover,
.tender__card-open:hover,
.tender__card-close:hover {
    border: 1px solid var(--NeutralBorderStrong);
}

.tender__card-open,
.tender__card-close {
    border-radius: 50%;
    transition: 0.3s ease;
    border: 1px solid transparent;
}

.faq__question-btn.close {
    cursor: pointer;
}

.faq__question.active .faq__question-btn.close {
    display: flex;
}

.faq__question.active .faq__question-btn.open {
    display: none;
}

.faq__question .faq_question-answer {
    display: none;
}

.faq__question.active .faq_question-answer {
    display: flex;
}

.faq__question-header {
    display: flex;
    gap: 8px;
    align-items: center;
}

.faq__question-header .Body-L {
    flex-grow: 1;
}

.faq_question-answer {
    color: var(--NeutralTextSecondary);
}

.faq__question-btns .close {
    display: none;
}

.tender__card-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.tender__card-badge {
    display: flex;
    gap: 8px;
    background: #fff;
    padding: 3px 12px;
    color: var(--NeutralTextSecondary);
    border-radius: 32px;

}

.tender__card-header {
    display: flex;
    gap: 12px;
}

.tender__card-header > svg {
    margin-left: auto;
}

.tender__card {
    padding: 20px 24px;
    border: 1px solid var(--NeutralBorderStrong);
    border-radius: 12px;
    cursor: pointer;
}

.tender__card.active {
    background: #fff;
    cursor: unset;
}



.tender__card .download-card {
    padding: 10px 18px;
    border: 1px solid var(--NeutralBorderStrong);
    align-items: center;
}

.tender__card .obj-sale__docs {
    margin-top: 16px;
}

.tender__card-title {
    margin-top: 16px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.tender__card-char-name {
    color: var(--NeutralTextSecondary);
}

.tender__card-char-value {
    color: var(--NeutralTextPrimary);
}

.tender__card-chars {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--NeutralBorderStrong);
}

.tender {
    color: var(--NeutralTextPrimary);
}

.tender__card-desc-title {
    margin-bottom: 16px;
}

.tender__card-desc-subtitle {
    margin-bottom: 6px;
}

.tender__card-desc-text {
    margin-bottom: 12px;
}

.tender__card .typepage__ul {
    margin-top: 6px;
    padding-left: 16px;
}

.tender__card .typepage__ul li:before {
    border-radius: 2px;
    top: 5px;
    position: relative;
}

.tender__card .typepage__ul li {
    align-items: flex-start;
}

.tender__card__typepage-title,
.tender__card-desc-subtitle,
.tender__card__need {
    color: var(--NeutralTextSecondary);
}

.tender__card-preview .tender__card-chars .tender__card-char:nth-child(n+4) {
    display: none;
}

.tender__card-preview .tender__card-chars {
    display: block;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tender__card-preview .tender__card-chars .tender__card-char {
    display: inline;
}

.tender__card-preview .tender__card-chars .tender__card-char:after {
    content: "";
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: var(--NeutralTextMuted);
    border-radius: 50px;
    display: inline-block;
    margin: 0 5px;
}

.tender__card-preview .tender__card-chars .tender__card-char:nth-child(3):after {
    display: none;
}

.tender__card.active  .tender__card-preview {
    display: none;
}

.tender__card .tender__card-main {
    display: none;
}

.tender__card.active .tender__card-main {
    display: block;
}

.tender__card.active .tender__card-badge {
    background: var(--SemanticBlueBg);
}

.tender__card .tender__card-open,
.tender__card.active .tender__card-close {
    display: flex;
}

.tender__card.active .tender__card-open,
.tender__card .tender__card-close {
    display: none;
}

.tender__blocks {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile__drop:hover {
    color: #fff;
}

.tender .mobile__drop {
    transition: 0.3s ease;
}

.tender .mobile__drop:hover {
    color: #fff;
}

.tender .mobile__drop:before,
.mobile__drop:before  {
    background: var(--BrandPrimary);
    
}

.tender__filter-header {
    overflow: hidden;
}

.tender__card__need {
    margin-bottom: 6px;
}

.tender__card__last {
    margin-bottom: 16px;
    padding-bottom: 16px;
    position: relative;
}

.tender__card__last:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--NeutralBorderStrong);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 80%;
}


.contacts .orders__blocks {
    flex-direction: column;
}

.contacts .orders__block {
    width: 100%;
    max-width: 100%;
}

.contacts .orders__block:nth-child(2) {
    width: 91.43%;
}

.contacts .orders__block:nth-child(3) {
    width: 84%;
}

.contacts .all-vac__head .about-page__list:first-child {
    margin-bottom: 6px;
}

.contacts .all-vac__btns {
    flex-direction: row;
    flex-wrap: wrap;

}

.grey_color {
    color: var(--NeutralTextSecondary);
}

.contacts__content-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.contacts__item-title {
    margin-bottom: 8px;
    margin-top: 16px;
}

.contacts__section-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contacts__section-title {
    margin-bottom: 8px;
}

.contacts .mobile__menu-block {
    align-items: center;
}

.contacts__item.geo .mobile__menu-block-left {
    margin-right: auto;
}

.contacts__item.geo .mobile__menu-block {
    padding-left: 12px;
}

.contacts__map {
    background: #eaeaea;
    width: 100%;
    min-height: 480px;
    overflow: hidden;
    border-radius: 12px;
}

.contacts .mobile__menu-block-right.geo {
    flex-direction: row;
    display: flex;
    gap: 8px;
}

.contacts__section-content .about__label {
    width: max-content;
    margin-bottom: 0;
}

.contacts__section-content.how .contacts__content-row .contacts__item-title {
    margin-top: 0px;
}

.contacts__content-row.buh {
    margin-top: 16px;
}

.contacts__section-content.how .contacts__content-row.buh .contacts__item-title {
    margin-top: 4px;
}

.contacts__section-content .about__label.long {
    width: 100%;
    margin-bottom: 0;
    white-space: normal;
}

.contacts__departs .faq__blocks {

}

.contacts__departs .faq__question {
    border-radius: 0;
    border-right: none;
    border-left: none;
    padding: 18px 0;
    border-bottom: 0;
}

.contacts__departs .faq__question.active {
    background: transparent;
    border-color: var(--NeutralBorderStrong);
}

.contacts__departs .mobile__menu-block {
    width: 100%;
    margin-top: 8px;
}

.contacts__departs .faq__blocks {
    gap: 0;
}

.contacts__departs .mobile__menu-block-left .m_Body-M {
    color: var(--NeutralTextPrimary);
}

.contacts__departs .faq__question.active .faq_question-answer {
    flex-direction: column;
}

.contacts__departs .contacts__item-title {
    color: var(--NeutralTextPrimary);
    margin-bottom: 0;
    margin-top: 4px;
}

.contacts__departs .faq__question.active .faq__question-header .Body-L {
    padding: 5px 12px;
    background: #fff;
    border-radius: 32px;
    color: var(--NeutralTextSecondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: max-content;
    max-width: max-content;
    margin-right: auto;
}


.contacts__departs .faq__question-header {
    gap: 16px;
}
.contacts__content-row.first .contacts__item-title{
    margin-top: 0;
}

.contacts__section-content.the-block,
.contacts__departs {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--NeutralBorderStrong);
}


.contacts__section-side.adress {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.contacts__modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background: rgba(30, 41, 59, 0.75);
    backdrop-filter: blur(7px);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    color: var(--NeutralTextPrimary);
    opacity: 0;
    transform: translateX(105%);
    transition: 0.3s ease;
    overflow: auto;
}

.contacts__modal-content {
    background: #F0F3F7;
    max-width: 640px;
    padding: 32px 24px;
    border-radius: 16px;
    position: relative;
    margin: auto 0;
    flex-direction: column;
}

.contacts__modal.active {
    transform: translateX(0);
    opacity: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 100px;
}

.contacts__modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.contacts__modal-content-subtitle {
    margin: 18px 0;
}


.contacts__modal-content .application__input,
.contacts__modal-content .application__textarea {
    background: #fff;
    border-radius: 9px;
    color: var(--NeutralTextMuted);
}

.contacts__modal-content .application__input::placeholder,
.contacts__modal-content .application__textarea::placeholder {
    color: var(--NeutralTextMuted);
}

.contacts__modal-content .application__submit {
    margin-top: 16px;
}

.contacts__modal-content .application__agreement-text {
    color: var(--NeutralTextSecondary);
}

.contacts__modal-content .application__checkbox-custom {
    background: #fff;
}

.contacts_submit {
    width: 100%;
}

.contacts__modal-content.success {
    text-align: center;
}

.contacts__modal-content.success h2 {
    margin-top: 22px;
}

.contacts__modal-content.success .contacts__modal-content-subtitle {
    margin-bottom: 16px;
    margin-top: 24px;
    color: var(--NeutralTextSecondary);
}

.contacts__modal-content .application__agreement {
    margin-top: 16px;
}

.contacts__modal-content .application__agreement-text a {
    color: var(--BrandPrimary);
}

.tab-content2 {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}


.tab-content2.active {
    position: relative;
    pointer-events: all;
    opacity: 1;
}

.tab-content {
    display: none;
}


.tab-content.active {
    display: flex;
}

.obj__gallery-nav-item {
    cursor: pointer;
    transition: 0.3s ease;
}


.team .career-card.is-hidden {
    display: none !important;
}


[data-filter].is-hidden {
    display: none !important;
}

.sertificate__img-wrapper {
    overflow: hidden;
}

.about-page.objects-sale .objects-card {
    transition: background 0.3s ease;
}

.about-page.objects-sale .objects-card:hover {
    background: #fff;
}

.all-vac__event-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}   


.file-upload-wrapper {
    position: relative;
    width: 100%;
}

.file-loader {
    cursor: pointer;
    border: 2px dashed rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}

.file-loader:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

.file-loader__under {
    color: #fff;
}

/* Состояния загрузки */
.file-upload-state {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 9px;
    background: #3889C2;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.15);
    position: relative;
    animation: slideIn 0.3s ease;
}

.file-upload-state.uploading {
    padding-bottom: 36px;
}

.file-upload-state.uploading .file-upload-progress {
    left: 16px;
    bottom: 19.5px;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.file-upload-icon {
    flex-shrink: 0;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--SemanticBlueBg);
    border-radius: 9px;
}

.file-upload-info {
    flex: 1;
    min-width: 0;
}

.file-upload-name {
    font-weight: 500;
    margin-bottom: 4px;
    word-break: break-word;
}

.file-upload-status {
    color: var(--NeutralLight60);
}

/* Прогресс бар */
.file-upload-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 60px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    overflow: hidden;
}

.file-upload-progress-bar {
    height: 100%;
    background: white;
    transition: width 0.3s ease;
}

.file-upload-progress-text {
    position: absolute;
    bottom: 12px;
    right: 16px;
    font-size: 12px;
    opacity: 0.9;
}

/* Кнопки действий */
.file-upload-close,
.file-upload-delete,
.file-upload-retry {
    flex-shrink: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border: none;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    background: rgba(255, 255, 255, 0.1);
}

.file-upload-close:hover,
.file-upload-delete:hover,
.file-upload-retry:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
}

.file-upload-retry {
    background: rgba(255, 255, 255, 0.2);
}

.file-upload-retry:hover {
    background: rgba(255, 255, 255, 0.3);
}


.file-upload-name-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap; 
}

.file-name-base {
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
    min-width: 0; 
}


.file-name-ext {
    flex-shrink: 0;
    font-weight: 500;
}

.obj__gallery-all {
    display: none;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
}

.obj__gallery-all.active {
    display: grid;
    margin-top: 8px;
}

.obj__gallery-all.active .objects__all:hover {
    color: #066bb3;
}

.obj__gallery-all .obj__gallery-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.obj__gallery-all .obj__gallery-btn.show-all {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 16px;
}

.obj__gallery .obj__gallery-all .obj__gallery-item {
    grid-column: unset;
    min-width: 0;
    max-width: 100%;
    grid-row: auto;
    display: flex;
    aspect-ratio: unset;
}



.circle-label {
    background: white;
    border-radius: 60px;
    padding: 7px 16px;
    font-size: 15px;
    font-weight: 500;
    color: #066BB3;
    width: 79px;
    white-space: nowrap;
    transform: translate(-40px, -12px); 
}
.ymaps3--map-copyrights_right,
.ymaps3--controls_left {
    display: none!important;
}

.park-info {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.park-info::before {
    content: "";
    background: #3E8E5A;
    width: 30px;
    height: 30px;
    rotate: 45deg;
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);

}