/*
@media (max-width: 1200px) { ... }
@media (max-width: 992px) { ... }
@media (max-width: 768px) { ... }
  @media (max-width: 668px) { ... }
  
  
@media (max-width: 480px) { ... }
@media (max-width: 360px) { ... }
*/

body{
  background: #F5FBFF;
}


/* header_1 */
#header_1,
#header_1 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}
#header_1{
position: sticky;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 20px 3vw 20px 3vw;
}
#header_1 .nav a:hover{
    color: #199AF0 !important;
}
#header_1 .nav a:active{
    color: #0D84D3 !important;
}
#header_1 .nav_box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 1246px;
    width: 100%;
padding: 17px 30px;
border-radius: 24px;

position: relative;
z-index: 1;
background: #fff;
overflow: hidden;
}
@media (max-width: 668px) {
  #header_1 .nav_box{
 /*   flex-direction: column; */
    gap: 20px;
}
}
#header_1 .nav_box::before{
    content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* толщина рамки */
  border-radius: inherit;
  background: linear-gradient(90deg, #199AF0, #47A9EB);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}

@media (max-width: 480px) {
#header_1 .nav_box{
padding: 17px 30px;
border-radius: 0;

position: relative;
z-index: 1;
background: #fff;

}
#header_1 {
  padding: 0;
border:none;
}
#header_1 .nav_box::before{
  background: none;
}
}
#header_1 .nav_box .nav_1box{
    display: flex;
    flex-direction: row;
    gap:30px;
    align-items: center;
}
#header_1 .nav_box .nav_1box .logo a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
#header_1 .nav_box .nav_1box .logo a img{
    width: 40px;
    height: 48px;
}
#header_1 .nav_box .nav_1box .logo a span{
    font-weight: 700;
    font-size: 24px;
}
#header_1 .nav_box .nav_1box .line{
    display: inline-block;
    width: 2px;
    height: 12px;
    background: #C5DFFB;
}
#header_1 .nav_box .nav_1box .nav ul{
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 30px;
}
@media (max-width: 1200px) {
#header_1 .nav_box .nav_1box .nav ul{
    gap: 20px;
}
}
@media (max-width: 768px) {
#header_1 .nav_box .nav_1box .nav{
    display: none;
}
#header_1 .nav_box .nav_1box .line{
        display: none;
}
}
#header_1 .nav_box .nav_1box .nav ul li{
    list-style: none;
}
#header_1 .nav_box .nav_1box .nav ul li a{
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}
@media (max-width: 840px) {
#header_1 .nav_box .nav_1box .nav ul li a {
    font-size: 15px;
}
#header_1 .nav_box .nav_1box .nav ul{
    gap: 15px;
}
}
#header_1 .nav_box .nav_2box .login{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
@media (max-width: 480px) {
#header_1 .nav_box .nav_2box .login{
    gap: 10px;
}
}
#header_1 .nav_box .nav_2box .login a.button_login,
#header_1 .nav_box .nav_2box .login a.button_reg
{
    display: flex;
    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;
}
#header_1 .nav_box .nav_2box .login a.button_login_m{
    border-radius: 12px;
    padding: 12px 12px;
    cursor: pointer;
    text-decoration: none;
  display: none;
}
@media (max-width: 992px) {
#header_1 .nav_box .nav_2box .login a.button_login,
#header_1 .nav_box .nav_2box .login a.button_reg
{
display: none;
}
#header_1 .nav_box .nav_2box .login a.button_login_m{
  display:flex;
}
}
#header_1 .nav_box .nav_2box .login a.button_login{
    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #1C2121;
padding: 12px 20px;
}
#header_1 .nav_box .nav_2box .login a.button_login:hover{
    background-color: #C5DFFB;
}
#header_1 .nav_box .nav_2box .login a.button_login:active{
    background-color: #B2D4FA;
}


#header_1 .nav_box .nav_2box .login a.button_reg{
    background: #199AF0;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #fff;
    background-image: url('/layout_project/template/img/header_1/arrow_button-2.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
  background-size: 20px auto;
}
#header_1 .nav_box .nav_2box .login a.button_reg:hover{
  background-color: #0F90E6;
}
#header_1 .nav_box .nav_2box .login a.button_reg:active{
  background-color: #0F90E6;
}


#header_1 .nav_box .nav_2box .login a.button_login_m{
    background: #D9EEFD;

}
#header_1 .nav_box .nav_2box .login a.button_login_m:hover{
    background-color: #C5DFFB;
}
#header_1 .nav_box .nav_2box .login a.button_login_m:active{
    background-color: #B2D4FA;
}


/* --- БУРГЕР --- */
#header_1 .nav_box .nav_burger{
	display: flex;
	flex-direction: column;
  border-radius: 12px;
    padding: 12px 12px;
    cursor: pointer;
    text-decoration: none;
background: #199AF0;
}
@media (min-width: 993px) {
#header_1 .nav_box .nav_burger{
    display: none !important;
}
}
#header_1 .nav_box .nav_burger .burger {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  width: 20px;
  height: 16px;
  cursor: pointer;
  transition: 0.3s;
  z-index: 1001; /* поверх меню */
}

#header_1 .nav_box .nav_burger .burger span {
  display: block;
  height: 2px;
  width: 100%;
  background-color: #fff;
  border-radius: 2px;
  transition: 0.4s ease;
}

/* Волнообразная анимация крестика */
/*
#header_1 .nav_box .nav_burger .burger.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
  transition-delay: 0s;
}
#header_1 .nav_box .nav_burger .burger.active span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
  transition-delay: 0.1s;
}
#header_1 .nav_box .nav_burger .burger.active span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
  transition-delay: 0.2s;
}
*/
/* Волновое движение при hover */
/*
#header_1 .nav_box .nav_burger .burger:hover span:nth-child(1) { transform: translateX(3px); }
#header_1 .nav_box .nav_burger .burger:hover span:nth-child(2) { transform: translateX(-3px); }
#header_1 .nav_box .nav_burger .burger:hover span:nth-child(3) { transform: translateX(2px); }
*/
/* --- БУРГЕР --- */


/* --- выезжающее МЕНЮ --- */
/* --- толкающее контент --- */
/*
#header_1 .bottom_menu {
  width: 100%;
  background: #fff;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.5s ease;
  z-index: 10;
  margin-top: 10px;
}
*/
/* --- толкающее контент --- */

/* --- поверх контента --- */
#header_1 .bottom_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.4s ease, opacity 0.3s ease;
  z-index: 1000;
      padding: 0 3vw 0 3vw;
}

@media (max-width: 480px) {
#header_1 .bottom_menu {
padding: 17px 0;
}
}

#header_1 .bottom_menu .bottom_menu__inner {
  box-sizing: border-box;

}

#bottom_menu .bottom_menu__inner{
   padding: 20px 30px 40px 30px;
}



#bottom_menu .nav_burger_box-all{
display: flex;
    flex-direction:column;
    justify-content: space-between;

    margin: 0 auto;
    width: 100%;
    padding: 0;
}


#header_1 #bottom_menu .nav_burger_box_panel {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-content:space-between;
    padding-bottom: 30px;
}
#header_1 #bottom_menu .nav_burger_box_panel_logo a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
#header_1 #bottom_menu .nav_burger_box_panel_logo a img {
    width: 40px;
    height: 48px;
}
#header_1 #bottom_menu .nav_burger_box_panel_logo a span {
    font-weight: 700;
    font-size: 24px;
}

#header_1 #bottom_menu a#nav_burger_box_panel_close {
display: flex;
    background: #199AF0;
padding: 12px 12px;
border-radius: 12px;
cursor: pointer;
}

#header_1 #bottom_menu a#nav_burger_box_panel_close:hover{
  background-color: #0F90E6;
}
#header_1 #bottom_menu a#nav_burger_box_panel_close:active{
  background-color: #0F90E6;
}

#header_1 #bottom_menu .nav_burger_box-all{
  display: flex;
  flex-direction: column;
  justify-content:safe;
  height: 100%;
}


@media (min-width: 768px) {
    #header_1 #bottom_menu .nav_burger_box_nav {
       display: none; 
    }

}
#header_1 #bottom_menu .nav_burger_box_nav ul {
    padding: 0 0 40px 0;
    display: flex;
    flex-direction:column;
    gap: 30px;
    align-items: center;
}
@media (max-width: 1200px) {
    #header_1 #bottom_menu .nav_burger_box_nav ul {
        gap: 20px;
    }
}
#header_1 #bottom_menu .nav_burger_box_nav ul li {
    list-style: none;
}


#header_1 #bottom_menu .nav_burger_box_nav ul li a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}
#header_1 #bottom_menu .nav_burger_box_nav ul li a:hover {
    color: #199AF0 !important;
}
/* --- поверх контента --- */

@media (min-width: 993px) {
#header_1 .bottom_menu{
    display: none !important;
}
}

#header_1 .bottom_menu.active {
  height: calc(100vh - 100%); /* занимает ВСЮ высоту окна браузера от низа хедера */
  opacity: 1;
 /* padding: 0 3vw; */
}


#header_1 .bottom_menu.active .bottom_menu__inner {
/*  height: 100%; */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
}



#header_1 .bottom_menu nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
}

#header_1 .bottom_menu nav a {
  text-decoration: none;
  color: #1c2121;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  transition: color 0.3s;
}

#header_1 .bottom_menu nav a:hover {
  color: #0078ff;
}



#header_1 #bottom_menu .nav_burger_box_button a.button_login, #header_1 #bottom_menu .nav_burger_box_button a.button_reg {
    display: flex;
    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    text-align: center;
    max-width: 328px;
}
#header_1 #bottom_menu .nav_burger_box_button {
    display: flex;
    flex-direction:column;
    gap: 20px;
    align-items: center;
}

#header_1 #bottom_menu .nav_burger_box_button a.button_login {
    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #1C2121;
    padding: 12px 20px;
    align-items: center;
    justify-content: center;
}
#header_1 #bottom_menu .nav_burger_box_button a.button_login:hover{
    background-color: #C5DFFB;
}
#header_1 #bottom_menu .nav_burger_box_button a.button_login:active{
    background-color: #B2D4FA;
}

#header_1 #bottom_menu .nav_burger_box_button a.button_reg {
  display: flex;
  flex-direction: row;
  gap: 10px;
    background: #199AF0;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #fff;

        justify-content: center;
        align-items: center;

}
#header_1 #bottom_menu .nav_burger_box_button a.button_reg:hover{
  background-color: #0F90E6;
}
#header_1 #bottom_menu .nav_burger_box_button a.button_reg:active{
  background-color: #0F90E6;
}


#header_1 #bottom_menu .nav_burger_box_button a.button_reg span{
  color: #fff;
}

#header_1 #bottom_menu .nav_burger_box-link{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
#header_1 #bottom_menu .nav_burger_box-link p a{
display: inline;
}
#header_1 #bottom_menu .nav_burger_box-text_1{
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
#header_1 #bottom_menu .nav_burger_box-text_2{
  display: inline-block;
  width: 100%;
  text-align: center;
}
#header_1 #bottom_menu .nav_burger_box-text_2{
  display: inline-block;
  width: 100%;
  text-align: center;
}
#header_1 #bottom_menu .nav_burger_box-text_2 p a{
  color: #4E5A5B;
  text-decoration: none;
}
#header_1 #bottom_menu .nav_burger_box-text_2 p a:hover{
    color: #199AF0 !important;
}
/* --- выезжающее МЕНЮ --- */


/* --- ПРИЛИПАНИЕ HEADER --- */
#header_1 {
  position: sticky;
  top: 0;
  z-index: 100;
  transition: all 0.4s ease;
}
#header_1.sticky-active .nav_box {
  background: rgba(255, 255, 255, 0.4); /* полупрозрачная заливка */
  backdrop-filter: blur(10px); /* эффект стекла */
  -webkit-backdrop-filter: blur(10px); /* поддержка Safari */
 /* border: 1px solid rgba(255, 255, 255, 0.3);  лёгкий контур для реализма */
  transition: all 0.4s ease;
}
/* --- / ПРИЛИПАНИЕ HEADER --- */





/* навигация _2 */
#header_1 .nav_box {
  overflow:visible;
}
#header_1 .login .nav-wrapper {
  position: relative;
  width: fit-content;
}

/* зона с фоном */
#header_1 .login .nav-trigger {
  position: relative;
}

#header_1 .login .nav-bg {
  position: absolute;
  inset: -4px;
  background: transparent;
  border-radius: 20px;
  transition: background 0.3s ease;
}

/* кнопка */
#header_1 .login .nav-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 12px;
}

#header_1 .login .nav-wrapper .nav-toggle:hover{
  background: #D9EEFD;
}

#header_1 .login .nav-wrapper.open .nav-toggle{
  background: #D9EEFD;
}

#header_1 .login .nav-wrapper .nav-toggle svg path{
  color: #7F8C8D;
}
#header_1 .login .nav-wrapper.open .nav-toggle svg path{
  color: #1C2121;
}

/* кружок */
#header_1 .login .circle {
  display: flex;
  justify-content: center;
align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #199AF0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* стрелка справа */
#header_1 .login .arrow {
  transition: transform 0.3s ease;
  color: #333;
}

/* меню */
.nav_2box .login .nav-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  padding: 10px 14px;

  display: flex;
  flex-direction: column;
  gap: 12px;

  transform-origin: top right;
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;

  transition: transform 0.25s ease, opacity 0.25s ease;
  z-index: 1000;
}

#header_1 .login .nav-menu a {
  text-decoration: none;
  color: #333;
  white-space: nowrap;
}

/* открыто */
#header_1 .login .nav-wrapper.open .nav-menu {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;

  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 320px;
  margin-top: 7px;
}

#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1{
	display: flex;
	align-items: center;
	justify-content:start;
	gap: 8px;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 12px;
  border: 1px #E1EDF5 solid;
  color: #1C2121;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1:hover{
    color: #199AF0 !important;

}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1:active{
    color: #0D84D3 !important;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2{
	display: flex;
	align-items: center;
	justify-content:space-between;
	gap: 8px;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 12px;
  border: 1px #E1EDF5 solid;
  color: #1C2121;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2:hover{
    color: #199AF0 !important;

}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2:active{
    color: #0D84D3 !important;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2 span{
  background: #E5F2FB;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  color: #1C2121;
  font-weight: 700;
}

@media (max-width: 360px) {
#header_1 .login .nav-wrapper.open .nav-menu {
  width: 290px;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1 {
  padding: 8px 16px;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2 {
  padding: 8px 16px;
}
}

#header_1 .login .nav-wrapper.open .arrow {
  transform: rotate(180deg);
}
/* навигация _2 */





@media (max-width: 480px) {
#header_1{
    box-shadow: none;
}
#header_1 .nav_box .nav_1box .logo a img {
  width: auto;
  height: 40px;
}
#header_1 #bottom_menu .nav_burger_box_panel_logo a img {
  width: auto;
  height: 40px;
}

#header_1 .nav_box .nav_1box .logo a span {
  font-size: 20px;
}
#header_1 #bottom_menu .nav_burger_box_panel_logo a span {
  font-size: 20px;
}

#header_1 #bottom_menu .nav_burger_box_button a.button_login{
  font-size: 14px;
}
#header_1 #bottom_menu .nav_burger_box_button a.button_reg{
  font-size: 14px;
}
#header_1 .nav_burger_box-text_1 p{
  font-size: 14px;
}

#header_1 .nav_burger_box-text_2 p{
  font-size: 14px;
}
#bottom_menu .bottom_menu__inner {
  padding: 20px 20px 40px 20px;
}
#header_1 .nav_box .nav_2box .login a.button_login_m {
  border-radius: 8px;
  padding: 8px 8px;
}
#header_1 .nav_box .nav_burger {
  border-radius: 8px;
  padding: 8px 8px;

}

  #header_1 .nav_box {
    padding: 10px 30px;
  }

}



/* навигация _2 */
#header_1 .nav_box {
  overflow:visible;
}
#header_1 .login .nav-wrapper {
  position: relative;
  width: fit-content;
}

/* зона с фоном */
#header_1 .login .nav-trigger {
  position: relative;
}

#header_1 .login .nav-bg {
  position: absolute;
  inset: -4px;
  background: transparent;
  border-radius: 20px;
  transition: background 0.3s ease;
}

/* кнопка */
#header_1 .login .nav-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 12px;
}

#header_1 .login .nav-wrapper .nav-toggle:hover{
  background: #D9EEFD;
}

#header_1 .login .nav-wrapper.open .nav-toggle{
  background: #D9EEFD;
}

#header_1 .login .nav-wrapper .nav-toggle svg path{
  color: #7F8C8D;
}
#header_1 .login .nav-wrapper.open .nav-toggle svg path{
  color: #1C2121;
}

/* кружок */
#header_1 .login .circle {
  display: flex;
  justify-content: center;
align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #199AF0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* стрелка справа */
#header_1 .login .arrow {
  transition: transform 0.3s ease;
  color: #333;
}

/* меню */
.nav_2box .login .nav-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  padding: 10px 14px;

  display: flex;
  flex-direction: column;
  gap: 12px;

  transform-origin: top right;
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;

  transition: transform 0.25s ease, opacity 0.25s ease;
  z-index: 1000;
}

#header_1 .login .nav-menu a {
  text-decoration: none;
  color: #333;
  white-space: nowrap;
}

/* открыто */
#header_1 .login .nav-wrapper.open .nav-menu {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;

  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 320px;
  margin-top: 7px;
}

#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1{
	display: flex;
	align-items: center;
	justify-content:start;
	gap: 8px;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 12px;
  border: 1px #E1EDF5 solid;
  color: #1C2121;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1:hover{
    color: #199AF0 !important;

}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1:active{
    color: #0D84D3 !important;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2{
	display: flex;
	align-items: center;
	justify-content:space-between;
	gap: 8px;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 12px;
  border: 1px #E1EDF5 solid;
  color: #1C2121;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2:hover{
    color: #199AF0 !important;

}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2:active{
    color: #0D84D3 !important;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2 span{
  background: #E5F2FB;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  color: #1C2121;
  font-weight: 700;
}

@media (max-width: 360px) {
#header_1 .login .nav-wrapper.open .nav-menu {
  width: 290px;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_1 {
  padding: 8px 16px;
}
#header_1 .login .nav-wrapper.open .nav-menu a.nav-menu_a_2 {
  padding: 8px 16px;
}
}

#header_1 .login .nav-wrapper.open .arrow {
  transform: rotate(180deg);
}
#header_1 .nav_box .nav_burger .burger {
  height: 17px;
}
/* навигация _2 */


@media (max-width: 480px) {
#header_1 .login .circle {
  width: 34px;
  height: 34px;
  font-size: 16px;
}
#header_1 .login .nav-toggle {
  gap: 0;
}
#header_1 .login .arrow{
width: 24px;
}
}
/* header_1 */


/* block-1 */
#block-1,
#block-1 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-1{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-1 .content_box{
  padding: 0 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
  min-height: 615px;

}
@media (max-width: 1200px) {
  #block-1 .content_box{
  padding-bottom: 50px;
/*  background: url('/layout_project/template/img/block-1/img_chibik-1(30).png') no-repeat 100% 0; */
  }
}
@media (max-width: 992px) {
  #block-1 .content_box{
  padding-bottom: 40px;
/*  background: url('/layout_project/template/img/block-1/img_chibik-1(50).png') no-repeat 100% 0; */
    background-size:contain;
  }
}
@media (max-width: 768px) {
  #block-1 .content_box{
  padding-bottom: 30px;
/*  background: url('/layout_project/template/img/block-1/img_chibik-1(70).png') no-repeat 100% 0; */
  background-size:contain;
  }
}

#block-1 .content_box-1box{
  display: inline-block;
  width: 100%;
  background: url('/layout_project/template/img/block-1/img_chibik-1.png') no-repeat;
background-position: bottom right;
background-size: 400px auto; /* ширина 300px, высота пропорционально */
 padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  #block-1 .content_box-1box{
  padding-top: 50px;
padding-bottom: 50px;
background-size: 350px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 992px) {
  #block-1 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 310px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 768px) {
  #block-1 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 270px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 480px) {
  #block-1 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 360px) {
  #block-1 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-1 .content_box .content_box-1{
display: flex;
flex-direction: column;
gap: 38px;
max-width: 750px;
width: 100%;
}
@media (max-width: 1200px) {
#block-1 .content_box .content_box-1 {
    max-width: 750px;
}
}
@media (max-width: 992px) {
#block-1 .content_box .content_box-1 {
    max-width: 540px;
}

}
@media (max-width: 768px) {
#block-1 .content_box .content_box-1 {
    max-width: 450px;
}
#block-1  .content_box-1_t1{
  width: 80%;
}
}
@media (max-width: 480px) {
#block-1 .content_box .content_box-1 {
    max-width: 100%;
}
}
@media (max-width: 360px) {
#block-1 .content_box .content_box-1 {
    max-width: 300px;
}
}

#block-1 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);

}
#block-1 .content_box .content_box-1 h1 span{
  color: #199AF0;
}
#block-1 .content_box .content_box-1 .content_box-1_t1{
  font-style: Semi;
  font-weight: 500;
  line-height: 32px;
  font-size: clamp(20px, 2vw, 24px);
  color: #585B5B;
}
#block-1 .content_box .content_box-1 .content_box-1_t1 span{
  display: inline-block;
  margin-right: 8px;
  padding: 4px 12px;
  border-radius: 1000px;
  color: #199AF0;
  border: 3px #199AF0 solid;
  font-size: clamp(16px, 5vw, 18px);
  font-weight: 900;
}
#block-1 .content_box .content_box-1 .content_box-1_t2{
  display: flex;
  flex-direction: row;
  gap: 25px;
  justify-content: left;
  flex-wrap: wrap;
}

@media (max-width:580px) {
  #block-1 .content_box .content_box-1 .content_box-1_t2{
  display: flex;
  flex-direction:column;
  gap: 20px;
  justify-content: left;
}
}

#block-1 .content_box .content_box-1 .content_box-1_t2 p {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: left;
  text-transform: uppercase;
  font-size: 12px;
}
#block-1 .content_box .content_box-1 .content_box-1_t2 p span{
display: inline-block;
background:url('/layout_project/template/img/block-1/check_mark.svg') no-repeat #199AF0 center center;
border-radius: 6px;
width: 24px;
height: 24px;
border-radius: 6px;
}

#block-1 .content_box .content_box-2{
  display: flex;
  flex-direction: column;
  width:auto;
  box-shadow: 0px 0px 128px 0px #3498DB1F;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form{
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
  align-items:start;
}
@media (max-width: 768px) {
  #block-1 .content_box .content_box-2 .content_box-2_t1 form{
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1, #block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  display: flex;
  flex-direction: column;
  gap: 14px;
}


#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1{
    flex: 1; /* занимает всё оставшееся место */
}


#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input{
width:auto;
height: 56px;
line-height: 56px;
border-radius: 8px;
padding: 16px 16px 16px 62px;
border: 2px dashed #199AF0;

font-weight: 400;
font-size:  clamp(16px, 2vw, 18px);

  background: url('/layout_project/template/img/block-1/search_img-1.png') no-repeat 10px center;
  background-size: 36px;

}


#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button:hover{
  background-color: #0F90E6;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button:active{
  background-color: #0D84D3;
}


#block-1 .content_box .content_box-2 .content_box-2_t1_form-1 input:focus {
  outline: none; /* убираем стандартную рамку */
  box-shadow: none; /* на всякий случай убираем glow у Chrome/Safari */
}


#block-1 .content_box .content_box-2 .content_box-2_t1_form-1::after {
  color: #1C2121;
}
#block-1 .content_box .content_box-2 .content_box-2_t1_form-1.active::after {
  color: #1C2121;
}

/* мигание линии */
@keyframes blink {
  50% { opacity: 0.4; }
}


#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input:hover{
    background-color: #ECF7FE;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input:active{
    background-color: #fff;
}


  #block-1 .content_box .content_box-2{
    padding: 18px;
  }
  #block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input{

width: 100%;
background-size: 22px;
padding-left: 40px;
}
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 span{
  background: url('/layout_project/template/img/block-1/attention-1.png') no-repeat 0 center;
  font-weight: 500;
  padding-left: 30px;
  font-size: 17px;
  font-size: clamp(12px, 2vw, 17px);
  line-height: 22px;
  text-align:left;
  color: #585B5B;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
    width: 200px;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button {
    height: 56px;
/*    padding-left: 30px; */
    width:auto;
    background: #199AF0;
    font-weight: 500;
    font-size:  clamp(16px, 2vw, 18px);
    color: #fff;
/*    background-image: url('/layout_project/template/img/block-1/star_button-1.svg'); */
    background-repeat: no-repeat;
    background-position: left 20px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}

@media (max-width: 992px) {
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 25px; */
    background-position: left 20px center;
}
}
@media (max-width: 768px) {
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 20px; */
    background-position: left 20px center;
}
}
@media (max-width: 668px) {
  /*
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
    text-indent: -9999px; /* скрыть текст */
    overflow: hidden;
    position: relative;
  }
  */
#block-1 .content_box .content_box-2 .content_box-2_t1 form{
  gap: 30px;
}
}
@media (max-width: 668px) {
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
    padding-left: 18px;
    background-position: center center;
}
}

#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 span{
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #199AF0;
}

#block-1 .content_box .select-hint{
    width: 100%;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
  color: #1C2121;
}
#block-1 .content_box .select-hint span{
background-image:none;
    padding-left: 0;
}
@media (min-width: 768px) {
#block-1 .content_box .select-hint{
  text-align:left !important;
}
}


@media (max-width: 768px) {
#block-1 .content_box #select-hint_pc{
display: none !important;
}
}

@media (min-width: 768px) {
#block-1 .content_box #select-hint_m{
display: none !important;
}
}



#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 .select-hint span{
  color: #1C2121;
}

#block-1 .content_box .content_box-3{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width:auto;

    background: #F5FAFE;
  padding: 10px;
  border-radius: 12px;
}

#block-1 .content_box .content_box-3 .mySwiper {
    width: 100%;
  }

#block-1 .content_box .content_box-3 .swiper-slide {
    display: flex;
    flex-direction:column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;

    font-size: 1rem;
    text-align: center;
    /* чтобы текст красиво переносился внутри слайда */
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
  }


#block-1 .content_box .content_box-3 .swiper-slide:hover{
    background: #ECF6FE;
}
#block-1 .content_box .content_box-3 .swiper-slide:active{
    background: #D9EEFD;
}
#block-1 .content_box .content_box-3 .swiper-slide:hover strong{
  color: #199AF0;
}
#block-1 .content_box .content_box-3 .swiper-slide:active strong{
  color: #199AF0;
}


  /* Опционально: если хочешь, чтобы слайды имели макс ширину (например карточки) */
#block-1 .content_box .content_box-3 .swiper-slide .content {
    width: 100%;
  }

  #block-1 .content_box .content_box-3 .swiper-slide strong{
    font-weight: 600;
    font-size: 14px;
  }
    #block-1 .content_box .content_box-3 .swiper-slide p{
    font-weight: 400;
    font-size: 12px;
  }

#block-1 .content_box-2_t1_form-1 span{
    background-image: url('/layout_project/template/img/block-1/attention-1.png');
    background-repeat: no-repeat;
    background-position: left 0 center;
    padding-left: 30px;
}




#block-1 .block-1__button {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content:center;
align-items: flex-start;
  margin-top: 40px;
}
#block-1 .block-1__button-1 a{
  display: inline-block;

    line-height: 56px;
    padding: 0 30px 0 60px;

    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url('/layout_project/template/img/block-1/star_button-1.svg');
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}

#block-1  .block-1__button-1 a:hover{
  background-color: #0F90E6;
}
#block-1  .block-1__button-1 a:active{
  background-color: #0F90E6;
}

@media (max-width: 480px) {
#block-1 .block-1__button {
  align-items: center;
}
}



@media (max-width: 480px) {
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  width: 100%;
}
#block-1 .content_box-2_t1_form-1 span{
display: none;
}
#block-1 .content_box-2_t1_form-1{
  max-width: 100%;
  width: 100%;
}
}


#block-1 .content_box-2_t1_form-1 label.checkbox-label {
    font-weight: 700;
    font-size: clamp(15px, 2vw, 15px);
}

#block-1 .content_box-2_t1_form-1 #plan-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#block-1 .content_box-2_t1_form-1 #plan-container .plan-item input {
font-size: clamp(14px, 2vw, 14px);
height: 42px;
line-height: 42px;
padding: 8px 8px 8px 62px;
    border: 1px dashed #199AF0;
}
#block-1 .content_box-2_t1_form-1 #plan-container .plan-item button {
    font-size: 14px;
    color: #4E5A5B;
text-decoration: underline;
    border: none;
    background: none;
    box-shadow: none;
}
#block-1 .content_box-2_t1_form-1 #plan-container button:hover{
    color: #199AF0 !important;
}
#block-1 .content_box-2_t1_form-1 #plan-container button:active{
    color: #0D84D3 !important;
}

#block-1 .content_box-2_t1_form-1 #plan-input label{
        font-size: 16px;
        margin-bottom: 20px;
            font-weight: 500;
    color: #333;
}
#block-1 .content_box-2_t1_form-1 #plan-input #plan-container label{
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        font-weight: 700;
}
#block-1 .content_box-3 a p{
	color:#7F8C8D;
}


#block-1 .swiper-slide.page-active{
	border: 1px solid rgb(25, 154, 240);
	background-color: #ECF7FE !important;
}

/* < 480px */
@media (max-width: 480px) {
#block-1 .content_box .content_box-1 h1 {
  font-size: clamp(28px, 2vw, 60px);
  line-height: 120%;
}
#block-1 .content_box .content_box-1 .content_box-1_t1{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}
#block-1 .content_box .content_box-1 {
  gap: 20px;
}
#block-1 .content_box-1box {
    padding-top: 20px;
    padding-bottom: 20px;
}
#block-2 .block-2__title {
  font-size: 28px;
}
#block-14 .block-14__box_all-box-box_1-title {
  font-size: 28px;
  line-height: 140%;
}
#block-14 .block-14__box_all-box {
  padding: 20px 20px;
}
#block-1 .content_box {
  min-height:auto;
}
}
/* < 480px */

@media (max-width: 480px) {
#block-1 .content_box .content_box-1 .content_box-1_t1 {
  font-size: 18px;
  line-height: 120%;
}
#block-1 .content_box .content_box-1 .content_box-1_t1 span{
    font-size: 14px;
}
#block-1 .content_box .content_box-1 {
    gap: 20px;
}
#block-1 .content_box .content_box-3 .swiper-slide {
  gap: 0;
  min-height: 40px;
  padding: 5px;
}
 #block-1 .content_box {
    padding-bottom: 0;
  }
  #block-1 .content_box .content_box-1 .content_box-1_t2 {
    gap: 10px;
  }
  
#block-1 #generate-form, #block-1 .preview-content {
    padding: 0;
  }
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input {
  border: 1px dashed #199AF0;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input {
  font-size: 14px;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 span {
  font-size: 12px;
}

#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input {
  height: 40px;
  line-height: 40px;
  padding: 10px 10px 10px 62px;
}
#block-1 .content_box .content_box-2 {
  margin-bottom: 10px;
}
#block-1 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button {
  height: 40px;
}
  #block-1 .content_box-1box {
    background-size: 180px auto;
  }
#block-1 .content_box .content_box-3 {
  margin-top: 0;
}
#block-1 .content_box .content_box-2 {
  padding: 13px;
}
#block-1 .content_box .content_box-1 .content_box-1_t2 p span {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
}


@media (max-width: 360px) {
#block-1 .content_box .content_box-1 .content_box-1_t1 {
  font-size: 14px;
  line-height: 120%;
}
#block-1 .content_box .content_box-1 .content_box-1_t2 p{
    font-size: 10px;
}
  #block-1 .content_box-1box {
    background-size: 164px auto;
  }
}



#plan-checkbox-container {
  display: none !important;
}
#plan-input{
  display: none !important;
}


#block-1 .content_box2P{
    padding-bottom: 0;
    min-height:0;
}
@media (max-width: 640px) {
 #block-1 .content_box2P .content_box-1box {
background-position-y:  220px;
}
}
@media (max-width: 480px) {
 #block-1 .content_box2P .content_box-1box {
background-position-y:  130px !important;
}
}
/* block-1 */



/* block-2 */
#block-2,
#block-2 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-2{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-2 a:hover{
    color: #199AF0 !important;
}
#block-2 a:active{
    color: #0D84D3 !important;
}
#block-2 .block-2{
  padding: 60px 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-2 .block-2{
  padding-top: 50px;
  padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  #block-2 .block-2{
  padding-top: 40px;
  padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  #block-2 .block-2{
  padding-top: 30px;
  padding-bottom: 0;
  }
}

  #block-2 .block-2__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
@media (max-width: 1200px) {
  #block-2 .block-2__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-2 .block-2__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-2 .block-2__title{
  padding-bottom: 30px;
}
}



#block-2 .block-2__box_all{
  display: flex;
  flex-direction: row;
  gap: 22px;
  flex-wrap: wrap;
}
#block-2 .block-2__box_all-box{
  flex: 1 1 calc(33.333% - 20px); /* по 3 в ряд */
}
@media (max-width: 992px) {
#block-2 .block-2__box_all-box{
  flex: 1 1 calc(50% - 20px); /* по 2 в ряд */
}
}
@media (max-width: 768px) {
#block-2 .block-2__box_all-box{
  flex: 1 1 100%; /* по 1 в ряд */
}
}

  #block-2 .block-2__box_all-box{
  display: flex;
  flex-direction:column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
  position: relative;

}
  #block-2 .block-2__box_all-box-1{
  display: flex;
  flex-direction:row;
  gap: 20px;
    justify-content: space-between;
  align-items: center;
  }

#block-2 .block-2__box_all-box-1-2{
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
#block-2 .block-2__box_all-box:nth-child(1) .block-2__box_all-box-1-2{
	background: #DAFBF4;
}
#block-2 .block-2__box_all-box:nth-child(2) .block-2__box_all-box-1-2{
	background: #DAE5FB;
}
#block-2 .block-2__box_all-box:nth-child(3) .block-2__box_all-box-1-2{
	background: #F9F4E3;
}
#block-2 .block-2__box_all-box:nth-child(4) .block-2__box_all-box-1-2{
	background: #ECD7FB;
}
#block-2 .block-2__box_all-box:nth-child(5) .block-2__box_all-box-1-2{
	background: #DAFBF4;
}
#block-2 .block-2__box_all-box:nth-child(6) .block-2__box_all-box-1-2{
	background: #ECD7FB;
}
#block-2 .block-2__box_all-box:nth-child(7) .block-2__box_all-box-1-2{
	background: #DAFBF4;
}
#block-2 .block-2__box_all-box:nth-child(8) .block-2__box_all-box-1-2{
	background: #DAE5FB;
}
#block-2 .block-2__box_all-box:nth-child(9) .block-2__box_all-box-1-2{
	background: #F9F4E3;
}

  #block-2 .block-2__box_all-box-2{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }
  #block-2 .block-2__box_all-box-4{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }



#block-2 .block-2__box_all {
  overflow: hidden;
  transition: max-height 0.4s ease;
}



/* раскрытие / сворачивание */
#block-2 .block-2__more {
  text-align: center;
  margin-top: 20px;
}

#block-2 .block-2__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;

    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;

    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
color: #1C2121;

  transition: color 0.3s ease;
  user-select: none;
}

#block-2 .block-2__toggle:hover{
    background-color: #C5DFFB;
}
#block-2 .block-2__toggle:active{
    background-color: #B2D4FA;
}

/* стрелка — делаем через псевдоэлемент */
#block-2 .block-2__toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* при раскрытии — стрелка вверх */
#block-2 .block-2__toggle.active::after {
  transform: rotate(-135deg);
}

/* плавное раскрытие блока */
#block-2 .block-2__box_all {
  transition: max-height 0.4s ease;
}
/* раскрытие / сворачивание */




#block-2 .block-2__box_all-box-1-1{
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
}
#block-2 .block-2__box_all-box-2-1{
padding: 8px 12px;
border-radius: 8px;
font-size: 14px;
color: #1C2121;
}

#block-2 .block-2__box_all-box:nth-child(1) .block-2__box_all-box-2-1{
	background: #DAFBF4;
}
#block-2 .block-2__box_all-box:nth-child(2) .block-2__box_all-box-2-1{
	background: #DAE5FB;
}
#block-2 .block-2__box_all-box:nth-child(3) .block-2__box_all-box-2-1{
	background: #F9F4E3;
}
#block-2 .block-2__box_all-box:nth-child(4) .block-2__box_all-box-2-1{
	background: #ECD7FB;
}
#block-2 .block-2__box_all-box:nth-child(5) .block-2__box_all-box-2-1{
	background: #DAFBF4;
}
#block-2 .block-2__box_all-box:nth-child(6) .block-2__box_all-box-2-1{
	background: #ECD7FB;
}
#block-2 .block-2__box_all-box:nth-child(7) .block-2__box_all-box-2-1{
	background: #DAFBF4;
}
#block-2 .block-2__box_all-box:nth-child(8) .block-2__box_all-box-2-1{
	background: #DAE5FB;
}
#block-2 .block-2__box_all-box:nth-child(9) .block-2__box_all-box-2-1{
	background: #F9F4E3;
}

#block-2 .block-2__box_all-box-2-2{
padding: 8px 12px;
background: #F2F4F6;
border-radius: 8px;
font-size: 14px;
color: #606B6C;
}

#block-2 .block-2__box_all-box-3{
  font-size: 14px;
  color: #585B5B;
  line-height: 140%;
}
#block-2 .block-2__box_all-box-4-1{
  cursor: pointer;
  padding-left: 30px;
  font-size: 14px;
  color: #199AF0;
  background-image: url('/layout_project/template/img/block-2/block-2_img2-eye.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}


#block-2 .pagination_block-2 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: 40px 0 30px 0;
    flex-wrap: wrap;
}
#block-2 .pagination_block-2 a{
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
    background: #D9EEFD;
    color: #1C2121 !important;
}
#block-2 .pagination_block-2 a:hover{
    background-color: #C5DFFB;
    color: #1C2121 !important;
}
#block-2 .pagination_block-2 a:active{
    background-color: #B2D4FA;
    color: #1C2121 !important;
}

#block-2 .pagination_block-2 a.active_block-2{
    background: #199AF0;
    color:#fff !important;
}
#block-2 .pagination_block-2 a.active_block-2:hover{
  background-color: #0F90E6;
  color:#fff !important;
}
#block-2 .pagination_block-2 a.active_block-2:active{
  background-color: #0F90E6;
  color:#fff !important;
}

#block-2 .block-2__box_all-box-1-1 p a{
overflow: auto;
  max-height: 80px;
  display: block;
  padding-right: 5px;
overflow-wrap: break-word; /* Основное, современное */
word-break: break-word;    /* Фолбэк для старых браузеров */
}

/* < 480px */
@media (max-width: 480px) {
#block-2 .block-2__title{
  line-height: 120%;
  font-size: 28px;
padding-bottom: 20px;
}
#block-2 .block-2__box_all-box {
  gap: 16px;
}
  #block-2 .block-2 {
    padding-top: 20px;
  }
#block-2 .block-2__box_all-box-2-1 {
  font-size: 12px;
}
#block-2 .block-2__box_all-box-2-2 {
  font-size: 12px;
}
#block-2 .block-2__box_all-box-1-1 p a {
  line-height: 120%;
}
}


@media (max-width: 480px) {
  #block-2 h1.block-2__title {
    font-size: 28px;
    line-height: 140%;
  }
}
@media (max-width: 360px) {
  #block-2 h1.block-2__title {
    font-size: 24px;
  }
}
/* < 480px */
/* block-2 */



/* block-3 */
#block-3,
#block-3 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-3{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-3 .block-3{
  padding: 60px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-3 .block-3{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-3 .block-3{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-3 .block-3{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}

  #block-3 .block-3__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
  #block-3 .block-3__title-1{
    display: inline-block;
    width: 100%;
  font-weight: 500;
  font-size: clamp(16px, 2vw, 20px);
  text-align: center;
  color: #585B5B;
}
@media (max-width: 1200px) {
  #block-3 .block-3__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-3 .block-3__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-3 .block-3__title{
  padding-bottom: 30px;
}
}



#block-3 .block-3__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
    justify-content:space-around;
  align-items: flex-end;
}

#block-3 .block-3__box_all-box {
  flex: 1 1 calc(25% - 22px); /* 4 в ряд */
}

@media (max-width: 992px) {
  #block-3 .block-3__box_all-box {
    flex: 1 1 calc(50% - 22px); /* 2 в ряд */
  }
}

@media (max-width: 768px) {
  #block-3 .block-3__box_all-box {
    flex: 1 1 100%; /* 1 в ряд */
  }
}


  #block-3 .block-3__box_all-box-1,  #block-3 .block-3__box_all-box-2,  #block-3 .block-3__box_all-box-3, #block-3 .block-3__box_all-box-4{
    max-width: 280px;
    width:auto;
  display: flex;
  flex-direction:column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
  justify-content:center;
align-items:center;
text-align: center;
}
@media (max-width: 1200px) {
  #block-3 .block-3__box_all-box-1,  #block-3 .block-3__box_all-box-2,  #block-3 .block-3__box_all-box-3, #block-3 .block-3__box_all-box-4{
    max-width: 320px;
}
}

#block-3 .block-3__box_all-box-1{
	background: #F0F0FA;
}
#block-3 .block-3__box_all-box-2{
	background: #ECF4FE;
}
#block-3 .block-3__box_all-box-3{
	background: #E8F7F7;
}
#block-3 .block-3__box_all-box-4{
	background: #F0F4FA;
}

#block-3 .block-3__box_all-box-1-1{
  color: #1C2121;
  font-size: 20px;
  font-weight: bold;
}
#block-3 .block-3__box_all-box-2-1{
  color: #1C2121;
  font-size: 20px;
  font-weight: bold;
}
#block-3 .block-3__box_all-box-3-1{
  color: #1C2121;
  font-size: 20px;
  font-weight: bold;
}
#block-3 .block-3__box_all-box-4-1{
  color: #1C2121;
  font-size: 20px;
  font-weight: bold;
}

#block-3 .block-3__box_all-box-1-2{
  color: #4E5A5B;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
#block-3 .block-3__box_all-box-2-2{
  color: #4E5A5B;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
#block-3 .block-3__box_all-box-3-2{
  color: #4E5A5B;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
#block-3 .block-3__box_all-box-4-2{
  color: #4E5A5B;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}



#block-3 .block-3__box_all-box-1-3{
  color: #1C2121;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
}
#block-3 .block-3__box_all-box-2-3{
  color: #1C2121;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
}
#block-3 .block-3__box_all-box-3-3{
  color: #1C2121;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
}
#block-3 .block-3__box_all-box-4-3{
  color: #1C2121;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
}

#block-3 .block-3__box_all-box-1-4 img, #block-3 .block-3__box_all-box-2-4 img, #block-3 .block-3__box_all-box-3-4 img, #block-3 .block-3__box_all-box-4-4 img{
  width: auto;
  max-width: 100%;
}



#block-3 .block-3__box_all {
  align-items: stretch;
}
#block-3 .block-3__box_all-box-1, #block-3 .block-3__box_all-box-2, #block-3 .block-3__box_all-box-3, #block-3 .block-3__box_all-box-4 {
  align-content: flex-start;
  justify-content: normal;
}

/* < 480px */
@media (max-width: 480px) {
#block-3 .block-3__title{
  line-height: 120%;
  font-size: 28px;
}
  #block-3 .block-3__box_all-box-1, #block-3 .block-3__box_all-box-2, #block-3 .block-3__box_all-box-3, #block-3 .block-3__box_all-box-4 {
    max-width: 100%;
  }
  
#block-3 .block-3__box_all-box-1-1 {
  font-size: 18px;
}
#block-3 .block-3__box_all {
  gap: 14px;
}
block-3 .block-3__box_all-box-1, #block-3 .block-3__box_all-box-2, #block-3 .block-3__box_all-box-3, #block-3 .block-3__box_all-box-4 {
  gap: 14px;
}
#block-3 .block-3__box_all-box-1-4 img, #block-3 .block-3__box_all-box-2-4 img, #block-3 .block-3__box_all-box-3-4 img, #block-3 .block-3__box_all-box-4-4 img {
  margin-top: 10px;
}
}
/* < 480px */
/* block-3 */



/* block-4 */
#block-4,
#block-4 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-4{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-4 .block-4{
  padding: 20px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-4 .block-4{
  padding-top: 20px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-4 .block-4{
  padding-top: 20px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-4 .block-4{
  padding-top: 20px;
  padding-bottom: 30px;
  }
}

#block-4 .block-4__button {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content:center;
  align-items:center;
}
#block-4 .block-4__button-1 a{
  display: inline-block;

    line-height: 56px;
    padding: 0 30px 0 60px;

    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url('/layout_project/template/img/block-4/star_button-1.svg');
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}

#block-4  .block-4__button-1 a:hover{
  background-color: #0F90E6;
}
#block-4  .block-4__button-1 a:active{
  background-color: #0F90E6;
}

#block-4 .block-4__button-2{
  display: inline-block;
  width: 100%;
  color: #1C2121;
  font-size: 14px;
  text-align: center;
}


@media (max-width: 480px) {
 #block-4 .block-4 {
    padding-top: 0;
  }
}
/* block-4 */


/* block-5 */
#block-5,
#block-5 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-5{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-5 .block-5{
  padding: 20px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-5 .block-5{
  padding-top: 20px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-5 .block-5{
  padding-top: 20px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-5 .block-5{
  padding-top: 20px;
  padding-bottom: 30px;
  }
}

  #block-5 .block-5__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}



#block-5 .block-5__box_all {
  display: flex;
  flex-direction: row;
  gap: 22px;
}

@media (max-width: 992px) {
  #block-5 .block-5__box_all {
    flex-direction: column;
    gap: 50px;
  }
}


#block-5 .block-5__box_all-box-1 {
  display: flex;
  flex-direction:column;
  gap: 22px;
  flex: 0 0 400px;

 justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 992px) {
#block-5 .block-5__box_all-box-1 {
  flex: 0 0 auto;   /* даём блокам вести себя как обычные элементы */
 justify-content:center;
         align-items: center;
}
}


  #block-5 .block-5__box_all-box-1a{
  display: flex;
  flex-direction:column;
  gap: 22px;
  width: 100%;
  max-width: 400px;
  }

#block-5 .block-5__box_all-box-2 {
  display: flex;
  flex-wrap: wrap; /* важно! перенос строк */
  gap: 22px;
justify-content:flex-end;

    padding: 24px;
    background: #F7F9FC;
    border-radius: 32px;
}

#block-5 .block-5__box_all-box-2-box-item {
  flex: 1 1 calc(50% - 22px); /* 2 в ряд */
  display: flex;
  flex-direction: column;
  gap: 10px;
}


#block-5 .block-5__box_all-box-1a {
    max-width: 400px;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 48px;
    border: 1px solid #E1EDF5;
    border-radius: 32px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
    justify-content: center;
    align-items: center;
    text-align: center;
background: linear-gradient(0deg, #2CA2F2, #52B3F4);


}


#block-5  .block-5__box_all-box-2-box-item{
    max-width: 380px;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: 1px solid #E1EDF5;
    border-radius: 12px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
    justify-content: center;
    align-items: center;
    text-align:left;
}
/* ниже 768px — 1 в ряд */
@media (max-width: 768px) {
  #block-5 .block-5__box_all-box-2{
    flex-direction: column;
    flex-wrap: nowrap;
     align-items: center;

  }
  #block-5 .block-5__box_all-box-2-box-item {
    flex: 1 1 100%;

           width: 100%;
  max-width: 400px;
  }
}
#block-5  .block-5__box_all-box-2-box-item-1{
  display: flex;
  width: 100%;
flex-direction: row;
gap: 20px;
justify-content:space-between;
align-items: center;
}

#block-5 .block-5__box_all-box-1a-box-title{
  font-weight: 700;
font-size: clamp(20px, 2vw, 24px);
line-height: 120%;
color: #fff;
}
#block-5 .block-5__box_all-box-1a-box-text{
font-weight: 500;
font-size: clamp(14px, 2vw, 16px);
line-height: 140%;
color: #fff;
}
#block-5 .block-5__box_all-box-1a-box-button a{
  display: inline-block;
  margin-top: 10px;
width: 150px;
height: 41px;
border-radius: 12px;
gap: 8px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
color:#FFF;
text-decoration: none;
color: #1C2121;
background: #fff;
font-weight: 600;
}
#block-5 .block-5__box_all-box-1a-box-button a:hover{
    background-color: #C5DFFB;
}
#block-5 .block-5__box_all-box-1a-box-button a:active{
    background-color: #B2D4FA;
}
#block-5 .block-5__box_all-box-1a-box-img img{
width: 100%;
max-width: 304px;
}

#block-5 .block-5__box_all-box-2-box-item-1-1{
  font-weight: 700;
font-size: clamp(18px, 2vw, 20px);
line-height: 140%;
color:#1C2121;
}
#block-5 .block-5__box_all-box-2-box-item-2{
  font-weight: 400;
font-size: 14px;
line-height: 160%;
color:#4E5A5B;
}

@media (max-width: 992px) {
#block-5 .block-5__box_all-box-2 {
    justify-content: center;
}
}


/* < 480px */
@media (max-width: 480px) {
#block-5 .block-5__title{
  line-height: 120%;
  font-size: 28px;
}
#block-5 .block-5__box_all-box-1a-box-button a {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 600;
  line-height: 41px;
}
#block-5 .block-5__title {
  padding-bottom: 20px;
}
#block-5 .block-5__box_all-box-1a {
  padding: 24px;
}
#block-5 .block-5__box_all-box-1a-box-title {
  font-size: 18px;
}
#block-5 .block-5__box_all-box-1a-box-button a {
  font-size: 13px;
}
#block-5 .block-5__box_all-box-1a {
  gap: 16px;
}
#block-5 .block-5__box_all-box-2 {
  gap: 10px;
  padding: 0;
  background: none;
}
#block-5 .block-5__box_all {
    gap: 20px;
  }
#block-5 .block-5__box_all-box-2-box-item {
  gap: 10px;
}
}
/* < 480px */
/* block-5 */



/* block-6 */
#block-6,
#block-6 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-6{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-6 .block-6{
  padding: 20px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-6 .block-6{
  padding-top: 20px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-6 .block-6{
  padding-top: 20px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-6 .block-6{
  padding-top: 20px;
  padding-bottom: 30px;
  }
}

  #block-6 .block-6__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}



#block-6 .block-6__box_all {
  display: flex;
  flex-direction: row;
  gap: 22px;
  flex-wrap: wrap;
  overflow: visible !important;
}




#block-6 .block-6__box_all-box-1, #block-6 .block-6__box_all-box-2, #block-6 .block-6__box_all-box-3 {
  display: flex;
  flex-direction:column;
  gap: 22px;
  flex: 1; /* по 3 в ряд */

 justify-content: space-between;
flex-wrap: wrap;
  align-items: stretch; /* делает все флекс-элементы одной высоты */
}

#block-6 .block-6__box_all-box-1 > div,
#block-6 .block-6__box_all-box-2 > div,
#block-6 .block-6__box_all-box-3 > div {
  flex: 1; /* растягивает дочерние блоки на одинаковую высоту */
}

@media (max-width: 768px) {
#block-6 .block-6__box_all-box-1, #block-6 .block-6__box_all-box-2{
	flex: 1 1 calc(50% - 20px); /* по 2 в ряд */
}
#block-6 .block-6__box_all-box-3 {
	flex: 1 1 calc(100% - 20px); /* по 1 в ряд */
}
}

@media (max-width: 480px) {
#block-6 .block-6__box_all-box-1, #block-6 .block-6__box_all-box-2, #block-6 .block-6__box_all-box-3 {
 flex: 1 1 calc(100% - 20px); /* по 1 в ряд */
}
}


#block-6 .block-6__box_all-box-1-1, #block-6 .block-6__box_all-box-1-2, #block-6 .block-6__box_all-box-2-1, #block-6 .block-6__box_all-box-2-2, #block-6 .block-6__box_all-box-3{
    display: flex;
    width: 100%;

    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: 1px solid #E1EDF5;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
    justify-content: center;
    align-items: center;
}
#block-6 .block-6__box_all-box-1-1{
    text-align: left;
}
#block-6 .block-6__box_all-box-1-2{
    text-align: left;
}
#block-6 .block-6__box_all-box-2-1{
    text-align: left;
}
#block-6 .block-6__box_all-box-2-2{
    text-align: left;
}
#block-6 .block-6__box_all-box-3{
    text-align: center;
}

#block-6 .block-6__box_all-box-1-1-2 img{
  max-width: 352px;
  width: 100%;
}
#block-6 .block-6__box_all-box-1-2-2 img{
  width: 96px;
}
#block-6 .block-6__box_all-box-2-1-2 img{
  width: 96px;
}
#block-6 .block-6__box_all-box-3-1 img{
  max-width: 225px;
  width: 100%;
}
#block-6 .block-6__box_all-box-1-1{
	background: #F0F4FA;
}
#block-6 .block-6__box_all-box-1-2{
	background: #F0F0FA;
}
#block-6 .block-6__box_all-box-2-1{
	background: #E8F7F7;
}
#block-6 .block-6__box_all-box-2-2{
	background: #F6F7F9;
}
#block-6 .block-6__box_all-box-3{
	background: #ECF4FE;
}
#block-6 .block-6__box_all-box-1-2{
  display: flex;
  flex-direction: row;
  gap: 24px;
}
#block-6 .block-6__box_all-box-2-1{
  display: flex;
  flex-direction: row;
  gap: 24px;
}


#block-6 .block-6__box_all-box-2-2-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* расстояние между карточками */
}

#block-6 .block-6__box_all-box-2-2-2 > div {
  width: calc(50% - 5px); /* 50% минус половина gap */
  box-sizing: border-box;
}

#block-6 .block-6__box_all-box-2-2-2-1,
#block-6 .block-6__box_all-box-2-2-2-2,
#block-6 .block-6__box_all-box-2-2-2-3,
#block-6 .block-6__box_all-box-2-2-2-4 {
  padding: 12px 16px;
  border: 1px solid #E1EDF5;
  border-radius: 16px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #1C2121;
}

#block-6 .block-6__box_all-box-1-1-title{
    font-weight: 700;
    font-size: clamp(18px, 2vw, 20px);
    line-height: 140%;
    color: #1C2121;
        display: inline-block;
    width: 100%;
}

#block-6 .block-6__box_all-box-3-2{
      font-weight: 700;
    font-size: clamp(18px, 2vw, 20px);
    line-height: 140%;
    color: #1C2121;
}

#block-6 .block-6__box_all-box-1-2-1-1{
      font-weight: 500;
    font-size: clamp(42px, 2vw, 64px);
    line-height: 140%;
    color: #1C2121;
    line-height: 100%;
}

#block-6 .block-6__box_all-box-1-2-1-2{
font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #1C2121;
}
#block-6 .block-6__box_all-box-2-1-1-1{
      font-weight: 500;
    font-size: clamp(42px, 2vw, 64px);
    line-height: 140%;
    color: #1C2121;
    line-height: 100%;
}
#block-6 .block-6__box_all-box-2-1-1-2{
font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #1C2121;
}
#block-6 .block-6__box_all-box-1-2-1, #block-6 .block-6__box_all-box-2-1-1{
display: flex;
flex-direction: column;
gap: 5px;
}
#block-6 .block-6__box_all-box-2-2-title {
    font-weight: 700;
    font-size: clamp(18px, 2vw, 20px);
    line-height: 140%;
    color: #1C2121;
    margin-bottom: 60px;
        display: inline-block;
    width: 100%;
}
@media (max-width: 768px) {
  #block-6 .block-6__box_all-box-2-2-title {
    margin-bottom: 40px;
}
}

@media (max-width: 480px) {
    #block-6 .block-6__box_all-box-2-2-title {
    margin-bottom: 30px;
}
}


/* < 480px */
@media (max-width: 480px) {
#block-6 .block-6__title{
  line-height: 120%;
  font-size: 28px;
  padding-bottom: 20px;
}
#block-6 .block-6__box_all-box-1-1, #block-6 .block-6__box_all-box-1-2, #block-6 .block-6__box_all-box-2-1, #block-6 .block-6__box_all-box-2-2, #block-6 .block-6__box_all-box-3 {
  gap: 5px;
  padding: 24px;
}
#block-6 .block-6__box_all-box-1-2 {
  justify-content: space-between;
}
#block-6 .block-6__box_all-box-2-1 {
  justify-content: space-between;
}
#block-6 .block-6__box_all-box-2-2-2 {
  gap: 10px;
  flex-direction: column;
  width: 100%;
}
#block-6 .block-6__box_all-box-1-2-2 img {
  width: 100%;
  max-width: 64px;
}
#block-6 .block-6__box_all-box-2-1-2 img {
  width: 100%;
  max-width: 64px;
}
#block-6 .block-6__box_all-box-2-2-2-1, #block-6 .block-6__box_all-box-2-2-2-2, #block-6 .block-6__box_all-box-2-2-2-3, #block-6 .block-6__box_all-box-2-2-2-4 {
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: normal;
  line-height: 140%;
  width: 100% !important;
  text-align: start;
  background: #fff;
}
 #block-6 .block-6__box_all-box-2-2-title {
    margin-bottom: 20px;
  }
  
 #block-6 .block-6__box_all-box-1-1, #block-6 .block-6__box_all-box-1-2, #block-6 .block-6__box_all-box-2-1, #block-6 .block-6__box_all-box-2-2, #block-6 .block-6__box_all-box-3 {
    padding: 20px;
  }
#block-6 .block-6__box_all-box-3-1 img {
  max-width: 167px;
}
}
/* < 480px */
/* block-6 */

/* block-7 */
#block-7,
#block-7 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-7{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-7 .block-7{
  padding: 60px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-7 .block-7{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-7 .block-7{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-7 .block-7{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}

  #block-7 .block-7__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
  #block-7 .block-7__title-1{
    display: inline-block;
    width: 100%;
  font-weight: 500;
  font-size: clamp(16px, 2vw, 20px);
  text-align: center;
  color: #585B5B;
}
@media (max-width: 1200px) {
  #block-7 .block-7__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-7 .block-7__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-7 .block-7__title{
  padding-bottom: 30px;
}
}


#block-7 .block-7__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content:space-between;
  align-items: stretch; /* ← это растянет все дочерние элементы по высоте */
}
#block-7 .block-7__box_all-box-1,
#block-7 .block-7__box_all-box-2,
#block-7 .block-7__box_all-box-3{
    display: flex;
    flex-direction: column;
    gap: 22px;
    flex: 1;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}




/* ----- Планшет (до 992px) ----- */
@media (max-width: 992px) {
  #block-7 .block-7__box_all {
    justify-content: space-between;
  }

  /* порядок и ширина */
  #block-7 .block-7__box_all-box-1 {
    order: 1;
    flex: 0 0 48%; /* примерно 50% */
  }

  #block-7 .block-7__box_all-box-3 {
    order: 2;
    flex: 0 0 48%; /* примерно 50% */
  }

  #block-7 .block-7__box_all-box-2 {
    order: 3;
    flex: 0 0 100%;
  }
}

/* ----- Мобильный (до 768px) ----- */
@media (max-width: 768px) {
  #block-7 .block-7__box_all-box-1,
  #block-7 .block-7__box_all-box-2,
  #block-7 .block-7__box_all-box-3 {
    order: initial;
    flex: 0 0 100%;
  }
}






#block-7 .price-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 280px;
  height: 50px;
  border-radius: 10px;
  overflow: visible;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  background: #fff;
  box-shadow: 0 0 0 1px #e0e0e0 inset;
}

/* Заливка (фон-шкала) */
#block-7 .price-item__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #e9f4ff;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  overflow: visible;
  border: 1px solid #E1EDF5;
}

/* Индикатор снизу */
#block-7 .price-item__indicator {
  position: absolute;
  bottom: -6px;
  left: -2px;               /* <-- важно */
  width: 6px;
  height: 12px;
  background: #008cff;
  border-radius: 6px;
  transition: none;      /* анимацию делаем в JS через RAF для точности */
  pointer-events: none;
}

/* Контент */
#block-7 .price-item__content {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 14px;
}

#block-7 .price-item__value {
  padding: 6px 11px;
  font-weight: 600;
  color: #000;
  background: #E5F2FB;
  border-radius: 9px;
}

#block-7 .price-item__fill-1{
    width: 16%; /* ширина шкалы -  200 */
}
#block-7 .price-item__fill-2{
    width: 8%; /* ширина шкалы -  100 */
}
#block-7 .price-item__fill-3{
    width: 24%; /* ширина шкалы -  300 */
}
#block-7 .price-item__fill-4{
    width: 8%; /* ширина шкалы -  100 */
}

#block-7 .price-item__fill-5{
    width: 70%; /* ширина шкалы -  900 */
}
#block-7 .price-item__fill-6{
    width: 24%; /* ширина шкалы -  300 */
}
#block-7 .price-item__fill-7{
    width: 48%; /* ширина шкалы -  600 */
}
#block-7 .price-item__fill-8{
    width: 16%; /* ширина шкалы -  200 */
}

#block-7 .block-7__box_all-box-2{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: 1px solid #E1EDF5;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
    justify-content: center;
    align-items: start;
    background: #fff;
}
#block-7 .block-7__box_all-box-2-1-1,
#block-7 .block-7__box_all-box-2-2-1,
#block-7 .block-7__box_all-box-2-3-1{
    font-weight: 700;
    font-size: clamp(18px, 2vw, 20px);
    line-height: 140%;
    color: #1C2121;
    margin-bottom: 10px;
}
#block-7 .block-7__box_all-box-2-1-2,
#block-7 .block-7__box_all-box-2-2-2,
#block-7 .block-7__box_all-box-2-3-2{
   font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #666D7F;
}


/* < 480px */
@media (max-width: 480px) {
 #block-7 .block-7__title {
    line-height: 120%;
    font-size: 28px;
    padding-bottom: 20px;
  }
#block-7 .block-7 {
    padding-top: 20px;
  }
#block-7 .block-7__title-1 {
  margin-top: 10px;
  line-height: 140%;
}

block-7 .price-item {
  width: 100%;
}

#block-7 .block-7__box_all-box-1-1,
#block-7 .block-7__box_all-box-1-2,
#block-7 .block-7__box_all-box-1-3,
#block-7 .block-7__box_all-box-1-4,
#block-7 .block-7__box_all-box-1-5,
#block-7 .block-7__box_all-box-1-6,
#block-7 .block-7__box_all-box-3-7,
#block-7 .block-7__box_all-box-3-8,
#block-7 .block-7__box_all-box-3-9,
#block-7 .block-7__box_all-box-3-10,
#block-7 .block-7__box_all-box-3-11,
#block-7 .block-7__box_all-box-3-12{
	width: 100%;
}

#block-7 .block-7__box_all-box-2 {
  padding: 20px;
  gap: 15px;
}

#block-7 .block-7__box_all-box-2-1-1, #block-7 .block-7__box_all-box-2-2-1, #block-7 .block-7__box_all-box-2-3-1 {
  margin-bottom: 5px;
}

#block-7 .price-item {
  width: 100%;
}

}
/* < 480px */
/* block-7 */


/* block-8 */
#block-8,
#block-8 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-8{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-8 a:hover{
    color: #199AF0 !important;
}
#block-8 a:active{
    color: #0D84D3 !important;
}
#block-8 .block-8{
  padding: 60px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-8 .block-8{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-8 .block-8{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-8 .block-8{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}

  #block-8 .block-8__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
#block-8 .block-8__title-1 {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    color: #585B5B;
    margin-top: 24px;
}
@media (max-width: 1200px) {
  #block-8 .block-8__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-8 .block-8__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-8 .block-8__title{
  padding-bottom: 30px;
}
}


#block-8 .block-8__box_all {
  display: flex;
  flex-direction: row;
  gap: 22px;
  flex-wrap: wrap;
  align-items: stretch; /* Явно, чтобы элементы в ряду всегда растягивались */
}
#block-8 .block-8__box_all-box{
  flex: 1 1 calc(33.333% - 20px); /* по 3 в ряд */
}
@media (max-width: 992px) {
#block-8 .block-8__box_all-box{
  flex: 1 1 calc(50% - 20px); /* по 2 в ряд */
}
}
@media (max-width: 768px) {
#block-8 .block-8__box_all-box{
  flex: 1 1 100%; /* по 1 в ряд */
}
}

#block-8 .block-8__box_all-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;

  border-radius: 12px;

  flex: 1 1 calc(33.333% - 20px);
  background: linear-gradient(180deg, #FAFCFF, #F5FAFE);
}

@media (max-width: 992px) {
  #block-8 .block-8__box_all-box {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 768px) {
  #block-8 .block-8__box_all-box {
    flex: 1 1 100%;
  }
}



/* раскрытие / сворачивание */
#block-8 .block-8__more {
  text-align: center;
  margin-top: 20px;
}

#block-8 .block-8__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;

    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;

    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #1C2121;

  transition: color 0.3s ease;
  user-select: none;
}

#block-8 .block-8__toggle:hover{
    background-color: #C5DFFB;
}
#block-8 .block-8__toggle:active{
    background-color: #B2D4FA;
}

/* стрелка — делаем через псевдоэлемент */
#block-8 .block-8__toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* при раскрытии — стрелка вверх */
#block-8 .block-8__toggle.active::after {
  transform: rotate(-135deg);
}

/* плавное раскрытие блока */
#block-8 .block-8__box_all {
  transition: max-height 0.4s ease;
}
/* раскрытие / сворачивание */


#block-8 .block-8__box_all-box-1{
display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
#block-8 .block-8__box_all-box-1-1-2{
  display: flex;
    flex-direction:column;
    gap: 5px;
    align-items:start;
}
#block-8 .block-8__box_all-box-2{
    font-weight: 400;
color: #1D2222;
font-size: 16px;
line-height: 140%;
}
#block-8 .block-8__box_all-box-3 a{
  font-weight: 400;
color: #606B6C;
font-size: 14px;
}
#block-8 .block-8__box_all-box-1-1-1{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
background: #D8EEFD;
width: 64px;
height: 64px;
border-radius: 100px;
padding: 16px;
font-weight: 700;
font-size: 18px;
}

#block-8 .block-8__box_all-box-1-1-2-1{
font-size: 16px;
color: #1C2121;
font-weight: 700;
}
#block-8 .block-8__box_all-box-1-1-2-2{
display: flex;
flex-direction:row;
gap: 0;
}
#block-8 .block-8__box_all-box-1-1-2-2 img{
  width: 20px;
  height: 20px;
}
#block-8 .block-8__box_all-box-1-1-2-3{
font-size: 14px;
color: #606B6C;
font-weight: 500;
}


/* < 480px */
@media (max-width: 480px) {
#block-8 .block-8__title{
  line-height: 120%;
  font-size: 28px;
  padding-bottom: 20px;
}
#block-8 .block-8__title-1 {
  margin-top: 20px;
  line-height: 140%;
}
#block-8 .block-8__box_all-box-2 {
  font-size: 14px;
  line-height: 140%;
}
block-8 .block-8__box_all-box {
  gap: 10px;
}
block-8 .block-8__box_all {
  gap: 10px;
}
#block-8 .block-8__box_all-box-3 a {
  text-decoration: none;
}
}
/* < 480px */
/* block-8 */


/* block-9 */
#block-9,
#block-9 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-9{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-9 .block-9{
  padding: 20px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-9 .block-9{
  padding-top: 20px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-9 .block-9{
  padding-top: 20px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-9 .block-9{
  padding-top: 20px;
  padding-bottom: 30px;
  }
}

#block-9 .block-9__button {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content:center;
  align-items:center;
}
#block-9 .block-9__button-1 a{
  display: inline-block;

    line-height: 56px;
    padding: 0 30px 0 60px;

    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url('/layout_project/template/img/block-9/star_button-1.svg');
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}

#block-9  .block-9__button-1 a:hover{
  background-color: #0F90E6;
}
#block-9  .block-9__button-1 a:active{
  background-color: #0F90E6;
}

#block-9 .block-9__button-2{
  display: inline-block;
  width: 100%;
  color: #1C2121;
  font-size: 14px;
  text-align: center;
}



.block-8__box_all-box-2 {
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.block-8__box_all-box-3 a {
  display: inline-block;
  cursor: pointer;
  color: #007bff;
  text-decoration: underline;
  margin-top: 5px;
  transition: color 0.2s ease;
}

.block-8__box_all-box-3 a:hover {
  text-decoration: none;
  color: #0056b3;
}

/* block-9 */


/* block-10 */
#block-10,
#block-10 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

#block-10 {
  background: #fff;
  width: 100%;
  padding: 0 3vw;
}

#block-10 .block-10 {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}

#block-10 .block-10__title {
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}

/* Swiper */
#block-10 .block-10__swiper {
  width: 100%;
  overflow: hidden;
}

#block-10 .swiper-wrapper {
  align-items: stretch; /* 👈 чтобы все карточки выравнивались по высоте */
}

#block-10 .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  align-items: stretch;
}

/* Карточки */
#block-10 .block-10__box_all-box-1,
#block-10 .block-10__box_all-box-2 {
  flex: 1 1 auto; /* 👈 заставляет карточки быть равной высоты */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 10px 30px;
  border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;

  overflow: hidden; /* защита от выхода изображения */
  min-height: 80px; /* минимальная высота */
}

/* Картинки */
#block-10 .block-10__box_all-box-1 img,
#block-10 .block-10__box_all-box-2 img {
  max-width: 100%;
  height: auto;
  max-height: 60px;
  object-fit: contain;
  object-position: center;
  display: block;
}

/* 📱 Адаптив под маленькие экраны */
@media (max-width: 480px) {
  #block-10 .block-10__box_all-box-1,
  #block-10 .block-10__box_all-box-2 {
    padding: 8px 20px;
    min-height: 70px; /* чуть ниже */
  }

  #block-10 .block-10__box_all-box-1 img,
  #block-10 .block-10__box_all-box-2 img {
    max-height: 40px;
  }
}
/* < 480px */
@media (max-width: 480px) {
#block-10 .block-10__title{
    line-height: 120%;
    font-size: 28px;
    padding-bottom: 20px;
}
#block-10 .block-10 {
  padding: 20px 0;
}
}
/* < 480px */
/* block-10 */


/* block-11 */
#block-11,
#block-11 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

#block-11 {
  background: #fff;
  width: 100%;
  padding: 0 3vw;
}

#block-11 .block-11 {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}

#block-11 .block-11__title {
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}


#block-11 .block-11__box_all {
    display: flex;
    flex-direction:column;
    gap: 5px;
}


#block-11 .block-11__box_all-box {

  background: #fff;

  padding: 18px 22px;
  cursor: pointer;
  transition: all 0.3s ease;

    border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}

#block-11 .block-11__box_all-box:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

#block-11 .block-11__box_all-box.active {
      border: 2px solid #199AF0;
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.15);
}

#block-11 .block-11__box_all-box-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

#block-11 .block-11__box_all-box-1-1 {
  font-weight: 600;
  font-size: clamp(16px, 2vw, 20px);

  color: #1C2121;
}

/* Стрелочка */
#block-11 .block-11__box_all-box-1-2 {
  width: 12px;
  height: 12px;
  border-right: 2px solid #1C2121;
  border-bottom: 2px solid #1C2121;
  transform: rotate(45deg); /* вниз */
  transition: transform 0.3s ease, border-color 0.3s ease;
  flex-shrink: 0;
}

/* Активная (вверх) */
#block-11 .block-11__box_all-box.active .block-11__box_all-box-1-2 {
  transform: rotate(-135deg);
  border-color: #1C2121;
}

#block-11 .block-11__box_all-box-2 {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.4s ease;

  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.6;
  color: #1C2121;
  padding-right: 10px;
}

/* Плавное появление текста */
#block-11 .block-11__box_all-box.active .block-11__box_all-box-2 {
  opacity: 1;
}

#block-11 .block-11__box_all-box-2{
line-height: 160%;
color: #585B5B;
 font-weight: 400;
  font-size: clamp(14px, 2vw, 16px);

}
#block-11 .block-11__box_all-box.active .block-11__box_all-box-2{
    margin-top: 16px;
}


/* < 480px */
@media (max-width: 480px) {
#block-11 .block-11__title{
    line-height: 120%;
    font-size: 28px;
    padding-bottom: 20px;
}
#block-11 .block-11 {
  padding: 30px 0;
}
#block-11 .block-11__box_all-box-1-2 {
  width: 10px;
  height: 10px;
}
#block-11 .block-11__box_all-box {
  padding: 14px 15px;
}
#block-11 .block-11__box_all-box.active .block-11__box_all-box-2 {
  margin-top: 10px;
}
}
/* < 480px */
/* block-11 */




/* block-12 */
#block-12,
#block-12 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

#block-12 {
  background: #fff;
  width: 100%;
  padding: 0 3vw;
}

#block-12 .block-12 {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}

#block-12 .block-12__title {
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}


#block-12 .block-12__box_all {
    display: flex;
    flex-direction:row;
    gap:70px;
    justify-content: space-between;
    align-items: stretch;
}
#block-12 .block-12__box_all-box-1{
    display: flex;
    flex-direction: column;
    gap: 22px;
flex: 1;

justify-content:center;
    align-items:start;
}


#block-12 .block-12__box_all-box-1{
    padding: 24px;
    border-radius: 16px;

    background: linear-gradient(180deg, #FAFCFF, #F5FAFE);
}
#block-12 .block-12__box_all-box-1-2{
    display: flex;
    flex-direction:row;
    gap: 22px;
    align-items: center;
}


#block-12 .block-12__box_all-box-2 {
    display: flex;
    flex-direction: column;
    gap: 32px;
flex: 1;

justify-content:center;
    align-items:start;
}
#block-12 .block-12__box_all-box-2-1-2-item, #block-12 .block-12__box_all-box-2-2-2-item{
    display: flex;
    flex-direction:row;
    gap: 12px;
    align-items: center;
}

#block-12 .block-12__box_all-box-2-1,
#block-12 .block-12__box_all-box-2-2{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#block-12 .block-12__box_all-box-2-1-2,
#block-12 .block-12__box_all-box-2-2-2{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#block-12 .block-12__box_all-box-2-1-title,
#block-12 .block-12__box_all-box-2-2-title{
  color: #1C2020;
  font-size: 18px;
  font-weight: bold;
  line-height: 140%;
}

#block-12 .block-12__box_all-box-2-1-2-item-2,
#block-12 .block-12__box_all-box-2-2-2-item-2{
    color: #585B5B;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}
#block-12 .block-12__box_all-box-1-title{
  color: #1C2020;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 140%;
}
#block-12 .block-12__box_all-box-1-2-2{
  color: #585B5B;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}


@media (max-width: 992px) {
  #block-12 .block-12__box_all-box-1-2{
    flex-direction:column;
    gap: 22px;
    align-items: center;
}
#block-12 .block-12__box_all-box-1-2-2{
  text-align: center;
}
#block-12 .block-12__box_all {
    gap: 50px;
}
}

@media (max-width: 768px) {
#block-12 .block-12__box_all {
    flex-direction:column;
    gap: 50px;
}
#block-12 .block-12__box_all-box-2-1-title,
#block-12 .block-12__box_all-box-2-2-title{
  text-align: center;
}
#block-12 .block-12__box_all-box-2 {
    align-items: normal;
}
}


/* < 480px */
@media (max-width: 480px) {
#block-12 .block-12__title{
  line-height: 140%;
  font-size: 28px;
  padding-bottom: 20px;
}
#block-12 .block-12 {
  padding: 20px 0;
}
#block-12 .block-12__box_all-box-1-title {
  font-size: 18px;
}
#block-12 .block-12__box_all-box-1 {
  background: #F5F9FE;
}
#block-12 .block-12__box_all-box-1-2-1{
    width:100%;
    max-width:200px;
}
#block-12 .block-12__box_all-box-1-2-2 {
  font-size: 14px;
}
#block-12 .block-12__box_all {
    gap: 30px;
  }
#block-12 .block-12__box_all-box-2-1-2-item-1{
    display: flex;
}
#block-12 .block-12__box_all-box-2-2-2-item-1{
    display: flex; 
}
#block-12 .block-12__box_all-box-2-1-2-item-1 img,
#block-12 .block-12__box_all-box-2-2-2-item-1 img{
    max-width: 100%;
}
#block-12 .block-12__box_all-box-2-1, #block-12 .block-12__box_all-box-2-2 {
  gap: 20px;
}
}
/* < 480px */
/* block-12 */





/* block-13 */
#block-13,
#block-13 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-13{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-13 .block-13{
  padding: 60px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-13 .block-13{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-13 .block-13{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-13 .block-13{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}
#block-13 .block-13__title{
  padding-bottom: 50px;
}
#block-13 .block-13__title h1{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
}
#block-13 .block-13__title-1 {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    color: #585B5B;
    margin-top: 20px;
}
@media (max-width: 1200px) {
  #block-13 .block-13__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-13 .block-13__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-13 .block-13__title{
  padding-bottom: 30px;
}
}


#block-13 .block-13__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
    justify-content:space-around;
  align-items: flex-end;
}

#block-13 .block-13__box_all-box {
color: #1C2020;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 160%;
}
#block-13 .block-13__box_all-box h2{
color: #1C2020;
    font-size: clamp(20px, 2vw, 24px);
    line-height: 160%;
    text-align: center;
    padding: 20px 0 20px 0;
}


#block-13 .block-13__box_all-box ul{
 /*   padding: 20px 0; */
padding: 0 20px;
}
#block-13 .block-13__box_all-box ul li{
    padding: 10px 0;
}

#block-13 .block-13__box_all-box table{
    margin:  10px 0;

  border-collapse: collapse;
}
table, th, td {
      border: 1px solid #199AF0;
  border-collapse: collapse;
}

#block-13 .block-13__box_all-box table thead tr td{
  padding: 5px 10px;
    font-size: clamp(15px, 2vw, 16px);
    line-height: 120%;
    font-weight: 700;
    text-align: center;
}
#block-13 .block-13__box_all-box table tr td{
  padding: 5px 10px;
      font-size: clamp(13px, 2vw, 15px);
      vertical-align: middle;
}



/* Стало — всё заработает */
#block-13 .block-13__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: space-around;
  /* align-items: flex-end;  ← просто закомментируй или удали эту строку */
}

/* И обязательно добавь это (если ещё нет): */
#block-13 .block-13__box_all-box {
  align-self: flex-start;   /* ← возвращает блок наверх, как было */
  width: 100%;              /* на мобильных важно */
}

/* А сам скролл таблицы — оставь как есть */
#block-13 .block-13__box_all-box .table-wrap {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
    margin:  10px 0;
}

#block-13 .block-13__box_all-box table {
  width: 100%;
}


/* < 480px */
@media (max-width: 480px) {
#block-13 .block-13__title h1{
    line-height: 120%;
    font-size: 24px;
    padding-bottom: 20px;
}
#block-13 .block-13__box_all-box h2 {
  font-size: 18px;
}
#block-13 .block-13__box_all-box {
  font-size: 14px;
}
}
/* < 480px */
/* block-13 */


/* block-14 */
#block-14,
#block-14 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-14{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-14 .block-14{
  padding: 60px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-14 .block-14{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-14 .block-14{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-14 .block-14{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}

  #block-14 .block-14__box_all-box{
    display: flex;
    flex-direction: row;
    gap: 40px;
        border-radius: 48px;

background: linear-gradient(#F5FBFE, #EDF7FF);
padding: 60px 60px;
  }

@media (max-width: 768px) {
  #block-14 .block-14__box_all-box{
    flex-direction:column;
    gap: 40px;
  }
}


  #block-14 .block-14__box_all-box-box_2-img{
    display: flex;
    flex-direction:column;
        justify-content: center;
    align-items: center;
  }
    #block-14 .block-14__box_all-box-box_2-img img{
      width: 100%;
      max-width: 400px;
      min-width: 280px;
      transition: opacity 0.3s ease;
    }
    #block-14 .block-14__box_all-box-box_1{
    display: flex;
    flex-direction:column;
    gap: 30px;
            justify-content: center;
  
    }
    #block-14 .block-14__box_all-box-box_1-title-1{
      display: inline-block;
      width: 100%;
      margin-top: 20px;
      font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    text-align: left;
    color: #585B5B;
    margin-top: 16px;
    line-height: 160%;
    }
#block-14 .block-14__box_all-box-box_1-title{
      font-weight: 700;
    font-size: clamp(36px, 2vw, 48px);
    text-align:left;
    color: #1C2121;
    }
#block-14 .block-14__box_all-box-box_1-list{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}
#block-14 .block-14__box_all-box-box_1-list button{
  display: inline-block;
  padding: 12px 12px;
  background: #fff;

  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
border-left: none;
border-right: none;

  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #585B5B;
  cursor: pointer;
}
#block-14 .block-14__box_all-box-box_1-list button:hover{
  background: #E2F1FD;
  color: #199AF0;

border-bottom: 2px solid #9ED4FA;
}
#block-14 .block-14__box_all-box-box_1-list button.active {
  background: #E2F1FD;
  color: #199AF0;
  border-bottom: 2px solid #9ED4FA;
}
#block-14 .block-14__box_all-box-box_1-btn {
  display: flex;
  gap: 14px;
  flex-direction: column;
  justify-content:center;
  align-items:start;
}
#block-14 .block-14__button-1 a{
  display: inline-block;

    line-height: 56px;
    padding: 0 30px 0 60px;

    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url('/layout_project/template/img/block-14/star_button-1.svg');
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}
#block-14 .block-14__button-2{
  display: inline-block;
  width: 100%;
     font-weight: 500;
    font-size: 14px;
    color: #199AF0;
  font-size: 14px;
  text-align:left;
}
#block-14  .block-14__button-1 a:hover{
  background-color: #0F90E6;
}
#block-14  .block-14__button-1 a:active{
  background-color: #0F90E6;
}
@media (max-width: 768px) {
#block-14 .block-14__box_all-box-box_1-title {
    text-align:center;
}
#block-14 .block-14__box_all-box-box_1-title-1 {
    text-align:center;
}
#block-14 .block-14__box_all-box-box_1-list {
justify-content: center;
}
#block-14 .block-14__box_all-box-box_1-btn {
    align-items: center;
}
#block-14 .block-14__button-2 {
    text-align:center;
}
}


/* < 480px */
@media (max-width: 480px) {
#block-14 .block-14__box_all-box-box_1-title{
  line-height: 140%;
  font-size: 24px;
}
#block-14 .block-14__box_all-box {
  padding: 20px 20px;
}
 #block-14 .block-14 {
    padding-top: 0;
    padding-bottom: 20px;
  }
#block-14 .block-14__box_all-box-box_1-title-1 {
  margin-top: 20px;
  line-height: 140%;
}
block-14 .block-14__box_all-box-box_1 {
  gap: 20px;
}
#block-14 .block-14__box_all-box-box_1-list {
  gap: 10px;
}
#block-14 .block-14__box_all-box-box_2-img img {
  max-width: 320px;
  min-width: 200px;
}
}
/* < 480px */
/* block-14 */


/* block-15 */
#block-15, #block-15 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}
#block-15 {
    background: #F5FBFE;
    width: 100%;
    padding: 0 3vw;
}
#block-15 a:hover{
    color: #199AF0 !important;
}
#block-15 a:active{
    color: #0D84D3 !important;
}
#block-15 .block-15 {
    padding: 60px 0 60px 0;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1246px;
    width: 100%;
}
@media (max-width: 1200px) { #block-15 .block-15 { padding: 50px 0 50px 0; } }
@media (max-width: 992px)  { #block-15 .block-15 { padding: 40px 0 40px 0; } }
@media (max-width: 768px)  { #block-15 .block-15 { padding: 30px 0 30px 0; } }

/* Текст и ссылки */
#block-15 .block-15__box_all-box-1-nav { display: flex; flex-direction: column; gap: 16px; }
#block-15 a {
    font-size: 14px;
    color: #4E5A5B;
    text-decoration: none;
    line-height: 160%;
}
#block-15 .block-15__box_all-box-3-1-text p,
#block-15 .block-15__box_all-box-3-2-text p,
#block-15 .block-15__box_all-box-3-3-text p,
#block-15 .block-15__box_all-box-3-4-text p {
    font-size: 14px;
    color: #4E5A5B;
    line-height: 160%;
    margin: 0;
}
#block-15 [class*="subtitle"] {
    font-size: 15px;
    color: #1C2020;
    font-weight: 700;
    margin-bottom: 5px;
}
#block-15 .block-15__box_all-box-2-1-title {
    font-size: 18px;
    color: #1C2020;
    font-weight: 700;
    margin-bottom: 20px;
}
#block-15 .block-15__box_all-box-2-1-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* Сетка */
#block-15 .block-15__box_all {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    align-items: stretch;
}
#block-15 .block-15__box_all > div {
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: space-between;
}

/* Десктоп */
#block-15 .block-15__box_all-box-1 { order: 1; flex: 2 1 0%; }
#block-15 .block-15__box_all-box-2 { order: 2; flex: 6 1 0%; }
#block-15 .block-15__box_all-box-3 { order: 3; flex: 3 1 0%; }

/* Планшет */
@media (max-width: 992px) {
    #block-15 .block-15__box_all-box-1,
    #block-15 .block-15__box_all-box-2,
    #block-15 .block-15__box_all-box-3 {
        flex: 1 1 0% !important;
    }
    #block-15 .block-15__box_all-box-2-1-nav { flex-direction: column; }
}

/* МОБИЛЬНЫЙ 481-768px — ВОТ ТУТ ВСЁ С !important */
@media (max-width: 768px) {
    #block-15 .block-15__box_all { 
        gap: 0; 
    }
    
 /* Блок 1 (контакты) — 50%, первый по порядку */
    #block-15 .block-15__box_all-box-1 {
        order: 1 !important;
        flex: 0 1 40% !important;
        max-width: 40% !important;
    }
    
    /* Блок 3 (контакты) — 50%, второй по порядку */
    #block-15 .block-15__box_all-box-3 {
        order: 2 !important;
        flex: 0 1 60% !important;
        max-width: 60% !important;
    }
    
    /* Блок 2 (контакты) — на всю ширину, третий по порядку */
    #block-15 .block-15__box_all-box-2 {
        order: 3 !important;

        flex: 0 1 100% !important;
        max-width: 100% !important;
    }
    #block-15 .block-15__box_all-box-2-1-nav { flex-direction:row; }


    #block-15 .block-15__box_all-box-2-1-title{
         margin-top: 40px;
    }
    #block-15 .block-15__box_all-box-1-nav p{
      max-width: 80%;
    }


}



@media (min-width: 551px) and (max-width: 768px) {
    #block-15 .block-15__box_all-box-3 {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
        justify-content: space-between !important;
        align-items: start !important;
        padding: 0 !important;
    }

    /* Все 4 карточки */
    #block-15 .block-15__box_all-box-3 > div {
        flex: 0 1 calc(50% - 12.5px) !important;


    }

    #block-15 .block-15__box_all-box-3-1 { order: 1 !important; }
    #block-15 .block-15__box_all-box-3-2 { order: 3 !important; }
    #block-15 .block-15__box_all-box-3-3 { order: 2 !important; }
    #block-15 .block-15__box_all-box-3-4 { order: 4 !important; }
  }



/* ≤480px — всё на 100% в исходном порядке */
@media (max-width: 480px) {
      #block-15 .block-15__box_all { 
        gap: 40px; 
    }
    #block-15 .block-15__box_all-box-1,
    #block-15 .block-15__box_all-box-2,
    #block-15 .block-15__box_all-box-3 {
        order: initial !important;
        flex: 0 1 100% !important;
        max-width: 100% !important;
    }

    #block-15 .block-15__box_all-box-2-1-title{
         margin-top: 0;
    }
    #block-15 .block-15__box_all-box-1-nav p{
      max-width: none;
    }
}

@media (max-width: 480px) {
  #block-15 .block-15__box_all-box-1-nav{
    flex-direction: row;
    flex-wrap: wrap;
  }
  #block-15 .block-15__box_all-box-1-nav p{
    flex: 0 1 calc(50% - 12.5px) !important;
  }


  #block-15 .block-15__box_all-box-2-1-nav{
    flex-direction: row;
    flex-wrap: wrap;
  }
  #block-15 .block-15__box_all-box-2-1-nav p{
    flex: 0 1 calc(50% - 12.5px) !important;
  }
}


@media (max-width: 480px) {
  #block-15 .block-15__box_all{
        gap: 30px;
    }
  #block-15 .block-15__box_all-box-1,
  #block-15 .block-15__box_all-box-2-1
  {
    padding-bottom: 30px;
    border-bottom: 1px #C5DFFB solid;
  }
}
/* block-15 */



/* block-16 */
#block-16,
#block-16 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-16{
background: #F5FBFE;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-16 a:hover{
    color: #199AF0 !important;
}
#block-16 a:active{
    color: #0D84D3 !important;
}
#block-16 .block-16{
  padding: 40px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
    border-top: 1px #C5DFFB solid;
}
@media (max-width: 1200px) {
  #block-16 .block-16{
  padding-top: 40px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-16 .block-16{
  padding-top: 30px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-16 .block-16{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}

#block-16 a {
    font-size: 14px;
    color: #4E5A5B;
    text-decoration: none;

}

#block-16 .block-16__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content:space-between;
  align-items:start;
}
#block-16 .block-16__box_all-box-1{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items:start;
}

#block-16 .block-16__box_all-box-2,
#block-16 .block-16__box_all-box-3{
    display: flex;
    flex-direction: column;
    gap: 22px;
    flex: 1;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#block-16 .block-16__box_all-box-1-logo{
    display: flex;
    flex-direction:column;
    align-items:start;
    gap: 20px;
}
#block-16 .block-16__box_all-box-1-logo a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
#block-16 .block-16__box_all-box-1-logo a img{
    width: 40px;
    height: 48px;
}
#block-16 .block-16__box_all-box-1-logo a span{
    font-weight: 700;
    font-size: 24px;
    color: #1C2121;
}
#block-16 .block-16__box_all-box-1-2 p{
line-height: 140%;
color: #1C2020;
font-size: clamp(14px, 2vw, 16px);
}
#block-16 .block-16__box_all-box-2-link{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
#block-16 .block-16__box_all-box-2-link p a{
  display: inline-block;
    text-decoration: none;
}
#block-16 .block-16__box_all-box-2-link p a img{
    width: 40px;
}
#block-16 .block-16__box_all-box-3-nav{
    display: flex;
    flex-direction:row;
    align-items:start;
    justify-content: right;
    flex-wrap: wrap;
}
#block-16 .block-16__box_all-box-3-nav p{
  padding: 0 0 14px 0;
}
#block-16 .block-16__box_all-box-3-nav p span{
  display: inline-block;
  border-right: 1px solid #199AF0;
  padding-right: 10px;
  margin-right: 10px;
}
#block-16 .block-16__box_all-box-3-nav p:last-child span{
/*    border-right:none; */
}
#block-16 .block-16__box_all-box-3-nav p.item-50{

}
#block-16 .block-16__box_all-box-3-nav p.item-100{
  flex: 0 0 100%;
  text-align: right;
}

@media (max-width: 1200px) {
#block-16 .block-16__box_all {
  gap: 50px;
  flex-wrap: nowrap;
}
#block-16 .block-16__box_all-box-1{
        order: 1;
        flex: 0 1 37%;
}
#block-16 .block-16__box_all-box-2{
        order: 2;
        flex: 0 1 13%;
        align-items: end;
}
#block-16 .block-16__box_all-box-3{
        order: 3;
        flex: 0 1 50%;
}
    #block-16 .block-16__box_all {
        gap: 30px;
    }
}

@media (max-width: 992px) {
#block-16 .block-16__box_all-box-3-nav p span{
  border-right:none;
  padding-right:0;
  margin-right:0;
}
#block-16 .block-16__box_all-box-3-nav p{
  flex: 0 0 100%;
  text-align: right;
}

}

@media (max-width: 768px) {
#block-16 .block-16__box_all {
        gap: 0;
        flex-wrap: wrap;
    }
#block-16 .block-16__box_all-box-1{
        order: 1;
        flex: 0 1 70%;
        max-width: 70%;
}
#block-16 .block-16__box_all-box-2{
        order: 2;
        flex: 0 1 30%;
        max-width: 30%;
}
#block-16 .block-16__box_all-box-3{
        order: 3;
        flex: 0 1 100%;
        max-width: 100%;
        padding-top: 40px;
}

#block-16 .block-16__box_all-box-3-nav {
   display: inline-block;
    float: left;
    width: 100%;

    flex-wrap: wrap;
}
#block-16 .block-16__box_all-box-3-nav p.item-100, #block-16 .block-16__box_all-box-3-nav p.item-50{
  display: inline-block;
  width: auto;
  padding: 0 30px 20px 0;
}

}


@media (max-width: 480px) {
#block-16 .block-16__box_all{
  flex-direction: column;
  gap: 30px;
}
#block-16 .block-16__box_all-box-1 {
        flex: 0 1 100%;
        max-width: 100%;
    }
#block-16 .block-16__box_all-box-2 {
        flex: 0 1 100%;
        max-width: 100%;
    }
#block-16 .block-16__box_all-box-3-nav p.item-100, #block-16 .block-16__box_all-box-3-nav p.item-50{
  width: 100%;
  padding: 0 30px 20px 0;
  text-align: left;
}
#block-16 .block-16__box_all-box-3 {
padding-top: 0;
}
}
/* block-16 */




/* block-17 */
#block-17,
#block-17 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-17{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
  box-sizing: border-box; /* обязательно */
}
#block-17 .block-17{
    padding: 30px 0 30px 0;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1246px;
    width: 100%;
}
@media (max-width: 1200px) {
  #block-17 .block-17{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-17 .block-17{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-17 .block-17{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}
#block-17 .block-17__title{
  padding-bottom: 50px;
}
#block-17 .block-17__title h1{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
}
#block-17 .block-17__title-1 {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    color: #585B5B;
    margin-top: 20px;
}
@media (max-width: 1200px) {
  #block-17 .block-17__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-17 .block-17__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-17 .block-17__title{
  padding-bottom: 30px;
}
}


#block-17 .block-17__box_all {
  display: flex;
  flex-direction: row;
  gap: 24px;

  align-items:flex-start;
}


#block-17 .block-17__box-1{
  flex: 1;
}
#block-17 .block-17__box-2{
  flex: 0 0 360px;
}
@media (max-width: 992px) {
#block-17 .block-17__box-1{
  flex: 1;
}
#block-17 .block-17__box-2{
  flex: 0 0 300px;
}
}


@media (max-width: 768px) {
  #block-17 .block-17__box_all {
  display: flex;
  flex-direction:column;
  gap: 24px;
}
}


#block-17 .block-17__box_all-box {
color: #1C2020;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 160%;
}


#block-17 .block-17__box-1-3t-4-box h2{
  display: inline-block;
  width: 100%;
color: #1C2020;
    font-size: clamp(20px, 2vw, 24px);
    line-height: 160%;
    text-align: center;
    padding: 20px 0 20px 0;
}


#block-17 .block-17__box-1-3t-4-box ul{
 /*   padding: 20px 0; */
}
#block-17 .block-17__box-1-3t-4-box ul li{
    padding: 10px 0;
}

#block-17 .block-17__box-1-3t-4-box table{
    margin:  10px 0;

  border-collapse: collapse;
}
table, th, td {
      border: 1px solid #199AF0;
  border-collapse: collapse;
}

#block-17 .block-17__box-1-3t-4-box table thead tr td{
  padding: 5px 10px;
    font-size: clamp(15px, 2vw, 16px);
    line-height: 120%;
    font-weight: 700;
    text-align: center;
}
#block-17 .block-17__box-1-3t-4-box table tr td{
  padding: 5px 10px;
      font-size: clamp(13px, 2vw, 15px);
      vertical-align: middle;
}

#block-17 .block-17__box-1-title{
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
#block-17 .block-17__box-1-title h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(36px, 2vw, 40px);
  line-height: 120%;
}
#block-17 .block-17__box-1-2{
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  margin-bottom: 20px;

}
#block-17 .block-17__box-1-2-1,
#block-17 .block-17__box-1-2-2,
#block-17 .block-17__box-1-2-3,
#block-17 .block-17__box-1-2-4{
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 14px;
}
#block-17 .block-17__box-1-2-1{
  padding: 8px 12px;
  background: #DAFBF4;
  border-radius: 8px;
}
#block-17 .block-17__box-1-3t-1{
  display:flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  background: #F5FBFE;
  align-items: center;
  justify-content: center;
  height: 44px;
  color: #199AF0;
  border: 1px dashed #199AF0;
  border-radius: 8px;
margin-bottom: 20px;
}

#block-17 .block-17__box-1-3t-3{
  display:flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  background: #F5FBFE;
  align-items: center;
  justify-content: center;
  height: 44px;
  color: #199AF0;
  border: 1px dashed #199AF0;
  border-radius: 8px;
}

#block-17 .block-17__box-1-3t-3box{
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #F7F9FC;
  padding: 20px;
  margin: 30px 0 30px 0;
  border-radius: 24px;
}
#block-17 .block-17__box-1-3-4t{
  display: inline-block;
  background: #fff;
  padding: 20px;
  border-radius: 16px;
}
#block-17 .block-17__box-1-3t-2t h2{
  display: inline-block;
  width: 100%;
  padding: 20px 0 10px 0;
  font-size: clamp(22px, 2vw, 24px);
  line-height: 160%;
  color: #1C2020;
}
#block-17 .block-17__box-1-3t-2t p{
  display: inline-block;
  width: 100%;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 160%;
  color: #585B5B;
}
#block-17 .block-17__box-1-3t-2t ul{
  display: inline-block;
  width: 100%;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 160%;
  color: #585B5B;
  list-style: none;
}
#block-17 .block-17__box-1-3t-2t ul li{
padding: 5px 0;
}



#block-17 .block-17__box-2-1-title, #block-17 .block-17__box-2-2-title{
  color: #1C2020;
  font-size: 20px;

  line-height: 140%;
      font-weight: 700;
}

#block-17 .block-17__box-2-1{
display: inline-block;
width: 100%;
    border-radius: 24px;
    background: linear-gradient(#F5FBFE, #EDF7FF);
    padding: 24px 24px;
}

#block-17 .block-17__box-2-2{

    border-radius: 24px;
box-shadow: 0px 2px 16px 0px #E1ECF4A3;
    padding: 24px 24px;
}

#block-17 .block-17__box-2{
      display: flex;
    flex-direction:column;
    gap: 20px;
}

#block-17 .block-17__box-2-1-2 a{
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
}

#block-17 #buy-full{
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
    
    box-shadow: none;
    border: none;
    text-shadow: none;
}

#block-17 #buy-full:hover{
  background-color: #0F90E6;
}
#block-17 #buy-full:active{
  background-color: #0F90E6;
}

#block-17 .block-17__box-2-1-3 a{
    background: #D9EEFD;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #1C2121 !important;

    display: flex;
    flex-direction: row;
gap: 7px;
    align-content: center;
    align-items: center;
    justify-content:center;
    border-radius: 12px;
    padding: 12px 20px 12px 20px;
    cursor: pointer;
    text-decoration: none;
}

#block-17 #download-demo{
    background: #D9EEFD;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #1C2121 !important;

    display: flex;
    flex-direction: row;
gap: 7px;
    align-content: center;
    align-items: center;
    justify-content:center;
    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    
        box-shadow: none;
    border: none;
    text-shadow: none;
}

#block-17 #download-demo:hover{
    background-color: #C5DFFB;
}
#block-17 #download-demo:active{
    background-color: #B2D4FA;
}

#block-17 .block-17__box-2-1-2{
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
#block-17 .block-17__box-2-1-3{
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
#block-17 .block-17__box-2-1-4-1,
#block-17 .block-17__box-2-1-4-2,
#block-17 .block-17__box-2-1-4-3,
#block-17 .block-17__box-2-1-4-4{
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
}
#block-17 .block-17__box-2-1-4 {
    display:flex;
    flex-direction: column;
    gap: 14px;
    font-size: 14px;
    line-height: 160%;
    color: #585B5B;
    margin-top: 20px;
}

#block-17 .block-17__box-2-2-2{
  display: inline-block;
    width: 100%;
    font-size: clamp(14px, 2vw, 16px);
    line-height: 160%;
    color: #585B5B;
    margin-top: 20px;
}

#block-17 .block-17__box-2-2-3,
#block-17 .block-17__box-2-2-4{
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 16px 20px;
  border: 1px #E1EDF5 solid;
  border-radius: 12px;
  align-items: center;
}
#block-17 .block-17__box-2-2-3{
      margin-top: 20px;
}
#block-17 .block-17__box-2-2-4{
    margin-top: 10px;
}


@media (max-width: 768px) {

#block-17 .block-17__box-2-1{
  flex: 1;
}
#block-17 .block-17__box-2-2{
  flex: 1;
}
#block-17 .block-17__box-2{
  flex-direction: row;
align-items: flex-start;
}
}

@media (max-width: 600px) {
#block-17 .block-17__box-2{
  flex-direction:column;
align-items: flex-start;
}
#block-17 .block-17__box-2-2 {
        width: 100%;
    }
}

#block-17 #generate-similar{
	box-shadow: none;
	border: none;
	background: none;
	color: #1C2020;
	text-align: left;
}

#block-17 #generate-similar:hover{
    color: #199AF0 !important;
}
#block-17 #generate-similar:active{
    color: #0D84D3 !important;
}

#block-17 .block-17__box-2-2-4-2 a{
	box-shadow: none;
	border: none;
	background: none;
	color: #1C2020;
	text-align: left;
}


#block-17 .block-17__box-2-2-4-2 a:hover{
    color: #199AF0 !important;
}
#block-17 .block-17__box-2-2-4-2 a:active{
    color: #0D84D3 !important;
}


#block-17 .preview-content {
/*    background: #f8f9fa; */
    background: none;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    max-height: 400px;
    overflow-y: auto;
}

#block-17 .markdown-content_box {
    all: initial;                    /* полный сброс */
    display: block;
    contain: layout style paint;     /* САМОЕ ВАЖНОЕ — изоляция от остальной страницы */
    overflow: hidden;
        margin-top: 40px;
}

/* Потом аккуратно восстанавливаем стили как в прошлом ответе */
#block-17 .markdown-content_box * {
    all: unset;
font-size: clamp(14px, 2vw, 16px);
    line-height: 160%;
    color: #585B5B;
}



#block-17 #download-full{
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
    
    box-shadow: none;
    border: none;
    text-shadow: none;
}

#block-17 #download-full:hover{
  background-color: #0F90E6;
}
#block-17 #download-full:active{
  background-color: #0F90E6;
}


#block-17 #request-refinement{
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    
    box-shadow: none;
    border: none;
    text-shadow: none;
}

#block-17 #request-refinement:hover{
  background-color: #0F90E6;
}
#block-17 #request-refinement:active{
  background-color: #0F90E6;
}




#block-17 #toggle-hide-work{
    background: #D9EEFD;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #1C2121 !important;

    display: flex;
    flex-direction: row;
gap: 7px;
    align-content: center;
    align-items: center;
    justify-content:center;
    border-radius: 12px;
    padding: 12px 20px 12px 20px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    
        box-shadow: none;
    border: none;
    text-shadow: none;
}

#block-17 #toggle-hide-work:hover{
    background-color: #C5DFFB;
}
#block-17 #toggle-hide-work:active{
    background-color: #B2D4FA;
}



#block-17 .buy_full_version{
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
    
    box-shadow: none;
    border: none;
    text-shadow: none;
    align-items: center;
    gap: 12px;
}

#block-17 .buy_full_version:hover{
  background-color: #0F90E6;
}
#block-17 .buy_full_version:active{
  background-color: #0F90E6;
}



#payWithoutPromo{
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(15px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
    
    box-shadow: none;
    border: none;
    text-shadow: none;
}

#payWithoutPromo:hover{
  background-color: #0F90E6;
}
#payWithoutPromo:active{
  background-color: #0F90E6;
}




#modalApplyPromoCode{
    background: #D9EEFD;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #1C2121 !important;

    display: flex;
    flex-direction: row;
gap: 7px;
    align-content: center;
    align-items: center;
    justify-content:center;
    border-radius: 12px;
    padding: 12px 20px 12px 20px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 0;
    
        box-shadow: none;
    border: none;
    text-shadow: none;
}

#modalApplyPromoCode:hover{
    background-color: #C5DFFB;
}
#modalApplyPromoCode:active{
    background-color: #B2D4FA;
}

#modalPromoCodeInput{
    border: none;
}
.modal-content .purchase-details .promo-code-section{
    border: none;
    padding: 10px 0 0 0;
    margin-bottom: 0;
}
.modal-content .purchase-details .promo-code-section .promo-code-input-group{
    border: 1px solid #D2E4EF;
    border-radius: 12px;
    padding: 10px 10px 10px 10px;
}
.modal-content .purchase-details .purchase-actions{
    margin: 0 0 0 0;
}
.modal-content .purchase-details{
    margin-bottom: 0;
}
.modal-content .purchase-details .promo-code-section .promo-message{
    margin: 20px 0;
}
#purchaseModal .modal-content{
    border: 1px solid #E1EDF5;
    border-radius: 24px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}



#purchaseModal .modal-content .modal-header h3 {
  flex: 1;                       /* растягиваем h3 на всё доступное место */
  text-align: center;            /* текст по центру */
  font-size: clamp(20px, 2vw, 24px);
  color: #1C2020;
  font-weight: 700;
}
.modal-content .modal-header .close-modal {
  flex-shrink: 0;                /* чтобы кнопка не сжималась */
  color: #7F8C8D;
  font-size: 28px;
}

.purchase-details .price-section{
    background: #D9EEFD;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #1C2121 !important;

    display: flex;
    flex-direction: row;
gap: 7px;
    align-content: center;
    align-items: center;
    justify-content:center;
    border-radius: 12px;
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    margin-top: 10px;
    
        box-shadow: none;
    border: none;
    text-shadow: none;
}

.price-section .original-price, .price-section .final-price{
    color: #1C2121;
    font-size: 24px;
    font-weight: 700;
}

.purchase-details .promo-code-section h4{
    font-size: clamp(16px, 1vw, 20px);
    color: #1C2020;
    font-weight: 500;
    
}




#block-17 #generate-similar-top {
  background: #199AF0;
  font-weight: 500;
  font-size: clamp(14px, 1vw, 14px);
  color: #fff;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 8px;
  padding: 10px 14px 10px 14px;
  cursor: pointer;
  text-decoration: none;
  margin-top: 0;
  box-shadow: none;
  border: none;
  text-shadow: none;
}

#block-17 #generate-similar-top:hover{
  background-color: #0F90E6;
}
#block-17 #generate-similar-top:active{
  background-color: #0F90E6;
}




@media (max-width: 480px) {
#block-17 .block-17__box-1-title h1{
  font-size: 28px;
  line-height: 120%;
}
 #block-17 .block-17 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
 #block-17 .block-17__box_all {
    gap: 0;
  }
  
  
  
#block-17 .block-17__box-1-2{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

  justify-content: center;   /* центрируем по горизонтали */
  align-items: center;       /* центрируем по вертикали */
  text-align: center;        /* если внутри текст */
  margin-bottom: 20px;
}




/* 1 и 2 элемент — по 50% */
#block-17 .block-17__box-1-2 > :nth-child(1),
#block-17 .block-17__box-1-2 > :nth-child(2){
  flex: 0 0 calc(50% - 10px);
  justify-content: center;
}

/* 3 элемент — 30% */
#block-17 .block-17__box-1-2 > :nth-child(3){
  flex: 0 0 calc(30% - 10px);
  justify-content: center;
}

/* 4 элемент — 70% */
#block-17 .block-17__box-1-2 > :nth-child(4){
  flex: 0 0 calc(70% - 10px);
  justify-content: center;
}

  

#block-17 .block-17__box-1-2-4-2 {
  font-size: 0;
}
#block-17 .block-17__box-1-2-4-2 #preview-views {
  font-size: 14px;
}  
}

@media (max-width: 360px) {
#block-17 .block-17__box-1-title h1{
  font-size: 24px;
  line-height: 120%;
}
}
/* block-17 */


/* block-18 */
#block-18,
#block-18 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-18{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
    box-sizing: border-box; /* обязательно */
}
#block-18 .block-18{
    padding: 30px 0 30px 0;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1246px;
    width: 100%;
}
#block-18 .content_box{
  padding: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;


}
@media (max-width: 1200px) {
  #block-18 .content_box{
  padding-bottom: 50px;
/*  background: url('../../../layout_project/template/img/block-18/img_chibik-1(30).png') no-repeat 100% 0; */
  }
}
@media (max-width: 992px) {
  #block-18 .content_box{
  padding-bottom: 40px;
/*  background: url('../../../layout_project/template/img/block-18/img_chibik-1(50).png') no-repeat 100% 0; */
    background-size:contain;
  }
}
@media (max-width: 768px) {
  #block-18 .content_box{
  padding-bottom: 30px;
/*  background: url('../../../layout_project/template/img/block-18/img_chibik-1(70).png') no-repeat 100% 0; */
  background-size:contain;
  }
}

#block-18 .content_box-1box{
  display: inline-block;
  width: 100%;
  background: url('../../../layout_project/template/img/block-18/img_chibik-1.png') no-repeat;
background-position: bottom right;
background-size: 400px auto; /* ширина 300px, высота пропорционально */
 padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  #block-18 .content_box-1box{
  padding-top: 50px;
padding-bottom: 50px;
background-size: 350px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 992px) {
  #block-18 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 310px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 768px) {
  #block-18 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 270px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 480px) {
  #block-18 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 360px) {
  #block-18 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-18 .content_box .content_box-1{
display: flex;
flex-direction: column;
gap: 38px;
max-width: 750px;
width: 100%;
}
@media (max-width: 1200px) {
#block-18 .content_box .content_box-1 {
    max-width: 750px;
}
}
@media (max-width: 992px) {
#block-18 .content_box .content_box-1 {
    max-width: 540px;
}

}
@media (max-width: 768px) {
#block-18 .content_box .content_box-1 {
    max-width: 450px;
}
#block-18  .content_box-1_t1{
  width: 80%;
}
}
@media (max-width: 480px) {
#block-18 .content_box .content_box-1 {
    max-width: 100%;
}
}
@media (max-width: 360px) {
#block-18 .content_box .content_box-1 {
    max-width: 300px;
}
}

#block-18 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);

}
#block-18 .content_box .content_box-1 h1 span{
  color: #199AF0;
}
#block-18 .content_box .content_box-1 .content_box-1_t1{
  font-style: Semi;
  font-weight: 500;
  line-height: 32px;
  font-size: clamp(20px, 2vw, 24px);
  color: #585B5B;
}
#block-18 .content_box .content_box-1 .content_box-1_t1 span{
  display: inline-block;
  margin-right: 8px;
  padding: 4px 12px;
  border-radius: 1000px;
  color: #199AF0;
  border: 3px #199AF0 solid;
  font-size: clamp(16px, 5vw, 18px);
  font-weight: 900;
}
#block-18 .content_box .content_box-1 .content_box-1_t2{
  display: flex;
  flex-direction: row;
  gap: 25px;
  justify-content: left;
  flex-wrap: wrap;
}

@media (max-width:580px) {
  #block-18 .content_box .content_box-1 .content_box-1_t2{
  display: flex;
  flex-direction:column;
  gap: 20px;
  justify-content: left;
}
}

#block-18 .content_box .content_box-1 .content_box-1_t2 p {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: left;
  text-transform: uppercase;
  font-size: 12px;
}
#block-18 .content_box .content_box-1 .content_box-1_t2 p span{
display: inline-block;
background:url('../../../layout_project/template/img/block-18/check_mark.svg') no-repeat #199AF0 center center;
border-radius: 6px;
width: 24px;
height: 24px;
border-radius: 6px;
}

#block-18 .content_box .content_box-2{
  display: flex;
  flex-direction: column;
  width:auto;
  box-shadow: 0px 0px 128px 0px #3498DB1F;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
}
#block-18 .content_box .content_box-2 .content_box-2_t1 form{
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
  align-items:start;
}
@media (max-width: 768px) {
  #block-18 .content_box .content_box-2 .content_box-2_t1 form{
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
}
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1, #block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  display: flex;
  flex-direction: column;
  gap: 14px;
}


#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1{
    flex: 1; /* занимает всё оставшееся место */
}


#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input{
width:auto;
height: 56px;
line-height: 56px;
border-radius: 8px;
padding: 16px 16px 16px 62px;
border: 2px dashed #199AF0;

font-weight: 400;
font-size:  clamp(16px, 2vw, 18px);

  background: url('../../../layout_project/template/img/block-18/search_img-1.png') no-repeat 10px center;
  background-size: 36px;

}


#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button:hover{
  background-color: #0F90E6;
}
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button:active{
  background-color: #0D84D3;
}


#block-18 .content_box .content_box-2 .content_box-2_t1_form-1 input:focus {
  outline: none; /* убираем стандартную рамку */
  box-shadow: none; /* на всякий случай убираем glow у Chrome/Safari */
}


#block-18 .content_box .content_box-2 .content_box-2_t1_form-1::after {
  color: #1C2121;
}
#block-18 .content_box .content_box-2 .content_box-2_t1_form-1.active::after {
  color: #1C2121;
}

/* мигание линии */
@keyframes blink {
  50% { opacity: 0.4; }
}


#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input:hover{
    background-color: #ECF7FE;
}
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input:active{
    background-color: #fff;
}


  #block-18 .content_box .content_box-2{
    padding: 18px;
  }
  #block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input{

width: 100%;
background-size: 22px;
padding-left: 40px;
}

#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 span{
  background: url('../../../layout_project/template/img/block-18/attention-1.png') no-repeat 0 center;
  font-weight: 500;
  padding-left: 30px;
  font-size: 17px;
  font-size: clamp(12px, 2vw, 17px);
  line-height: 22px;
  text-align:left;
  color: #585B5B;
}
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
    width: 200px;
}
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button {
    height: 56px;
/*    padding-left: 30px; */
    width:auto;
    background: #199AF0;
    font-weight: 500;
    font-size:  clamp(16px, 2vw, 18px);
    color: #fff;
/*    background-image: url('../../../layout_project/template/img/block-18/star_button-1.svg'); */
    background-repeat: no-repeat;
    background-position: left 20px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}

@media (max-width: 992px) {
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 25px; */
    background-position: left 20px center;
}
}
@media (max-width: 768px) {
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 20px; */
    background-position: left 20px center;
}
}
@media (max-width: 668px) {
  /*
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
    text-indent: -9999px; 
    overflow: hidden;
    position: relative;
  }
  */
#block-18 .content_box .content_box-2 .content_box-2_t1 form{
  gap: 30px;
}
}
@media (max-width: 668px) {
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 18px; */
    background-position: center center;
}
}

#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 span{
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #199AF0;
}




#block-18 .content_box .content_box-3{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width:auto;

    background: #F5FAFE;
  padding: 10px;
  border-radius: 12px;
}







/*
#block-18 .content_box .content_box-3 .mySwiper {
    width: 100%;
  }

#block-18 .content_box .content_box-3 .swiper-slide {
    display: flex;
    flex-direction:column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;

    font-size: 1rem;
    text-align: center;

    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
  }


#block-18 .content_box .content_box-3 .swiper-slide:hover{
    background: #ECF6FE;
}
#block-18 .content_box .content_box-3 .swiper-slide:active{
    background: #D9EEFD;
}
#block-18 .content_box .content_box-3 .swiper-slide:hover strong{
  color: #199AF0;
}
#block-18 .content_box .content_box-3 .swiper-slide:active strong{
  color: #199AF0;
}



#block-18 .content_box .content_box-3 .swiper-slide .content {
    width: 100%;
  }

  #block-18 .content_box .content_box-3 .swiper-slide strong{
    font-weight: 600;
    font-size: 14px;
  }
    #block-18 .content_box .content_box-3 .swiper-slide p{
    font-weight: 400;
    font-size: 12px;
  }

#block-18 .content_box-2_t1_form-1 span{
    background-image: url('../../../layout_project/template/img/block-18/attention-1.png');
    background-repeat: no-repeat;
    background-position: left 0 center;
    padding-left: 30px;
}
@media (max-width: 480px) {
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  width: 100%;
}
#block-18 .content_box-2_t1_form-1 span{
display: none;
}
#block-18 .content_box-2_t1_form-1{
  max-width: 100%;
  width: 100%;
}
}
*/


#block-18 .content_box .content_box-3 .mySwiper {
    width: 100%;
  }

#block-18 .content_box .content_box-3 .swiper-slide {
    display: flex;
    flex-direction:column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;

    font-size: 1rem;
    text-align: center;
    /* чтобы текст красиво переносился внутри слайда */
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
  }


#block-18 .content_box .content_box-3 .swiper-slide:hover{
    background: #ECF6FE;
}
#block-18 .content_box .content_box-3 .swiper-slide:active{
    background: #D9EEFD;
}
#block-18 .content_box .content_box-3 .swiper-slide:hover strong{
  color: #199AF0;
}
#block-18 .content_box .content_box-3 .swiper-slide:active strong{
  color: #199AF0;
}


  /* Опционально: если хочешь, чтобы слайды имели макс ширину (например карточки) */
#block-18 .content_box .content_box-3 .swiper-slide .content {
    width: 100%;
  }

  #block-18 .content_box .content_box-3 .swiper-slide strong{
    font-weight: 600;
    font-size: 14px;
  }
    #block-18 .content_box .content_box-3 .swiper-slide p{
    font-weight: 400;
    font-size: 12px;
  }

#block-18 .content_box-2_t1_form-1 span{
    background-image: url('/layout_project/template/img/block-1/attention-1.png');
    background-repeat: no-repeat;
    background-position: left 0 center;
    padding-left: 30px;
}


@media (max-width: 480px) {
#block-18 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  width: 100%;
}
#block-18 .content_box-2_t1_form-1 span{
display: none;
}
#block-18 .content_box-2_t1_form-1{
  max-width: 100%;
  width: 100%;
}
}
@media (max-width: 480px) {
#block-18 .content_box .content_box-3 .swiper-slide {
  gap: 0;
  min-height: 40px;
  padding: 5px;
}
}


#block-18 .content_box .content_box-3 a{
  text-decoration: none;
}

#block-18 .content_box-1box_2{
  display: inline-block;
  width: 100%;
  padding: 0 0 30px 0;
}
#block-18 .content_box-1box_2 h2{
    font-size:  clamp(24px, 2vw, 32px);
}

#block-18{
  background: #fff;
}
#block-18 .content_box{
  display: inline-block;
background: #F7F9FC;
    padding: 35px 30px;
    margin: 0 0 30px 0;
    border-radius: 24px;
}


#block-18 .content_box .content_box-2 {
    display: none;
}
#block-18 .content_box-1box_2 {
    padding: 0 0 10px 0;
}
#block-18 .content_box-3 a p{
	color:#7F8C8D;
}


@media (max-width: 480px) {
#block-18 .block-18 {
  padding: 0 0 0 0;
}
#block-18 .content_box {
  padding: 10px 20px;
  margin: 0 0 20px 0;
}
#block-18 .content_box .content_box-3 {
  margin-top: 10px;
  padding: 0;
}
#block-18 .content_box {
  padding: 10px 20px 20px 20px;
  margin: 0 0 20px 0;
  border-radius: 18px;
}
#block-18 .content_box-1box_2 h2 {
  font-size: 20px;
  line-height: 140%;
}
}
/* block-18 */


/* block-19 */
#block-19,
#block-19 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-19{
background: linear-gradient(180deg, #F5FBFF, #ECF7FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-19 a:hover{
    color: #199AF0 !important;
}
#block-19 a:active{
    color: #0D84D3 !important;
}
#block-19 .block-19{
  padding: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-19 .block-19{
  padding-top: 20px;
  padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  #block-19 .block-19{
  padding-top: 20px;
  padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  #block-19 .block-19{
  padding-top: 20px;
  padding-bottom: 0;
  }
}

  #block-19 .block-19__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
@media (max-width: 1200px) {
  #block-19 .block-19__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-19 .block-19__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-19 .block-19__title{
  padding-bottom: 30px;
}
}



#block-19 .block-19__box_all{
  display: flex;
  flex-direction: row;
  gap: 22px;
  flex-wrap: wrap;
}
#block-19 .block-19__box_all-box{
  flex: 1 1 calc(33.333% - 20px); /* по 3 в ряд */
}
@media (max-width: 992px) {
#block-19 .block-19__box_all-box{
  flex: 1 1 calc(50% - 20px); /* по 2 в ряд */
}
}
@media (max-width: 768px) {
#block-19 .block-19__box_all-box{
  flex: 1 1 100%; /* по 1 в ряд */
}
}

  #block-19 .block-19__box_all-box{
  display: flex;
  flex-direction:column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;

}
  #block-19 .block-19__box_all-box-1{
  display: flex;
  flex-direction:row;
  gap: 20px;
    justify-content: center;
  align-items: center;
  }

#block-19 .block-19__box_all-box-1-2{
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
#block-19 .block-19__box_all-box:nth-child(1) .block-19__box_all-box-1-2{
	background: #DAFBF4;
}
#block-19 .block-19__box_all-box:nth-child(2) .block-19__box_all-box-1-2{
	background: #DAE5FB;
}
#block-19 .block-19__box_all-box:nth-child(3) .block-19__box_all-box-1-2{
	background: #F9F4E3;
}
#block-19 .block-19__box_all-box:nth-child(4) .block-19__box_all-box-1-2{
	background: #ECD7FB;
}
#block-19 .block-19__box_all-box:nth-child(5) .block-19__box_all-box-1-2{
	background: #DAFBF4;
}
#block-19 .block-19__box_all-box:nth-child(6) .block-19__box_all-box-1-2{
	background: #ECD7FB;
}
#block-19 .block-19__box_all-box:nth-child(7) .block-19__box_all-box-1-2{
	background: #DAFBF4;
}
#block-19 .block-19__box_all-box:nth-child(8) .block-19__box_all-box-1-2{
	background: #DAE5FB;
}
#block-19 .block-19__box_all-box:nth-child(9) .block-19__box_all-box-1-2{
	background: #F9F4E3;
}

  #block-19 .block-19__box_all-box-2{
  display: flex;
  flex-direction:row;
  gap: 0;
  justify-content:space-between;
  align-items: center;
  }
  #block-19 .block-19__box_all-box-4{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }



#block-19 .block-19__box_all {
  overflow: hidden;
  transition: max-height 0.4s ease;
}



/* раскрытие / сворачивание */
#block-19 .block-19__more {
  text-align: center;
  margin-top: 20px;
}

#block-19 .block-19__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;

    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;

    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
color: #1C2121;

  transition: color 0.3s ease;
  user-select: none;
}

#block-19 .block-19__toggle:hover{
    background-color: #C5DFFB;
}
#block-19 .block-19__toggle:active{
    background-color: #B2D4FA;
}

#block-19 .block-19box{
    border-radius: 48px;
    background: #fff;
    padding: 34px 34px;

    border-radius: 12px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}

/* стрелка — делаем через псевдоэлемент */
#block-19 .block-19__toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* при раскрытии — стрелка вверх */
#block-19 .block-19__toggle.active::after {
  transform: rotate(-135deg);
}

/* плавное раскрытие блока */
#block-19 .block-19__box_all {
  transition: max-height 0.4s ease;
}
/* раскрытие / сворачивание */




#block-19 .block-19__box_all-box-1-1{
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
  line-height: 140%;
}





  #block-19 .block-19__title_box{
  font-weight: 700;
  font-size: clamp(22px, 2vw, 24px);
  text-align:left;
  color: #1C2121;
  padding-bottom: 40px;
}
@media (max-width: 1200px) {
  #block-19 .block-19__title_box{
  padding-bottom: 30px;
}
}
@media (max-width: 992px) {
  #block-19 .block-19__title_box{
  padding-bottom: 30px;
}
}
@media (max-width: 768px) {
  #block-19 .block-19__title_box{
  padding-bottom: 30px;
}
}

#block-19 .block-19__box_all-box-1{
  display: flex;
  flex-direction:column;
}
#block-19 .block-19__box_all-box-2{
  display: flex;
  flex-direction:column;
  width: 100%;
  padding-bottom: 16px;
}
#block-19 .block-19__box_all-box-2 div{
  display: flex;
  gap: 0;
  width: 100%;
  flex-direction:row;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom:#9FC9F9 1px solid ;
}
#block-19 .block-19__box_all-box-2 div span{
  flex: 1;
}
#block-19 .block-19__box_all-box-2 div span:nth-of-type(1) {
  text-align: left;
  color: #585B5B;
  font-size: 14px;
  font-weight: 400;
}
#block-19 .block-19__box_all-box-2 div span:nth-of-type(2) {
  text-align:right;
  color: #1C2121;
  font-size: 14px;
  font-weight: 600;
}
#block-19 .block-19__box_all-box-2 div span:nth-of-type(2) a{
  color: #199AF0;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

#block-19 .block-19__box_all-box-3_1{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#block-19 .block-19__box_all-box-3_1 a{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
padding: 12px 24px;
border-radius: 12px;
}
#block-19 .block-19__box_all-box-3_1 button{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
padding: 12px 24px;
border-radius: 12px;
border: none;

  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v1{
  background: #199AF0;
  color: #fff;
  cursor: pointer;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v1:hover{
  background-color: #0F90E6;
color:#fff !important;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v1:active{
  background-color: #0F90E6;
color:#fff !important;
}


#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v2{
  background: #D9EEFD;
  color: #1C2121;
  cursor: pointer;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v2:hover{
    background-color: #C5DFFB;
      color: #1C2121 !important;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v2:active{
    background-color: #B2D4FA;
      color: #1C2121 !important;
}


#block-19 .block-19__box_all-box-3_1 .btn_s-secondary{
  background: #D9EEFD;
  color: #1C2121;
}
#block-19 .block-19__box_all-box-3_1 .btn_s-secondary:hover{
    background-color: #C5DFFB;
      color: #1C2121 !important;
}
#block-19 .block-19__box_all-box-3_1 .btn_s-secondary:active{
    background-color: #B2D4FA;
      color: #1C2121 !important;
}


#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v3{
border: 1px #E1EDF5 solid;
color: #1C2121;
cursor: pointer;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v3:hover{
    color: #199AF0 !important;
color: #1C2121;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v3:active{
    color: #0D84D3 !important;
color: #1C2121;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v4{
border: 1px #E1EDF5 solid;
color: #1C2121;
cursor: pointer;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v4:hover{
    color: #199AF0 !important;
}
#block-19 .block-19__box_all-box-3_1 a.block-19__box_all-box-3_1v4:active{
    color: #0D84D3 !important;
}

@media (max-width: 480px) {
#block-19 .block-19box {
  padding: 20px 20px;
  border-radius: 12px;
}
#block-19 .block-19__title_box {
  font-size: 20px;
  padding-bottom: 20px;
}
#block-19 .block-19__box_all-box-1-1 {
  width: 100%;
}
#block-19 .block-19__box_all-box {
  border-radius: 16px;
}
#block-19 .block-19__box_all-box-2 div span:nth-of-type(2) {
  font-weight: 500;
}
#block-19 .block-19__box_all-box-2 div span:nth-of-type(2).status_demo{
    color:#199AF0;
}
#block-19 .block-19__box_all-box-3_1 a{
    font-size: 14px;
    border-radius: 12px;
    padding: 10px 16px;
}
#block-19 .block-19__box_all-box-3_1 {
  gap: 14px;
  width: 100%;
}
#block-19 .block-19__box_all-box-2 div {
  padding: 8px 0;
}
#block-19 .block-19__box_all-box-1 {
  gap: 13px;
}
#block-19 .block-19__box_all-box {
  gap: 17px;
  padding: 20px;
}
#block-19 .block-19__toggle {
  padding: 10px 40px 10px 20px;
}
}

@media (max-width: 360px) {
#block-19 .block-19__title_box {
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 140%;
  }
#block-19 .block-19__box_all-box-1-1 {
  font-size: 14px;
}
#block-19 .block-19__box_all-box {
  padding: 20px;
}
}

#block-19 .block-19__box_all-box-1-1 p a{
    color:#199AF0;
}
#block-19 .block-19__box_all-box-1-1 p a:hover{
    color:#0D84D3;
}
/* block-19 */


/* block-20 */
#block-20,
#block-20 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-20{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-20 .content_box{
  padding: 0 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;


}

#block-20 .content_box-1 .content_box-1_form_box-4{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

@media (max-width: 1200px) {
  #block-20 .content_box{
  padding-bottom: 0;
/*  background: url('../../../layout_project/template/img/block-20/img_chibik-1(30).png') no-repeat 100% 0; */
  }
}
@media (max-width: 992px) {
  #block-20 .content_box{
  padding-bottom: 0;
/*  background: url('../../../layout_project/template/img/block-20/img_chibik-1(50).png') no-repeat 100% 0; */
    background-size:contain;
  }
}
@media (max-width: 768px) {
  #block-20 .content_box{
  padding-bottom: 0;
/*  background: url('../../../layout_project/template/img/block-20/img_chibik-1(70).png') no-repeat 100% 0; */
  background-size:contain;
  }
}

#block-20 .content_box-1box{
  display: inline-block;
  width: 100%;
  background: url('../../../layout_project/template/img/block-20/img_chibik-1.png') no-repeat;
background-position: bottom right;
background-size: 540px auto; /* ширина 300px, высота пропорционально */
 padding-top: 60px;
/* min-height: 520px; */
  padding-bottom: 20px;
}
@media (max-width: 1200px) {
  #block-20 .content_box-1box{
  padding-top: 50px;
padding-bottom: 20px;
background-size: 450px auto;
  }
}
@media (max-width: 992px) {
  #block-20 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 350px auto;
  }
}
@media (max-width: 768px) {
  #block-20 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background: none;
/* background-size: 270px auto; */
  }
}
@media (max-width: 480px) {
  #block-20 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 360px) {
  #block-20 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-20 .content_box .content_box-1{
display: flex;
flex-direction: column;
gap: 38px;
/* max-width: 750px; */
width: 100%;
}
@media (max-width: 1200px) {
#block-20 .content_box .content_box-1 {
/*    max-width: 750px; */
}
}
@media (max-width: 992px) {
#block-20 .content_box .content_box-1 {
/*    max-width: 540px; */
}

}
@media (max-width: 768px) {
#block-20 .content_box .content_box-1 {
/*    max-width: 450px; */
}
#block-20  .content_box-1_t1{
  width: 80%;
}
}
@media (max-width: 480px) {
#block-20 .content_box .content_box-1 {
    max-width: 100%;
}
}
@media (max-width: 360px) {
#block-20 .content_box .content_box-1 {
    max-width: 300px;
}
}

#block-20 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);
line-height: normal;
}
#block-20 .content_box .content_box-1 h1 span{
  color: #199AF0;
}




#block-20 .content_box-1_form{
  display: inline-block;
  float: left;
  max-width: 570px;
}
#block-20 .content_box-1_form form{
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 30px;
}

#block-20 .content_box-1_form form .content_box-1_form_box-1,
#block-20 .content_box-1_form form .content_box-1_form_box-2,
#block-20 .content_box-1_form form .content_box-1_form_box-3{
display: flex;
gap: 40px;
width: 100%;

align-items: center;
}

#block-20 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-20 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-20 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
  width: 180px;
  line-height: 140%;
}
#block-20 .content_box-1_form form .content_box-1_form_box-1 input,
#block-20 .content_box-1_form form .content_box-1_form_box-2 input
{
  width: auto;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  color: #1C2121;
  background: #ECF7FE;
  border: 1px #D2E4EF solid;
  border-radius: 12px;
  padding: 14px 16px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-1 input,
#block-20 .content_box-1_form form .content_box-1_form_box-2 input
{
  min-width: 300px;
}

#block-20 .content_box-1_form form .content_box-1_form_box-3 div span{

}
#block-20 .content_box-1_form form .content_box-1_form_box-3 div{
  display: flex;
  flex-direction: row;
align-items: center;
gap: 10px;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  color: #1C2121;
  background: #ECF7FE;
  border: 1px #D2E4EF solid;
  border-radius: 12px;
  padding: 10px 16px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-3 div span{
  display: inline-block;
  padding: 6px 20px;
  background: #199AF0;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
#block-20 .content_box-1_form_box-4 input{
  background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #1C2121;
    padding: 16px 20px;
    display: flex;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 20px;
}
#block-20 .content_box-1_form_box-4 input:hover{
    background-color: #C5DFFB;
}
#block-20 .content_box-1_form_box-4 input:active{
    background-color: #B2D4FA;
}

#block-20 .content_box-1_form_box-4 a{
  display: inline-block !important;
  background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #1C2121;
    padding: 12px 16px;
    display: flex;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 0;
}
#block-20 .content_box-1_form_box-4 a:hover{
    background-color: #C5DFFB;
}
#block-20 .content_box-1_form_box-4 a:active{
    background-color: #B2D4FA;
}


#block-20 .content_box-1box .content_box-1box_2{
    margin: 40px 0 0 0;
    line-height: 1.2;
}

@media (max-width: 768px) {
#block-20 .content_box-1{
  width: 100%;
  min-width: 100%;
}
#block-20 .content_box-1_form{
    width: 100%;
  min-width: 100%;
}
#block-20 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-20 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s{
flex: 0 0 180px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-1 input,
#block-20 .content_box-1_form form .content_box-1_form_box-2 input{
flex: 1;
min-width: auto;
}
}

@media (max-width: 530px) {
#block-20 .content_box-1_form form .content_box-1_form_box-1,
#block-20 .content_box-1_form form .content_box-1_form_box-2{
flex-direction: column;
align-items: start;
gap: 20px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s, #block-20 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s{
  flex: 1;
}
#block-20 .content_box-1_form form .content_box-1_form_box-1 input,
#block-20 .content_box-1_form form .content_box-1_form_box-2 input{
  width: 100%;
}
}
#block-20 .content_box-2box{
  display: flex;
    flex-direction: row;
    gap: 40px;
    border-radius: 48px;
    background: #fff;
    padding: 14px 14px;

    border: 1px solid #E1EDF5;
    border-radius: 12px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}

#block-20{
background: linear-gradient(180deg, #EDF6FD, #F5FBFF);
}
#block-20  .content_box-2box-2_button-1 a{
display: inline-block;
    line-height: 56px;
    padding: 0 30px 0 60px;
    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url(/layout_project/template/img/block-20/star_button-2.svg);
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}
#block-20  .content_box-2box-2_button-1 a:hover{
  background-color: #0F90E6;
}
#block-20  .content_box-2box-2_button-1 a:active{
  background-color: #0F90E6;
}
#block-20 .content_box-2box{
  justify-content: space-between;
}
#block-20 .content_box-2box-1 a.content_box-2box-1_a{
  display: inline-block;
  padding: 0 32px;
  height: 50px;
  line-height: 50px;
  border-radius: 12px;
  border: 1px #E1EDF5 solid;
  text-decoration: none;
  font-weight: 600;
  color: #1C2121;
  font-size: 16px;
}
#block-20 .content_box-2box-1{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
#block-20 .content_box-2box-1 a.content_box-2box-1_a_active{
background: #ECF6FE;
color: #199AF0;
border-color: #199AF0;
}
@media (max-width: 640px) {
#block-20 .content_box-2box-2{
  display: none;
}
#block-20 .content_box-2box .content_box-2box-1{
  box-sizing: border-box;
  flex-basis: calc(100%);
  justify-content: space-between;
  align-items: stretch;

}
#block-20 .content_box-2box .content_box-2box-1 a{
  flex: 1;
  text-align: center;
}
}
@media (max-width: 480px) {
#block-20 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-20 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-20 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s
{
    width: 90px;
    min-width: 90px;
    font-size: 14px;
  font-size: 15px;
}
  #block-20 .content_box-1_form form .content_box-1_form_box-1,
  #block-20 .content_box-1_form form .content_box-1_form_box-2
  {
    flex-direction: row;
    gap: 20px;
  }
  #block-20 .content_box-1box {
    padding: 20px 20px 10px 20px;
  }
  
 #block-20 .content_box-1_form form .content_box-1_form_box-1 input,
 #block-20 .content_box-1_form form .content_box-1_form_box-2 input
 {
  flex: auto;
  padding: 8px 16px;
color: #1C2020;
font-size: 15px;
line-height:normal;
  }
#block-20 .content_box-1_form form .content_box-1_form_box-1,
#block-20 .content_box-1_form form .content_box-1_form_box-2,
#block-20 .content_box-1_form form .content_box-1_form_box-3
{
  gap: 30px;
  align-items: center;
}

#block-20 .content_box-1_form_box-3{
  align-items: start;
}
#block-20 .content_box .content_box-1 h1{
    font-size: 24px;
}
#block-20 .content_box .content_box-1 {
  gap: 0;
}
#block-20 .content_box-1_form form {
  gap: 12px;
  margin-top: 20px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-3 div {
  font-size: 16px;
  line-height: normal;
}
#block-20 .content_box-1box {
  min-height:auto;
}
#block-20 .content_box-2box{
    display: none;
}
#block-20 .content_box-1_form_box-4 a {
  font-size: 11px;
  padding: 7px 14px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s {
    width: 140px;
    min-width: 140px;
    font-size: 12px;
  }
#block-20 .content_box-1_form form .content_box-1_form_box-3 div span {
  padding: 6px 15px;
}
#block-20 .content_box-1_form form .content_box-1_form_box-3 div {
  padding: 5px 10px;
}
}

@media (max-width: 380px) {
 #block-20 .content_box .content_box-1 h1 {
    font-size: 20px;
  }
}
@media (max-width: 360px) {
#block-20 .content_box .content_box-1 h1 {
    font-size: 24px;
  }
#block-20 .content_box-1_form form .content_box-1_form_box-1,
#block-20 .content_box-1_form form .content_box-1_form_box-2
{
    gap: 10px;
    flex-direction: column;
    align-items: start;
  }
  #block-20 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
  #block-20 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
  #block-20 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s
  {
    width:auto;
    min-width: 90px;
    font-size: 13px;
  }
  #block-20 .content_box-1_form form .content_box-1_form_box-3 div {
    font-size: 16px;
    min-width: 120px;
  }
    #block-20 .content_box-1_form_box-4 a {
    font-size: 12px;
  }
}
@media (max-width: 300px) {
    #block-20 .content_box-1_form form .content_box-1_form_box-3{
        flex-direction:column;
        gap: 14px;
        margin-top: 20px;
    }
    #block-20 .content_box-1_form_box-4{
        text-align: center;
    }
#block-20 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s{
    display: inline-block;
    width:100%;
    text-align: center;
}  
}
/* block-20 */



/* block-21 */
#block-21,
#block-21 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-21{
background: #ECF7FD;
  width: 100%;
  padding: 0 3vw 0 3vw;
  height: auto !important;
}
#block-21 .block-21{
    margin: 20px 0;
  padding: 20px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-21 .block-21{
  padding-top: 20px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-21 .block-21{
  padding-top: 20px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-21 .block-21{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}

#block-21 .block-21__button {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content:center;
  align-items:center;
}
#block-21 .block-21__button-1 a{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
gap: 10px;
    line-height: 56px;
    padding: 0 30px 0 30px;

    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;

    border: 0;
    border-radius: 12px;
    cursor: pointer;

    text-decoration: none;
}

#block-21  .block-21__button-1 a:hover{
  background-color: #0F90E6;
}
#block-21  .block-21__button-1 a:active{
  background-color: #0F90E6;
}

@media (min-width: 640px) {
#block-21 .block-21{
/*  display: none; */
}
#block-21{
  height: 70px;
}
}
@media (max-width: 640px) {
#block-21 .block-21__button-1{
  width: 100%;
}
#block-21 .block-21__button-1 a{
  width: 100%;
}
}

@media (max-width: 480px) {
    #block-21 .block-21__button-1{
    padding: 14px 16px;
    line-height: normal;
    }
#block-21 .block-21__button-1 a {
  line-height: 46px;
}
  #block-21 .block-21 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* block-21 */



/* стрелочка на верх */
.scroll-to-top {
	background: #199AF0 !important;
}
.scroll-to-top:hover{
  background-color: #0F90E6 !important;
}
.scroll-to-top:active{
  background-color: #0F90E6 !important;
}
/* стрелочка на верх */


/* block-22 */
#block-22,
#block-22 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-22{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-22 .content_box{
  padding: 0 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;


}
@media (max-width: 1200px) {
  #block-22 .content_box{
  padding-bottom: 0;
/*  background: url('../../../layout_project/template/img/block-22/img_chibik-1(30).png') no-repeat 100% 0; */
  }
}
@media (max-width: 992px) {
  #block-22 .content_box{
  padding-bottom: 0;
/*  background: url('../../../layout_project/template/img/block-22/img_chibik-1(50).png') no-repeat 100% 0; */
    background-size:contain;
  }
}
@media (max-width: 768px) {
  #block-22 .content_box{
  padding-bottom: 0;
/*  background: url('../../../layout_project/template/img/block-22/img_chibik-1(70).png') no-repeat 100% 0; */
  background-size:contain;
  }
}

#block-22 .content_box-1box{
  display: inline-block;
  width: 100%;
  background: url('../../../layout_project/template/img/block-22/img_chibik-1.png') no-repeat;
background-position: bottom right;
background-size: 540px auto; /* ширина 300px, высота пропорционально */
 padding-top: 60px;
 min-height: 520px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  #block-22 .content_box-1box{
  padding-top: 50px;
padding-bottom: 70px;
background-size: 450px auto;
  }
}
@media (max-width: 992px) {
  #block-22 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 350px auto;
  }
}
@media (max-width: 768px) {
  #block-22 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background: none;
/* background-size: 270px auto; */
  }
}
@media (max-width: 480px) {
  #block-22 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 360px) {
  #block-22 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-22 .content_box .content_box-1{
display: flex;
flex-direction: column;
gap: 38px;
max-width: 750px;
width: 100%;
}
@media (max-width: 1200px) {
#block-22 .content_box .content_box-1 {
    max-width: 750px;
}
}
@media (max-width: 992px) {
#block-22 .content_box .content_box-1 {
    max-width: 540px;
}

}
@media (max-width: 768px) {
#block-22 .content_box .content_box-1 {
    max-width: 450px;
}
#block-22  .content_box-1_t1{
  width: 80%;
}
}
@media (max-width: 480px) {
#block-22 .content_box .content_box-1 {
    max-width: 100%;
}
}
@media (max-width: 360px) {
#block-22 .content_box .content_box-1 {
    max-width: 300px;
}
}

#block-22 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);

}
#block-22 .content_box .content_box-1 h1 span{
  color: #199AF0;
}




#block-22 .content_box-1_form{
  display: inline-block;
  float: left;
  max-width: 570px;
}
#block-22 .content_box-1_form form{
display: flex;
flex-direction: column;
gap: 20px;
padding: 30px 30px;
border-radius: 24px;
background: #fff;
}

#block-22 .content_box-1_form form .content_box-1_form_box-1,
#block-22 .content_box-1_form form .content_box-1_form_box-2,
#block-22 .content_box-1_form form .content_box-1_form_box-3,
#block-22 .content_box-1_form form .content_box-1_form_box-4,
#block-22 .content_box-1_form form .content_box-1_form_box-5,
#block-22 .content_box-1_form form .content_box-1_form_box-6
{
display: flex;
gap: 40px;
width: 100%;

align-items: center;

}

#block-22 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-22 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-22 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-22 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-22 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-22 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
  width: 180px;
  line-height: 140%;
}
#block-22 .content_box-1_form form .content_box-1_form_box-1 input,
#block-22 .content_box-1_form form .content_box-1_form_box-2 input,
#block-22 .content_box-1_form form .content_box-1_form_box-3 input,
#block-22 .content_box-1_form form .content_box-1_form_box-4 input,
#block-22 .content_box-1_form form .content_box-1_form_box-5 input,
#block-22 .content_box-1_form form .content_box-1_form_box-6 input
{
  width: 100%;
  max-width: 300px;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  color: #1C2121;

  border: 1px #D2E4EF solid;
  border-radius: 12px;
  padding: 14px 16px;
}


#block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1{

background: #199AF0;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
    color: #fff;
    padding: 16px 20px;
    display: flex;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 20px;
    height: 52px;
    align-items: center;
}
#block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1:hover{
  background-color: #0F90E6;
}
#block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1:active{
  background-color: #0F90E6;
}

#block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2{
  display:flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
background: #FEECEC;
border: 1px #FCC5C5 solid;
    font-weight: 600;
    font-size: clamp(14px, 1vw, 16px);
    color: #F01919;
    padding: 16px 20px;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;

    margin-top: 20px;
        height: 50px;
    align-items: center;
}
#block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2:hover{
  background-color: #FDD9D9;
  border-color: #FA9E9E;
}
#block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2:active{
  background-color: #FBC5C5;
  border-color: #F87777;
}

@media (max-width: 560px) {


}



@media (max-width: 768px) {
#block-22 .content_box-1{
  width: 100%;
  min-width: 100%;
}
#block-22 .content_box-1_form{
    width: 100%;
  min-width: 100%;
}
#block-22 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-22 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-22 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-22 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-22 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-22 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
flex: 0 0 180px;
}
#block-22 .content_box-1_form form .content_box-1_form_box-1 input,
#block-22 .content_box-1_form form .content_box-1_form_box-2 input,
#block-22 .content_box-1_form form .content_box-1_form_box-3 input,
#block-22 .content_box-1_form form .content_box-1_form_box-4 input,
#block-22 .content_box-1_form form .content_box-1_form_box-5 input,
#block-22 .content_box-1_form form .content_box-1_form_box-6 input
{
width: 100%;
flex: 1;
max-width: 300px;
}
}

@media (max-width: 530px) {
#block-22 .content_box-1_form form .content_box-1_form_box-1,
#block-22 .content_box-1_form form .content_box-1_form_box-2,
#block-22 .content_box-1_form form .content_box-1_form_box-3,
#block-22 .content_box-1_form form .content_box-1_form_box-4,
#block-22 .content_box-1_form form .content_box-1_form_box-5,
#block-22 .content_box-1_form form .content_box-1_form_box-6
{
flex-direction: column;
align-items: start;
gap: 10px;
}
#block-22 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-22 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-22 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-22 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-22 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-22 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  flex: 1;
}
#block-22 .content_box-1_form form .content_box-1_form_box-1 input,
#block-22 .content_box-1_form form .content_box-1_form_box-2 input,
#block-22 .content_box-1_form form .content_box-1_form_box-3 input,
#block-22 .content_box-1_form form .content_box-1_form_box-4 input,
#block-22 .content_box-1_form form .content_box-1_form_box-5 input,
#block-22 .content_box-1_form form .content_box-1_form_box-6 input
{
  width: 100%;
}
}
#block-22 .content_box-2box{
  display: flex;
    flex-direction: row;
    gap: 40px;
    border-radius: 48px;
    background: #fff;
    padding: 14px 14px;

    border: 1px solid #E1EDF5;
    border-radius: 12px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}

#block-22{
background: linear-gradient(180deg, #EDF6FD, #F5FBFF);
}
#block-22  .content_box-2box-2_button-1 a{
display: inline-block;
    line-height: 56px;
    padding: 0 30px 0 60px;
    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url(/layout_project/template/img/block-22/star_button-2.svg);
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}
#block-22  .content_box-2box-2_button-1 a:hover{
  background-color: #0F90E6;
}
#block-22  .content_box-2box-2_button-1 a:active{
  background-color: #0F90E6;
}
#block-22 .content_box-2box{
  justify-content: space-between;
}
#block-22 .content_box-2box-1 a.content_box-2box-1_a{
  display: inline-block;
  padding: 0 32px;
  height: 50px;
  line-height: 50px;
  border-radius: 12px;
  border: 1px #E1EDF5 solid;
  text-decoration: none;
  font-weight: 600;
  color: #1C2121;
  font-size: 16px;
}
#block-22 .content_box-2box-1{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
#block-22 .content_box-2box-1 a.content_box-2box-1_a_active{
background: #ECF6FE;
color: #199AF0;
border-color: #199AF0;
}
@media (max-width: 640px) {
#block-22 .content_box-2box-2{
  display: none;
}
#block-22 .content_box-2box .content_box-2box-1{
  box-sizing: border-box;
  flex-basis: calc(100%);
  justify-content: space-between;
  align-items: stretch;

}
#block-22 .content_box-2box .content_box-2box-1 a{
  flex: 1;
  text-align: center;
}
}
@media (max-width: 480px) {
#block-22 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-22 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-22 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-22 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-22 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-22 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  width: 100%;
  font-size: 15px;
}
}



#block-22 .content_box-1_form form .password-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 300px;
}
#block-22 .content_box-1_form form .password-box input {
  width: 100%;

  text-align: left;
  font-size: 16px;
  color: #000;
}
#block-22 .content_box-1_form form .password-box input::placeholder {
  color: #000;
}
#block-22 .content_box-1_form form .eye {
  position: absolute;
  right: 10px;
  width: 22px;
  height: 22px;
  background-image: url("/layout_project/template/img/block-22/eye.svg");   /* иконка открытого глаза */
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
#block-22 .content_box-1_form form .eye.hide {
  background-image: url("/layout_project/template/img/block-22/eye-off.svg"); /* иконка закрытого глаза */
}


@media (max-width: 480px) {
    #block-22 .content_box-1box{
        padding: 20px 20px 10px 20px;
min-height: auto;
    }
#block-22 .content_box .content_box-1 h1{
    font-size: 28px;
}
#block-22 .content_box .content_box-1 {
  gap: 20px;
}
#block-22 .content_box-1_form form {
  gap: 12px;
  padding: 20px 20px;
  border-radius: 20px;
}
  #block-22 .content_box-1_form form .content_box-1_form_box-1,
  #block-22 .content_box-1_form form .content_box-1_form_box-2,
  #block-22 .content_box-1_form form .content_box-1_form_box-3,
  #block-22 .content_box-1_form form .content_box-1_form_box-4,
  #block-22 .content_box-1_form form .content_box-1_form_box-5,
  #block-22 .content_box-1_form form .content_box-1_form_box-6
  {
    flex-direction: row;
gap: 10px;
    align-items: center;
  }
  #block-22 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
  #block-22 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
  #block-22 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
  #block-22 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
  #block-22 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
  #block-22 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
  {
width: 100px;
    min-width: 100px;
    font-size: 13px;
  }
  #block-22 .content_box-1_form form .content_box-1_form_box-1 input,
  #block-22 .content_box-1_form form .content_box-1_form_box-2 input,
  #block-22 .content_box-1_form form .content_box-1_form_box-3 input,
  #block-22 .content_box-1_form form .content_box-1_form_box-4 input,
  #block-22 .content_box-1_form form .content_box-1_form_box-5 input,
  #block-22 .content_box-1_form form .content_box-1_form_box-6 input
  {
flex: auto;
    padding: 8px 16px;
    color: #1C2020;
    font-size: 15px;
    line-height: normal;
  }
#block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1,
#block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2{
    font-size: 13px;
    padding: 10px 20px;
    height: auto;
}
#block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1,
#block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2
{
  font-size: 12px;
  padding: 10px 13px;
  line-height: 140%;
  min-height: 45px;
    height: 45px;
}
#block-22 .content_box-1_form_box-4{
    justify-content: space-between;
}
}

@media (max-width: 360px) {
#block-22 .content_box-1_form form .content_box-1_form_box-1,
#block-22 .content_box-1_form form .content_box-1_form_box-2,
#block-22 .content_box-1_form form .content_box-1_form_box-3,
#block-22 .content_box-1_form form .content_box-1_form_box-4,
#block-22 .content_box-1_form form .content_box-1_form_box-5,
#block-22 .content_box-1_form form .content_box-1_form_box-6
{
gap: 10px;
    flex-direction: column;
    align-items: start;
}
#block-22 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-22 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-22 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-22 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-22 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-22 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
    width: 100%;
    min-width: 100%;
    font-size: 13px;
  }
  #block-20 .content_box .content_box-1 h1 {
    font-size: 24px;
  }
#block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1,
#block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2
{
    margin-top: 0;
}
#block-22 .content_box-1_form_box-4{
    margin-top: 20px;
}
  #block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1,
  #block-22 .content_box-1_form_box-4 a.content_box-1_form_box-4a2
  {
    width: 100%;
    justify-content: center;
  }
  #block-22 .content_box-1_form_box-4 .content_box-1_form_box-4a1{
    margin-top: 20px;
  }
 #block-22 .content_box-1_form_box-4 {
    margin-top: 0;
  }
 #block-22 .content_box .content_box-1 h1 {
    font-size: 24px;
  }
}
/* block-22 */


/* block-23 */
#block-23,
#block-23 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-23{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-23 .content_box{
  padding: 0 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;


}
@media (max-width: 1200px) {
  #block-23 .content_box{
  padding-bottom: 0;

  }
}
@media (max-width: 992px) {
  #block-23 .content_box{
  padding-bottom: 0;

  }
}
@media (max-width: 768px) {
  #block-23 .content_box{
  padding-bottom: 0;

  }
}

#block-23 .content_box-1box{
  display: inline-block;
  width: 100%;

 padding-top: 60px;
 min-height: 520px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  #block-23 .content_box-1box{
  padding-top: 50px;
padding-bottom: 70px;
background-size: 450px auto;
  }
}
@media (max-width: 992px) {
  #block-23 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 350px auto;
  }
}
@media (max-width: 768px) {
  #block-23 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background: none;
/* background-size: 270px auto; */
  }
}
@media (max-width: 480px) {
  #block-23 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }

}
@media (max-width: 360px) {
  #block-23 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-23 .content_box .content_box-1{
display: flex;
flex-direction:row-reverse;
gap: 80px;
width: 100%;
/* align-items: center; */
justify-content: center;

padding: 64px 64px;
border: 1px #C5E6FB solid;
border-radius: 48px;
background: linear-gradient(270deg, #F5FBFE, #ECF7FE);
}
@media (max-width: 1300px) {
#block-23 .content_box .content_box-1{
  gap: 40px;
}
}
#block-23  .content_box-1_t1{
  width: 80%;
}
@media (max-width: 992px) {
#block-23 .content_box .content_box-1{
padding: 48px 48px;
}
}
@media (max-width: 768px) {
#block-23 .content_box .content_box-1{
padding: 26px 28px 26px 28px;
}
}
@media (max-width: 480px) {
#block-23 .content_box .content_box-1 {
    max-width: 100%;
    padding: 26px 28px 26px 28px;
}
}
@media (max-width: 360px) {
#block-23 .content_box .content_box-1 {
    max-width: 300px;
}
}

/*
#block-23 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);

}
#block-23 .content_box .content_box-1 h1 span{
  color: #199AF0;
}
*/



#block-23 .content_box-1_form{
  display: inline-block;
  float: left;
  flex: 480px;
  min-width: 480px;
  width: 100%;
}
#block-23 .content_box-1_form form{
display: flex;
flex-direction: column;
gap: 20px;
padding: 30px 30px 60px 30px;
border-radius: 24px;
background: #fff;
}

#block-23 .content_box-1_form form .content_box-1_form_box-1,
#block-23 .content_box-1_form form .content_box-1_form_box-2,
#block-23 .content_box-1_form form .content_box-1_form_box-3,
#block-23 .content_box-1_form form .content_box-1_form_box-4,
#block-23 .content_box-1_form form .content_box-1_form_box-5,
#block-23 .content_box-1_form form .content_box-1_form_box-6
{
display: flex;
gap: 40px;
width: 100%;

align-items: center;

}

#block-23 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-23 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-23 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-23 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-23 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-23 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
  width: 180px;
  line-height: 140%;
}
#block-23 .content_box-1_form form .content_box-1_form_box-1 input,
#block-23 .content_box-1_form form .content_box-1_form_box-2 input,
#block-23 .content_box-1_form form .content_box-1_form_box-3 input,
#block-23 .content_box-1_form form .content_box-1_form_box-4 input,
#block-23 .content_box-1_form form .content_box-1_form_box-5 input,
#block-23 .content_box-1_form form .content_box-1_form_box-6 input
{
  width: 100%;

  font-size: 16px;
  line-height: 160%;
  font-weight: 400;

  border: 1px #D2E4EF solid;
  border-radius: 12px;
  padding: 14px 16px;
}


#block-23 .content_box-1_form_box-4 .content_box-1_form_box-4a1{
width: 100%;
background: #199AF0;
    font-weight: 500;
    font-size: clamp(17px, 1vw, 18px);
    color: #fff;
    padding: 16px 20px;
    display: inline;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 20px;
    height: 52px;
}
#block-23 .content_box-1_form_box-4 .content_box-1_form_box-4a1:hover{
  background-color: #0F90E6;
}
#block-23 .content_box-1_form_box-4 .content_box-1_form_box-4a1:active{
  background-color: #0F90E6;
}

#block-23 .content_box-1_form_box-4 a.content_box-1_form_box-4a2{
  display:flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
background: #FEECEC;
border: 1px #FCC5C5 solid;
    font-weight: 600;
    font-size: clamp(14px, 1vw, 16px);
    color: #F01919;
    padding: 16px 20px;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;

    margin-top: 20px;
        height: 50px;
    align-items: center;
}
#block-23 .content_box-1_form_box-4 a.content_box-1_form_box-4a2:hover{
  background-color: #FDD9D9;
  border-color: #FA9E9E;
}
#block-23 .content_box-1_form_box-4 a.content_box-1_form_box-4a2:active{
  background-color: #FBC5C5;
  border-color: #F87777;
}

@media (max-width: 560px) {


}



@media (max-width: 768px) {
#block-23 .content_box-1{
  width: 100%;
  min-width: 100%;
}
#block-23 .content_box-1_form{
    width: 100%;
  min-width: 100%;
}
#block-23 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-23 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-23 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-23 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-23 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-23 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
flex: 0 0 180px;
}
#block-23 .content_box-1_form form .content_box-1_form_box-1 input,
#block-23 .content_box-1_form form .content_box-1_form_box-2 input,
#block-23 .content_box-1_form form .content_box-1_form_box-3 input,
#block-23 .content_box-1_form form .content_box-1_form_box-4 input,
#block-23 .content_box-1_form form .content_box-1_form_box-5 input,
#block-23 .content_box-1_form form .content_box-1_form_box-6 input
{
width: 100%;
flex: 1;

}
}

@media (max-width: 530px) {
#block-23 .content_box-1_form form .content_box-1_form_box-1,
#block-23 .content_box-1_form form .content_box-1_form_box-2,
#block-23 .content_box-1_form form .content_box-1_form_box-3,
#block-23 .content_box-1_form form .content_box-1_form_box-4,
#block-23 .content_box-1_form form .content_box-1_form_box-5,
#block-23 .content_box-1_form form .content_box-1_form_box-6
{
flex-direction: column;
align-items: start;
gap: 10px;
}
#block-23 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-23 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-23 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-23 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-23 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-23 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  flex: 1;
}
#block-23 .content_box-1_form form .content_box-1_form_box-1 input,
#block-23 .content_box-1_form form .content_box-1_form_box-2 input,
#block-23 .content_box-1_form form .content_box-1_form_box-3 input,
#block-23 .content_box-1_form form .content_box-1_form_box-4 input,
#block-23 .content_box-1_form form .content_box-1_form_box-5 input,
#block-23 .content_box-1_form form .content_box-1_form_box-6 input
{
  width: 100%;
  color: #1C2020;
}
}

#block-23 .content_box-1_form form .content_box-1_form_box-1 input::placeholder,
#block-23 .content_box-1_form form .content_box-1_form_box-2 input::placeholder,
#block-23 .content_box-1_form form .content_box-1_form_box-3 input::placeholder,
#block-23 .content_box-1_form form .content_box-1_form_box-4 input::placeholder,
#block-23 .content_box-1_form form .content_box-1_form_box-5 input::placeholder,
#block-23 .content_box-1_form form .content_box-1_form_box-6 input::placeholder
{
    color: #7F8C8D;
}

#block-23 .content_box-1_form form .content_box-1_form_box-1 input:hover,
#block-23 .content_box-1_form form .content_box-1_form_box-2 input:hover,
#block-23 .content_box-1_form form .content_box-1_form_box-3 input:hover,
#block-23 .content_box-1_form form .content_box-1_form_box-4 input:hover,
#block-23 .content_box-1_form form .content_box-1_form_box-5 input:hover,
#block-23 .content_box-1_form form .content_box-1_form_box-6 input:hover
{
  background: #ECF7FE;
}

#block-23 .content_box-1_form form .content_box-1_form_box-1 input:active,
#block-23 .content_box-1_form form .content_box-1_form_box-2 input:active,
#block-23 .content_box-1_form form .content_box-1_form_box-3 input:active,
#block-23 .content_box-1_form form .content_box-1_form_box-4 input:active,
#block-23 .content_box-1_form form .content_box-1_form_box-5 input:active,
#block-23 .content_box-1_form form .content_box-1_form_box-6 input:active
{
  background: #ECF7FE;
}

#block-23 .content_box-2box{
  display: flex;
    flex-direction: row;
    gap: 40px;
    border-radius: 48px;
    background: #fff;
    padding: 14px 14px;

    border: 1px solid #E1EDF5;
    border-radius: 12px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}

#block-23{
background: linear-gradient(180deg, #EDF6FD, #F5FBFF);
}
#block-23  .content_box-2box-2_button-1 a{
display: inline-block;
    line-height: 56px;
    padding: 0 30px 0 60px;
    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url(/layout_project/template/img/block-23/star_button-2.svg);
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}
#block-23  .content_box-2box-2_button-1 a:hover{
  background-color: #0F90E6;
}
#block-23  .content_box-2box-2_button-1 a:active{
  background-color: #0F90E6;
}
#block-23 .content_box-2box{
  justify-content: space-between;
}
#block-23 .content_box-2box-1 a.content_box-2box-1_a{
  display: inline-block;
  padding: 0 32px;
  height: 50px;
  line-height: 50px;
  border-radius: 12px;
  border: 1px #E1EDF5 solid;
  text-decoration: none;
  font-weight: 600;
  color: #1C2121;
  font-size: 16px;
}
#block-23 .content_box-2box-1{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
#block-23 .content_box-2box-1 a.content_box-2box-1_a_active{
background: #ECF6FE;
color: #199AF0;
border-color: #199AF0;
}
@media (max-width: 640px) {
#block-23 .content_box-2box-2{
  display: none;
}
#block-23 .content_box-2box .content_box-2box-1{
  box-sizing: border-box;
  flex-basis: calc(100%);
  justify-content: space-between;
  align-items: stretch;

}
#block-23 .content_box-2box .content_box-2box-1 a{
  flex: 1;
  text-align: center;
}
}
@media (max-width: 480px) {
#block-23 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-23 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-23 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-23 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-23 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-23 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  width: 100%;
  font-size: 15px;
}
}



#block-23 .content_box-1_form form .password-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;

}
#block-23 .content_box-1_form form .password-box input {
  width: 100%;

  text-align: left;
  font-size: 16px;

}

#block-23 .content_box-1_form form .eye {
  position: absolute;
  right: 10px;
  width: 22px;
  height: 22px;
  background-image: url("/layout_project/template/img/block-23/eye.svg");   /* иконка открытого глаза */
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
#block-23 .content_box-1_form form .eye.hide {
  background-image: url("/layout_project/template/img/block-23/eye-off.svg"); /* иконка закрытого глаза */
}


#block-23 .content_box-0_title-1box{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1300px) {
#block-23 .content_box-0_title-1box{
  gap: 20px;
}
}
#block-23 .content_box-0_title-1box-1{
  display: flex;
  flex-direction:column;
  gap: 140px;
  align-items: center;
  justify-content: center;

  background-image: url("/layout_project/template/img/block-23/line-1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#block-23 .content_box-0_title-1box-2{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#block-23 .content_box-0_title-1box-2 img{
max-width: 100%;
}
#block-23 .content_box-0_title-1box-3{
  display: flex;
  flex-direction:column;
  gap: 140px;
  align-items: center;
  justify-content: center;
  
  background-image: url("/layout_project/template/img/block-23/line-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#block-23 .content_box-0_title-1box-1 div,
#block-23 .content_box-0_title-1box-3 div{
  display: flex;
  flex-direction: column;
  width: 120px;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
#block-23 .content_box-0_title-1{
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
#block-23 .content_box-0_title-1 h1{
  font-weight: 700;
  font-size: clamp(36px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
}
#block-23 .content_box-0_title-1 span.content_box-0_title-1s1{
  display: inline-block;
  margin: 20px 0 60px 0;
  width: 100%;
  color: #585B5B;
  font-weight: 400;
  font-size: clamp(17px, 1vw, 18px);
  text-align: center;
}
@media (max-width: 1200px) {
  #block-23 .content_box-0_title-1 span.content_box-0_title-1s1 {
    margin: 20px 0 30px 0;
  }
}
#block-23 .content_box-0_title-1 span.content_box-0_title-1s2{
  display: inline-block;
  margin: 80px 0 60px 0;
  width: 100%;
  color: #585B5B;
  font-weight: 400;
  font-size: clamp(17px, 1vw, 18px);
  text-align: center;
}
@media (max-width: 1200px) {
  #block-23 .content_box-0_title-1 span.content_box-0_title-1s2 {
    margin: 40px 0px 0px;
  }
}
#block-23 .content_box-0_title-1 span.content_box-0_title-1s2 a{
  color: #199AF0;
  font-size: clamp(15px, 1vw, 16px);
  text-decoration: none;
  cursor: pointer;
}
#block-23 .content_box-1_form_logo{
  display:flex;
  flex-direction: column;
  justify-content: left;
  width: 100%;
  margin-bottom: 20px;
}
#block-23 .content_box-1_form_logo div{
display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: left;
  gap: 10px;
  text-decoration: none;
}
#block-23 .content_box-1_form_logo div img{
width: 40px;
  height: 48px;
}
#block-23 .content_box-1_form_logo div span{
font-weight: 700;
  font-size: 24px;
}
#block-23 .content_box-1_form_box-title{
  display: inline-block;
  width: 100%;

  text-align: center;
  font-size: 24px;
  color: #1C2020;
  font-weight: 700;
}
@media (max-width: 1200px) {
#block-23 .content_box-0_title-1box-1{
  display: none;
}
#block-23 .content_box-0_title-1box-3{
  display: none;
}
#block-23 .content_box-0_title-1box{
  align-items: center;
  justify-content: center;
}
}
@media (max-width: 950px) {
#block-23 .content_box-0_title{
  display: none;
}
#block-23 .content_box-1_form_box-title {

  font-size: clamp(30px, 1vw, 38px);
  margin-bottom: 20px;
}
}

#block-23 .content_box-1_form_box-button_1{
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  align-content: center;
  margin: 10px 0 10px 0;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1{
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  border-radius: 12px;
  background: #000;
  text-decoration: none;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1:hover{
  background-color: #292929;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1:active{
  background-color: #3D3D3D;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1 span{
  color: #fff;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2{
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  border-radius: 12px;
  background: #F5F5F5;
  text-decoration: none;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2:hover{
  background-color: #EBEBEB;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2:active{
  background-color: #E0E0E0;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2 span{
  color: #1C2121;
}
#block-23 .content_box-1_form_box-button_line{
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
#block-23 .content_box-1_form_box-button_line div{
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
}
#block-23 .content_box-1_form_box-button_line div hr{
  display:inline-block;
  width: 100%;
  border-bottom: 1px #9FC9F9 solid;
  border-top: none;
  border-left: none;
  border-right: none;
  background: none;
}
#block-23 .content_box-1_form_box-button_line div:nth-of-type(1) {
flex:1;
}
#block-23 .content_box-1_form_box-button_line div:nth-of-type(2) {
color: #585B5B;
font-size: 14px;
}
#block-23 .content_box-1_form_box-button_line div:nth-of-type(3) {
flex:1;
}
#block-23 .content_box-1_form_box-checkbox{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: left;
}
#block-23 .content_box-1_form_box-checkbox p{
  color: #585B5B;
  line-height: 160%;
}
#block-23 .content_box-1_form_box-checkbox p a{
  text-decoration: none;
  color: #199AF0;
  cursor: pointer;
}
#block-23 .content_box-1_form_box-checkbox input[type="checkbox"]{
  display: inline-block;
  height: 28px;
  width: 28px;
  background: #fff;
  border: 1px solid #D2E4EF;
  border-radius: 6px;
}
@media (max-width: 480px) {
#block-23 .content_box-1_form_box-button_1{
  flex-direction: column;
}
#block-23 .content_box-1_form_logo div{
  align-items: center;
  justify-content: center;
}
#block-23 .content_box-1_form_box-title{
  margin-bottom: 10px;
}
}



@media (max-width: 480px) {
  #block-23 .content_box-1_form_box-checkbox_box_1 {
text-align: center;
  font-size: 14px;
  width: 100%;
  }
#block-23 .content_box-1_form_box-button_1{
  flex-direction: column;
}
#block-23 .content_box-1_form_logo div{
  align-items: center;
  justify-content: center;
}
#block-23 .content_box-1_form_box-title{
  margin-bottom: 5px;
  font-size: 24px;
}


#block-23 .content_box-1_form form {
  gap: 10px;
  padding: 10px 24px 10px 24px;
  border-radius: 16px;
}
#block-23 .content_box-1_form_logo {
  margin-bottom: 30px;
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1,
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2
{
  padding: 8px 24px;  
}
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1 span,
#block-23 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2 span
{
  font-size: 14px;
}
#block-23 .content_box-1_form_box-button_1-1 img,
#block-23 .content_box-1_form_box-button_1-2 img
{
    width: 24px;
}
#block-23 .content_box-1_form_box-button_1 {
  gap: 12px;
margin: 10px 0 5px 0;
}

#block-23 .content_box-1_form form .content_box-1_form_box-1 input, #block-23 .content_box-1_form form .content_box-1_form_box-2 input, #block-23 .content_box-1_form form .content_box-1_form_box-3 input, #block-23 .content_box-1_form form .content_box-1_form_box-4 input, #block-23 .content_box-1_form form .content_box-1_form_box-5 input, #block-23 .content_box-1_form form .content_box-1_form_box-6 input {
  padding: 8px 16px;
  font-size: 14px;
}
#block-23 .content_box-1_form_box-4 .content_box-1_form_box-4a1 {
  font-size: 18px;
  margin-top: 5px;
}
#block-23 .content_box-1_form_logo{
    display: none;
}
  #block-23 .content_box .content_box-1 {
    padding: 20px 20px 20px 20px;
  }
block-24 .content_box-1_form_box-4 .content_box-1_form_box-4a1 {
  font-size: 16px;
  padding: 12px 20px;
  margin-top: 20px;
  height: 42px;
}
#block-23 .content_box-1_form_box-checkbox p {
  font-size: 14px;
}
}
/* block-23 */

/* block-24 */
#block-24,
#block-24 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-24{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-24 .content_box{
  padding: 0 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;


}
@media (max-width: 1200px) {
  #block-24 .content_box{
  padding-bottom: 0;

  }
}
@media (max-width: 992px) {
  #block-24 .content_box{
  padding-bottom: 0;

  }
}
@media (max-width: 768px) {
  #block-24 .content_box{
  padding-bottom: 0;

  }
}

#block-24 .content_box-1box{
  display: inline-block;
  width: 100%;

 padding-top: 60px;
 min-height: 520px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  #block-24 .content_box-1box{
  padding-top: 50px;
padding-bottom: 70px;
background-size: 450px auto;
  }
}
@media (max-width: 992px) {
  #block-24 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 350px auto;
  }
}
@media (max-width: 768px) {
  #block-24 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background: none;
/* background-size: 270px auto; */
  }
}
@media (max-width: 480px) {
  #block-24 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 360px) {
  #block-24 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-24 .content_box .content_box-1{
display: flex;
flex-direction:row-reverse;
gap: 80px;
width: 100%;
/* align-items: center; */
justify-content: center;
padding: 64px 64px;
border: 1px #C5E6FB solid;
border-radius: 48px;
background: linear-gradient(270deg, #F5FBFE, #ECF7FE);
}
@media (max-width: 992px) {
#block-24 .content_box .content_box-1{
padding: 48px 48px;
}
}
@media (max-width: 768px) {
#block-24 .content_box .content_box-1{
padding: 26px 28px 26px 28px;
}
}


@media (max-width: 1300px) {
#block-24 .content_box .content_box-1{
  gap: 40px;
}
}
#block-24  .content_box-1_t1{
  width: 80%;
}

@media (max-width: 480px) {
#block-24 .content_box .content_box-1 {
    max-width: 100%;
    padding: 26px 28px 26px 28px;
}
}
@media (max-width: 360px) {
#block-24 .content_box .content_box-1 {
    max-width: 300px;
}
}

/*
#block-24 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);

}
#block-24 .content_box .content_box-1 h1 span{
  color: #199AF0;
}
*/



#block-24 .content_box-1_form{
  display: inline-block;
  float: left;
  flex: 480px;
  min-width: 480px;
  width: 100%;
}
#block-24 .content_box-1_form form{
display: flex;
flex-direction: column;
gap: 20px;
padding: 30px 30px 60px 30px;
border-radius: 24px;
background: #fff;
}

#block-24 .content_box-1_form form .content_box-1_form_box-1,
#block-24 .content_box-1_form form .content_box-1_form_box-2,
#block-24 .content_box-1_form form .content_box-1_form_box-3,
#block-24 .content_box-1_form form .content_box-1_form_box-4,
#block-24 .content_box-1_form form .content_box-1_form_box-5,
#block-24 .content_box-1_form form .content_box-1_form_box-6
{
display: flex;
gap: 40px;
width: 100%;

align-items: center;

}

#block-24 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-24 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-24 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-24 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-24 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-24 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
  width: 180px;
  line-height: 140%;
}
#block-24 .content_box-1_form form .content_box-1_form_box-1 input,
#block-24 .content_box-1_form form .content_box-1_form_box-2 input,
#block-24 .content_box-1_form form .content_box-1_form_box-3 input,
#block-24 .content_box-1_form form .content_box-1_form_box-4 input,
#block-24 .content_box-1_form form .content_box-1_form_box-5 input,
#block-24 .content_box-1_form form .content_box-1_form_box-6 input
{
  width: 100%;

  font-size: 16px;
  line-height: 160%;
  font-weight: 400;

  border: 1px #D2E4EF solid;
  border-radius: 12px;
  padding: 14px 16px;
}


#block-24 .content_box-1_form_box-4 .content_box-1_form_box-4a1{
width: 100%;
background: #199AF0;
    font-weight: 500;
    font-size: clamp(17px, 1vw, 18px);
    color: #fff;
    padding: 16px 20px;
    display: inline;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    margin-top: 20px;
    height: 52px;
}
#block-24 .content_box-1_form_box-4 .content_box-1_form_box-4a1:hover{
  background-color: #0F90E6;
}
#block-24 .content_box-1_form_box-4 .content_box-1_form_box-4a1:active{
  background-color: #0F90E6;
}

#block-24 .content_box-1_form_box-4 a.content_box-1_form_box-4a2{
  display:flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
background: #FEECEC;
border: 1px #FCC5C5 solid;
    font-weight: 600;
    font-size: clamp(14px, 1vw, 16px);
    color: #F01919;
    padding: 16px 20px;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;

    margin-top: 20px;
        height: 50px;
    align-items: center;
}
#block-24 .content_box-1_form_box-4 a.content_box-1_form_box-4a2:hover{
  background-color: #FDD9D9;
  border-color: #FA9E9E;
}
#block-24 .content_box-1_form_box-4 a.content_box-1_form_box-4a2:active{
  background-color: #FBC5C5;
  border-color: #F87777;
}

@media (max-width: 560px) {


}



@media (max-width: 768px) {
#block-24 .content_box-1{
  width: 100%;
  min-width: 100%;
}
#block-24 .content_box-1_form{
    width: 100%;
  min-width: 100%;
}
#block-24 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-24 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-24 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-24 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-24 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-24 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
flex: 0 0 180px;
}
#block-24 .content_box-1_form form .content_box-1_form_box-1 input,
#block-24 .content_box-1_form form .content_box-1_form_box-2 input,
#block-24 .content_box-1_form form .content_box-1_form_box-3 input,
#block-24 .content_box-1_form form .content_box-1_form_box-4 input,
#block-24 .content_box-1_form form .content_box-1_form_box-5 input,
#block-24 .content_box-1_form form .content_box-1_form_box-6 input
{
width: 100%;
flex: 1;

}
}

@media (max-width: 530px) {
#block-24 .content_box-1_form form .content_box-1_form_box-1,
#block-24 .content_box-1_form form .content_box-1_form_box-2,
#block-24 .content_box-1_form form .content_box-1_form_box-3,
#block-24 .content_box-1_form form .content_box-1_form_box-4,
#block-24 .content_box-1_form form .content_box-1_form_box-5,
#block-24 .content_box-1_form form .content_box-1_form_box-6
{
flex-direction: column;
align-items: start;
gap: 10px;
}
#block-24 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-24 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-24 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-24 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-24 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-24 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  flex: 1;
}
#block-24 .content_box-1_form form .content_box-1_form_box-1 input,
#block-24 .content_box-1_form form .content_box-1_form_box-2 input,
#block-24 .content_box-1_form form .content_box-1_form_box-3 input,
#block-24 .content_box-1_form form .content_box-1_form_box-4 input,
#block-24 .content_box-1_form form .content_box-1_form_box-5 input,
#block-24 .content_box-1_form form .content_box-1_form_box-6 input
{
  width: 100%;
  color: #1C2020;
}
}

#block-24 .content_box-1_form form .content_box-1_form_box-1 input::placeholder,
#block-24 .content_box-1_form form .content_box-1_form_box-2 input::placeholder,
#block-24 .content_box-1_form form .content_box-1_form_box-3 input::placeholder,
#block-24 .content_box-1_form form .content_box-1_form_box-4 input::placeholder,
#block-24 .content_box-1_form form .content_box-1_form_box-5 input::placeholder,
#block-24 .content_box-1_form form .content_box-1_form_box-6 input::placeholder
{
    color: #7F8C8D;
}

#block-24 .content_box-1_form form .content_box-1_form_box-1 input:hover,
#block-24 .content_box-1_form form .content_box-1_form_box-2 input:hover,
#block-24 .content_box-1_form form .content_box-1_form_box-3 input:hover,
#block-24 .content_box-1_form form .content_box-1_form_box-4 input:hover,
#block-24 .content_box-1_form form .content_box-1_form_box-5 input:hover,
#block-24 .content_box-1_form form .content_box-1_form_box-6 input:hover
{
  background: #ECF7FE;
}

#block-24 .content_box-1_form form .content_box-1_form_box-1 input:active,
#block-24 .content_box-1_form form .content_box-1_form_box-2 input:active,
#block-24 .content_box-1_form form .content_box-1_form_box-3 input:active,
#block-24 .content_box-1_form form .content_box-1_form_box-4 input:active,
#block-24 .content_box-1_form form .content_box-1_form_box-5 input:active,
#block-24 .content_box-1_form form .content_box-1_form_box-6 input:active
{
  background: #ECF7FE;
}

#block-24 .content_box-2box{
  display: flex;
    flex-direction: row;
    gap: 40px;
    border-radius: 48px;
    background: #fff;
    padding: 14px 14px;

    border: 1px solid #E1EDF5;
    border-radius: 12px;
    box-shadow: 0px 2px 16px 0px #E1ECF4A3;
}

#block-24{
background: linear-gradient(180deg, #EDF6FD, #F5FBFF);
}
#block-24  .content_box-2box-2_button-1 a{
display: inline-block;
    line-height: 56px;
    padding: 0 30px 0 60px;
    width: auto;
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 18px);
    color: #fff;
    background-image: url(/layout_project/template/img/block-24/star_button-2.svg);
    background-repeat: no-repeat;
    background-position: left 30px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background-position: left 25px center;
    text-decoration: none;
}
#block-24  .content_box-2box-2_button-1 a:hover{
  background-color: #0F90E6;
}
#block-24  .content_box-2box-2_button-1 a:active{
  background-color: #0F90E6;
}
#block-24 .content_box-2box{
  justify-content: space-between;
}
#block-24 .content_box-2box-1 a.content_box-2box-1_a{
  display: inline-block;
  padding: 0 32px;
  height: 50px;
  line-height: 50px;
  border-radius: 12px;
  border: 1px #E1EDF5 solid;
  text-decoration: none;
  font-weight: 600;
  color: #1C2121;
  font-size: 16px;
}
#block-24 .content_box-2box-1{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
#block-24 .content_box-2box-1 a.content_box-2box-1_a_active{
background: #ECF6FE;
color: #199AF0;
border-color: #199AF0;
}
@media (max-width: 640px) {
#block-24 .content_box-2box-2{
  display: none;
}
#block-24 .content_box-2box .content_box-2box-1{
  box-sizing: border-box;
  flex-basis: calc(100%);
  justify-content: space-between;
  align-items: stretch;

}
#block-24 .content_box-2box .content_box-2box-1 a{
  flex: 1;
  text-align: center;
}
}
@media (max-width: 480px) {
#block-24 .content_box-1_form form .content_box-1_form_box-1 span.content_box-1_form_box-1s,
#block-24 .content_box-1_form form .content_box-1_form_box-2 span.content_box-1_form_box-2s,
#block-24 .content_box-1_form form .content_box-1_form_box-3 span.content_box-1_form_box-3s,
#block-24 .content_box-1_form form .content_box-1_form_box-4 span.content_box-1_form_box-4s,
#block-24 .content_box-1_form form .content_box-1_form_box-5 span.content_box-1_form_box-5s,
#block-24 .content_box-1_form form .content_box-1_form_box-6 span.content_box-1_form_box-6s
{
  width: 100%;
  font-size: 15px;
}
}



#block-24 .content_box-1_form form .password-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;

}
#block-24 .content_box-1_form form .password-box input {
  width: 100%;

  text-align: left;
  font-size: 16px;

}

#block-24 .content_box-1_form form .eye {
  position: absolute;
  right: 10px;
  width: 22px;
  height: 22px;
  background-image: url("/layout_project/template/img/block-24/eye.svg");   /* иконка открытого глаза */
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
#block-24 .content_box-1_form form .eye.hide {
  background-image: url("/layout_project/template/img/block-24/eye-off.svg"); /* иконка закрытого глаза */
}


#block-24 .content_box-0_title-1box{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1300px) {
#block-24 .content_box-0_title-1box{
  gap: 20px;
}
}
#block-24 .content_box-0_title-1box-1{
  display: flex;
  flex-direction:column;
  gap: 140px;
  align-items: center;
  justify-content: center;

  background-image: url("/layout_project/template/img/block-24/line-1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#block-24 .content_box-0_title-1box-2{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#block-24 .content_box-0_title-1box-2 img{
max-width: 100%;
}
#block-24 .content_box-0_title-1box-3{
  display: flex;
  flex-direction:column;
  gap: 140px;
  align-items: center;
  justify-content: center;
  
  background-image: url("/layout_project/template/img/block-24/line-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#block-24 .content_box-0_title-1box-1 div,
#block-24 .content_box-0_title-1box-3 div{
  display: flex;
  flex-direction: column;
  width: 120px;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
#block-24 .content_box-0_title-1{
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}
#block-24 .content_box-0_title-1 h1{
  font-weight: 700;
  font-size: clamp(36px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
}
#block-24 .content_box-0_title-1 span.content_box-0_title-1s1{
  display: inline-block;
  margin: 20px 0 60px 0;
  width: 100%;
  color: #585B5B;
  font-weight: 400;
  font-size: clamp(17px, 1vw, 18px);
  text-align: center;
}
@media (max-width: 1200px) {
#block-24 .content_box-0_title-1 span.content_box-0_title-1s1{
  margin: 20px 0 30px 0;
}
}
#block-24 .content_box-0_title-1 span.content_box-0_title-1s2{
  display: inline-block;
  margin: 80px 0 0 0;
  width: 100%;
  color: #585B5B;
  font-weight: 400;
  font-size: clamp(17px, 1vw, 18px);
  text-align: center;
}
@media (max-width: 1200px) {
#block-24 .content_box-0_title-1 span.content_box-0_title-1s2{
  margin: 40px 0 0 0;
}
}
#block-24 .content_box-0_title-1 span.content_box-0_title-1s2 a{
  color: #199AF0;
  font-size: clamp(15px, 1vw, 16px);
  text-decoration: none;
  cursor: pointer;
}
#block-24 .content_box-1_form_logo{
  display:flex;
  flex-direction: column;
  justify-content: left;
  width: 100%;
  margin-bottom: 20px;
}
#block-24 .content_box-1_form_logo div{
display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: left;
  gap: 10px;
  text-decoration: none;
}
#block-24 .content_box-1_form_logo div img{
width: 40px;
  height: 48px;
}
#block-24 .content_box-1_form_logo div span{
font-weight: 700;
  font-size: 24px;
}
#block-24 .content_box-1_form_box-title{
  display: inline-block;
  width: 100%;

  text-align: center;
  font-size: 24px;
  color: #1C2020;
  font-weight: 700;
}
@media (max-width: 1200px) {
#block-24 .content_box-0_title-1box-1{
  display: none;
}
#block-24 .content_box-0_title-1box-3{
  display: none;
}
#block-24 .content_box-0_title-1box{
  align-items: center;
  justify-content: center;
}
}
@media (max-width: 950px) {
#block-24 .content_box-0_title{
  display: none;
}
#block-24 .content_box-1_form_box-title {

  font-size: clamp(30px, 1vw, 38px);
  margin-bottom: 20px;
}
}

#block-24 .content_box-1_form_box-button_1{
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  align-content: center;
  margin: 10px 0 10px 0;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1{
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  border-radius: 12px;
  background: #000;
  text-decoration: none;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1:hover{
  background-color: #292929;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1:active{
  background-color: #3D3D3D;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1 span{
  color: #fff;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2{
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  border-radius: 12px;
  background: #F5F5F5;
  text-decoration: none;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2:hover{
  background-color: #EBEBEB;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2:active{
  background-color: #E0E0E0;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2 span{
  color: #1C2121;
}
#block-24 .content_box-1_form_box-button_line{
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
#block-24 .content_box-1_form_box-button_line div{
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
}
#block-24 .content_box-1_form_box-button_line div hr{
  display:inline-block;
  width: 100%;
  border-bottom: 1px #9FC9F9 solid;
  border-top: none;
  border-left: none;
  border-right: none;
  background: none;
}
#block-24 .content_box-1_form_box-button_line div:nth-of-type(1) {
flex:1;
}
#block-24 .content_box-1_form_box-button_line div:nth-of-type(2) {
color: #585B5B;
font-size: 14px;
}
#block-24 .content_box-1_form_box-button_line div:nth-of-type(3) {
flex:1;
}
#block-24 .content_box-1_form_box-checkbox{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: left;
}
#block-24 .content_box-1_form_box-checkbox p{
  color: #585B5B;
  line-height: 160%;
}
#block-24 .content_box-1_form_box-checkbox p a{
  text-decoration: none;
  color: #199AF0;
  cursor: pointer;
}
#block-24 .content_box-1_form_box-checkbox input[type="checkbox"]{
  display: inline-block;
  height: 28px;
  width: 28px;
  background: #fff;
  border: 1px solid #D2E4EF;
  border-radius: 6px;
}


@media (min-width: 950px) {
  #block-24 .content_box-1_form_box-checkbox_box_1 {
/*    display: none;  */
  }
}


@media (max-width: 480px) {
  #block-24 .content_box-1_form_box-checkbox_box_1 {
text-align: center;
  font-size: 14px;
  width: 100%;
  }
#block-24 .content_box-1_form_box-button_1{
  flex-direction: column;
}
#block-24 .content_box-1_form_logo div{
  align-items: center;
  justify-content: center;
}
#block-24 .content_box-1_form_box-title{
  margin-bottom: 5px;
  font-size: 24px;
}


#block-24 .content_box-1_form form {
  gap: 10px;
  padding: 10px 24px 10px 24px;
  border-radius: 16px;
}
#block-24 .content_box-1_form_logo {
  margin-bottom: 30px;
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1,
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2
{
  padding: 8px 24px;  
}
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-1 span,
#block-24 .content_box-1_form_box-button_1 a.content_box-1_form_box-button_1-2 span
{
  font-size: 14px;
}
#block-24 .content_box-1_form_box-button_1-1 img,
#block-24 .content_box-1_form_box-button_1-2 img
{
    width: 24px;
}
#block-24 .content_box-1_form_box-button_1 {
  gap: 12px;
margin: 10px 0 5px 0;
}

#block-24 .content_box-1_form form .content_box-1_form_box-1 input, #block-24 .content_box-1_form form .content_box-1_form_box-2 input, #block-24 .content_box-1_form form .content_box-1_form_box-3 input, #block-24 .content_box-1_form form .content_box-1_form_box-4 input, #block-24 .content_box-1_form form .content_box-1_form_box-5 input, #block-24 .content_box-1_form form .content_box-1_form_box-6 input {
  padding: 8px 16px;
  font-size: 14px;
}
#block-24 .content_box-1_form_box-4 .content_box-1_form_box-4a1 {
  font-size: 18px;
  margin-top: 5px;
}
#block-24 .content_box-1_form_logo{
    display: none;
}
  #block-24 .content_box .content_box-1 {
    padding: 20px 20px 20px 20px;
  }
block-24 .content_box-1_form_box-4 .content_box-1_form_box-4a1 {
  font-size: 16px;
  padding: 12px 20px;
  margin-top: 20px;
  height: 42px;
}
}
/* block-24 */


/* refineWorkModal */
#refineWorkModal .modal-content {
  border: 1px solid #E1EDF5;
  border-radius: 24px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
  position: relative;
}
#refineWorkModal .modal-content_text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
#refineWorkModal .modal-content_text img{
    display: inline-block;
    width:96px;
    height: 96px;
}
#refineWorkModal .modal-content_text h3{
  font-size: clamp(24px, 1vw, 32px);
  color: #1C2020;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
#refineWorkModal .modal-content_text p{
  font-size: clamp(16px, 1vw, 20px);
  color: #585B5B;
font-weight: 400;
line-height: 140%;
  width: 100%;
  text-align: center;
}
#refineWorkModal .form-group #refineDetails{
padding: 12px 12px;
border-radius: 12px;
border: 1px solid #D2E4EF;
  font-size: clamp(14px, 1vw, 16px);
  color: #1C2020;
}
#refineWorkModal .modal-content_button button[type="submit"] {
    background: #199AF0;
    font-weight: 500;
    font-size: clamp(16px, 1vw, 16px);
    color: #fff;

    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
    text-decoration: none;
    
    box-shadow: none;
    border: none;
    text-shadow: none;
}

#refineWorkModal .modal-content_button button[type="submit"]:hover{
  background-color: #0F90E6;
}
#refineWorkModal .modal-content_button button[type="submit"]:active{
  background-color: #0F90E6;
}

#refineWorkModal .modal-content_button{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
@media (max-width: 480px) {
#refineWorkModal .modal-content_button{
    display:flex;
    flex-direction:column;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 15px;
} 
#refineWorkModal .modal-content_button button{
    width: 100%;
} 

}
#refineWorkModal .modal-content_button button {
  flex: 1;
  justify-content: center;
}
#refineWorkModal .modal-content_button button#cancelRefine{
display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 16px 20px;
  border: 1px #E1EDF5 solid;
  border-radius: 12px;
  align-items: center;
  background: none;
cursor: pointer;

font-weight: 500;
  font-size: clamp(16px, 1vw, 16px);
}

#refineWorkModal .modal-content_button button#cancelRefine:hover{
    color: #199AF0 !important;
}
#refineWorkModal .modal-content_button button#cancelRefine:active{
    color: #0D84D3 !important;
}

#refineWorkModal .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;

  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #6c757d;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
/* refineWorkModal */



/* block-25 */
#block-25,
#block-25 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-25{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-25 .block-25{
  padding: 60px 0 60px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-25 .block-25{
  padding-top: 50px;
  padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  #block-25 .block-25{
  padding-top: 40px;
  padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #block-25 .block-25{
  padding-top: 30px;
  padding-bottom: 30px;
  }
}
#block-25 .block-25__title{
  padding-bottom: 50px;
}
#block-25 .block-25__title h1{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
}
#block-25 .block-25__title-1 {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    color: #585B5B;
    margin-top: 20px;
}
@media (max-width: 1200px) {
  #block-25 .block-25__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-25 .block-25__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-25 .block-25__title{
  padding-bottom: 30px;
}
}


#block-25 .block-25__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
    justify-content:space-around;
  align-items: flex-end;
}

#block-25 .block-25__box_all-box {
color: #1C2020;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 160%;
}
#block-25 .block-25__box_all-box h2{
color: #1C2020;
    font-size: clamp(20px, 2vw, 24px);
    line-height: 160%;
    text-align: center;
    padding: 20px 0 20px 0;
}
#block-25 .block-25__box_all-box img{
    max-width:600px;
    width: 100%;
    display: inline-block;
    float:left;
    padding: 24px 24px 24px 0;
}
@media (max-width: 992px) {
 #block-25 .block-25__box_all-box img{
    max-width:400px;
}
}
@media (max-width: 768px) {
 #block-25 .block-25__box_all-box img{
    max-width:100%;
    width: 100%;
    display: inline-block;
    float:left;
    padding: 24px 0;
}   
}
#block-25 .block-25__box_all-box h3 {
  color: #1C2020;
  font-size: clamp(18px, 2vw, 21px);
  line-height: 160%;
  text-align: center;
  padding: 20px 0 20px 0;
}
#block-25 .block-25__box_all-box ul{
 /*   padding: 20px 0; */
padding: 0 20px;
}
#block-25 .block-25__box_all-box ul li{
    padding: 10px 0;
}
#block-25 .block-25__box_all-box ol{
 /*   padding: 20px 0; */
padding: 0 20px;
}
#block-25 .block-25__box_all-box ol li{
    padding: 10px 0;
}
#block-25 .block-25__box_all-box table{
    margin:  10px 0;

  border-collapse: collapse;
}
table, th, td {
      border: 1px solid #199AF0;
  border-collapse: collapse;
}

#block-25 .block-25__box_all-box table thead tr td{
  padding: 5px 10px;
    font-size: clamp(15px, 2vw, 16px);
    line-height: 120%;
    font-weight: 700;
    text-align: center;
}
#block-25 .block-25__box_all-box table tr td{
  padding: 5px 10px;
      font-size: clamp(13px, 2vw, 15px);
      vertical-align: middle;
}



/* Стало — всё заработает */
#block-25 .block-25__box_all {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: space-around;
  /* align-items: flex-end;  ← просто закомментируй или удали эту строку */
}

/* И обязательно добавь это (если ещё нет): */
#block-25 .block-25__box_all-box {
  align-self: flex-start;   /* ← возвращает блок наверх, как было */
  width: 100%;              /* на мобильных важно */
}

/* А сам скролл таблицы — оставь как есть */
#block-25 .block-25__box_all-box .table-wrap {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
    margin:  10px 0;
}

#block-25 .block-25__box_all-box table {
  width: 100%;
}
#block-25 .block-25__box_all-box p{
    margin: 1em 0;
}

/* < 480px */
@media (max-width: 480px) {
#block-25 .block-25__title h1{
    line-height: 120%;
    font-size: 24px;
    padding-bottom: 0;
}
#block-25 .block-25__box_all-box h2 {
  font-size: 18px;
}
#block-25 .block-25__box_all-box {
  font-size: 14px;
}
}
/* < 480px */

 #block-25 .block-25__title {
    padding-bottom: 10px;
  }
#block-25 .block-25__box_all-box h2{
    margin: 10px 0 0 0;
    padding: 0;
}
#block-25 .block-25__box_all-box h3{
    margin: 10px 0 0 0;
    padding: 0;
}
/* block-25 */


/* block-26 */
#block-26,
#block-26 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-26{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-26 a:hover{
    color: #199AF0 !important;
}
#block-26 a:active{
    color: #0D84D3 !important;
}
#block-26 .block-26{
  padding: 60px 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-26 .block-26{
  padding-top: 50px;
  padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  #block-26 .block-26{
  padding-top: 40px;
  padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  #block-26 .block-26{
  padding-top: 30px;
  padding-bottom: 0;
  }
}

  #block-26 .block-26__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
@media (max-width: 1200px) {
  #block-26 .block-26__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-26 .block-26__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-26 .block-26__title{
  padding-bottom: 30px;
}
}



#block-26 .block-26__box_all{
  display: flex;
  flex-direction: row;
  gap: 22px;
  flex-wrap: wrap;
}
#block-26 .block-26__box_all-box{
  flex: 1 1 calc(33.333% - 20px); /* по 3 в ряд */
}
@media (max-width: 992px) {
#block-26 .block-26__box_all-box{
  flex: 1 1 calc(50% - 20px); /* по 2 в ряд */
}
}
@media (max-width: 768px) {
#block-26 .block-26__box_all-box{
  flex: 1 1 100%; /* по 1 в ряд */
}
}

  #block-26 .block-26__box_all-box{
  display: flex;
  flex-direction:column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
  position: relative;

}
  #block-26 .block-26__box_all-box-1{
  display: flex;
  flex-direction:row;
  gap: 20px;
    justify-content: space-between;
  align-items: center;
  }

#block-26 .block-26__box_all-box-1-2{
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
#block-26 .block-26__box_all-box:nth-child(1) .block-26__box_all-box-1-2{
	background: #DAFBF4;
}
#block-26 .block-26__box_all-box:nth-child(2) .block-26__box_all-box-1-2{
	background: #DAE5FB;
}
#block-26 .block-26__box_all-box:nth-child(3) .block-26__box_all-box-1-2{
	background: #F9F4E3;
}
#block-26 .block-26__box_all-box:nth-child(4) .block-26__box_all-box-1-2{
	background: #ECD7FB;
}
#block-26 .block-26__box_all-box:nth-child(5) .block-26__box_all-box-1-2{
	background: #DAFBF4;
}
#block-26 .block-26__box_all-box:nth-child(6) .block-26__box_all-box-1-2{
	background: #ECD7FB;
}
#block-26 .block-26__box_all-box:nth-child(7) .block-26__box_all-box-1-2{
	background: #DAFBF4;
}
#block-26 .block-26__box_all-box:nth-child(8) .block-26__box_all-box-1-2{
	background: #DAE5FB;
}
#block-26 .block-26__box_all-box:nth-child(9) .block-26__box_all-box-1-2{
	background: #F9F4E3;
}

  #block-26 .block-26__box_all-box-2{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }
  #block-26 .block-26__box_all-box-4{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }



#block-26 .block-26__box_all {
  overflow: hidden;
  transition: max-height 0.4s ease;
}



/* раскрытие / сворачивание */
#block-26 .block-26__more {
  text-align: center;
  margin-top: 20px;
}

#block-26 .block-26__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;

    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;

    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
color: #1C2121;

  transition: color 0.3s ease;
  user-select: none;
}

#block-26 .block-26__toggle:hover{
    background-color: #C5DFFB;
}
#block-26 .block-26__toggle:active{
    background-color: #B2D4FA;
}

/* стрелка — делаем через псевдоэлемент */
#block-26 .block-26__toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* при раскрытии — стрелка вверх */
#block-26 .block-26__toggle.active::after {
  transform: rotate(-135deg);
}

/* плавное раскрытие блока */
#block-26 .block-26__box_all {
  transition: max-height 0.4s ease;
}
/* раскрытие / сворачивание */




#block-26 .block-26__box_all-box-1-1{
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
}
#block-26 .block-26__box_all-box-2-1{
padding: 8px 12px;
border-radius: 8px;
font-size: 14px;
color: #1C2121;
}

#block-26 .block-26__box_all-box:nth-child(1) .block-26__box_all-box-2-1{
	background: #DAFBF4;
}
#block-26 .block-26__box_all-box:nth-child(2) .block-26__box_all-box-2-1{
	background: #DAE5FB;
}
#block-26 .block-26__box_all-box:nth-child(3) .block-26__box_all-box-2-1{
	background: #F9F4E3;
}
#block-26 .block-26__box_all-box:nth-child(4) .block-26__box_all-box-2-1{
	background: #ECD7FB;
}
#block-26 .block-26__box_all-box:nth-child(5) .block-26__box_all-box-2-1{
	background: #DAFBF4;
}
#block-26 .block-26__box_all-box:nth-child(6) .block-26__box_all-box-2-1{
	background: #ECD7FB;
}
#block-26 .block-26__box_all-box:nth-child(7) .block-26__box_all-box-2-1{
	background: #DAFBF4;
}
#block-26 .block-26__box_all-box:nth-child(8) .block-26__box_all-box-2-1{
	background: #DAE5FB;
}
#block-26 .block-26__box_all-box:nth-child(9) .block-26__box_all-box-2-1{
	background: #F9F4E3;
}

#block-26 .block-26__box_all-box-2-2{
padding: 8px 12px;
background: #F2F4F6;
border-radius: 8px;
font-size: 14px;
color: #606B6C;
}

#block-26 .block-26__box_all-box-3{
  font-size: 14px;
  color: #585B5B;
  line-height: 140%;
  text-align: center;
}

#block-26 .block-26__box_all-box-3 img{
  display: inline-block;
  width: 100%;
  max-width: 300px;
}

#block-26 .block-26__box_all-box-4-1{
  cursor: pointer;
  padding-left: 30px;
  font-size: 14px;
  color: #199AF0;
  background-image: url('/layout_project/template/img/block-26/block-26_img2-eye.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}
#block-26 .block-26__box_all-box-4-1 a{
  cursor: pointer;
  font-size: 14px;
  color: #199AF0;
  text-decoration: none;
}

#block-26 .pagination_block-26 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: 40px 0 30px 0;
    flex-wrap: wrap;
}
#block-26 .pagination_block-26 a{
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
    background: #D9EEFD;
    color: #1C2121 !important;
}
#block-26 .pagination_block-26 a:hover{
    background-color: #C5DFFB;
    color: #1C2121 !important;
}
#block-26 .pagination_block-26 a:active{
    background-color: #B2D4FA;
    color: #1C2121 !important;
}

#block-26 .pagination_block-26 a.active_block-26{
    background: #199AF0;
    color:#fff !important;
}
#block-26 .pagination_block-26 a.active_block-26:hover{
  background-color: #0F90E6;
  color:#fff !important;
}
#block-26 .pagination_block-26 a.active_block-26:active{
  background-color: #0F90E6;
  color:#fff !important;
}

#block-26 .block-26__box_all-box-1-1 p a{
overflow: auto;
  max-height: 80px;
  display: block;
  padding-right: 5px;
overflow-wrap: break-word; /* Основное, современное */
word-break: break-word;    /* Фолбэк для старых браузеров */
font-size: 16px;
  font-weight: bold;
  color: #1C2121;
  text-decoration: none;
  line-height: 140%;
}

/* < 480px */
@media (max-width: 480px) {
#block-26 .block-26__title{
  line-height: 120%;
  font-size: 28px;
padding-bottom: 20px;
}
#block-26 .block-26__box_all-box {
  gap: 16px;
}
  #block-26 .block-26 {
    padding-top: 20px;
  }
#block-26 .block-26__box_all-box-2-1 {
  font-size: 12px;
}
#block-26 .block-26__box_all-box-2-2 {
  font-size: 12px;
}
#block-26 .block-26__box_all-box-1-1 p a {
  line-height: 120%;
}
}


@media (max-width: 480px) {
  #block-26 h1.block-26__title {
    font-size: 28px;
    line-height: 140%;
  }
}
@media (max-width: 360px) {
  #block-26 h1.block-26__title {
    font-size: 24px;
  }
}
/* < 480px */
/* block-26 */

/* block-27 */
#block-27,
#block-27 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
}
#block-27{
  background: #fff;
  width: 100%;
  padding: 0 3vw 0 3vw;
}
#block-27 a:hover{
    color: #199AF0 !important;
}
#block-27 a:active{
    color: #0D84D3 !important;
}
#block-27 .block-27{
  padding: 60px 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;
}
@media (max-width: 1200px) {
  #block-27 .block-27{
  padding-top: 0;
  padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  #block-27 .block-27{
  padding-top: 0;
  padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  #block-27 .block-27{
  padding-top: 0;
  padding-bottom: 0;
  }
}

#block-27 .block-27__title{
  font-weight: 700;
  font-size: clamp(32px, 2vw, 40px);
  text-align: center;
  color: #1C2121;
  padding-bottom: 50px;
}
@media (max-width: 1200px) {
  #block-27 .block-27__title{
  padding-bottom: 40px;
}
}
@media (max-width: 992px) {
  #block-27 .block-27__title{
  padding-bottom: 40px;
}
}
@media (max-width: 768px) {
  #block-27 .block-27__title{
  padding-bottom: 30px;
}
}



#block-27 .block-27__box_all{
  display: flex;
  flex-direction: row;
  gap: 22px;
  flex-wrap: wrap;
}
#block-27 .block-27__box_all-box{
  flex: 1 1 calc(33.333% - 20px); /* по 3 в ряд */
}
@media (max-width: 992px) {
#block-27 .block-27__box_all-box{
  flex: 1 1 calc(50% - 20px); /* по 2 в ряд */
}
}
@media (max-width: 768px) {
#block-27 .block-27__box_all-box{
  flex: 1 1 100%; /* по 1 в ряд */
}
}

  #block-27 .block-27__box_all-box{
  display: flex;
  flex-direction:column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #E1EDF5;
  border-radius: 12px;
  box-shadow: 0px 2px 16px 0px #E1ECF4A3;
  position: relative;

}
  #block-27 .block-27__box_all-box-1{
  display: flex;
  flex-direction:row;
  gap: 20px;
    justify-content: space-between;
  align-items: center;
  }

#block-27 .block-27__box_all-box-1-2{
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
#block-27 .block-27__box_all-box:nth-child(1) .block-27__box_all-box-1-2{
	background: #DAFBF4;
}
#block-27 .block-27__box_all-box:nth-child(2) .block-27__box_all-box-1-2{
	background: #DAE5FB;
}
#block-27 .block-27__box_all-box:nth-child(3) .block-27__box_all-box-1-2{
	background: #F9F4E3;
}
#block-27 .block-27__box_all-box:nth-child(4) .block-27__box_all-box-1-2{
	background: #ECD7FB;
}
#block-27 .block-27__box_all-box:nth-child(5) .block-27__box_all-box-1-2{
	background: #DAFBF4;
}
#block-27 .block-27__box_all-box:nth-child(6) .block-27__box_all-box-1-2{
	background: #ECD7FB;
}
#block-27 .block-27__box_all-box:nth-child(7) .block-27__box_all-box-1-2{
	background: #DAFBF4;
}
#block-27 .block-27__box_all-box:nth-child(8) .block-27__box_all-box-1-2{
	background: #DAE5FB;
}
#block-27 .block-27__box_all-box:nth-child(9) .block-27__box_all-box-1-2{
	background: #F9F4E3;
}

  #block-27 .block-27__box_all-box-2{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }
  #block-27 .block-27__box_all-box-4{
  display: flex;
  flex-direction:row;
  gap: 20px;
  justify-content:space-between;
  align-items: center;
  }



#block-27 .block-27__box_all {
  overflow: hidden;
  transition: max-height 0.4s ease;
}



/* раскрытие / сворачивание */
#block-27 .block-27__more {
  text-align: center;
  margin-top: 20px;
}

#block-27 .block-27__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;

    border-radius: 12px;
    padding: 12px 40px 12px 20px;
    cursor: pointer;
    text-decoration: none;

    background: #D9EEFD;
    font-weight: 600;
    font-size: clamp(13px, 1vw, 14px);
color: #1C2121;

  transition: color 0.3s ease;
  user-select: none;
}

#block-27 .block-27__toggle:hover{
    background-color: #C5DFFB;
}
#block-27 .block-27__toggle:active{
    background-color: #B2D4FA;
}

/* стрелка — делаем через псевдоэлемент */
#block-27 .block-27__toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* при раскрытии — стрелка вверх */
#block-27 .block-27__toggle.active::after {
  transform: rotate(-135deg);
}

/* плавное раскрытие блока */
#block-27 .block-27__box_all {
  transition: max-height 0.4s ease;
}
/* раскрытие / сворачивание */




#block-27 .block-27__box_all-box-1-1{
  font-size: 16px;
  font-weight: bold;
  color: #1C2121;
}
#block-27 .block-27__box_all-box-2-1{
padding: 8px 12px;
border-radius: 8px;
font-size: 14px;
color: #1C2121;
}

#block-27 .block-27__box_all-box:nth-child(1) .block-27__box_all-box-2-1{
	background: #DAFBF4;
}
#block-27 .block-27__box_all-box:nth-child(2) .block-27__box_all-box-2-1{
	background: #DAE5FB;
}
#block-27 .block-27__box_all-box:nth-child(3) .block-27__box_all-box-2-1{
	background: #F9F4E3;
}
#block-27 .block-27__box_all-box:nth-child(4) .block-27__box_all-box-2-1{
	background: #ECD7FB;
}
#block-27 .block-27__box_all-box:nth-child(5) .block-27__box_all-box-2-1{
	background: #DAFBF4;
}
#block-27 .block-27__box_all-box:nth-child(6) .block-27__box_all-box-2-1{
	background: #ECD7FB;
}
#block-27 .block-27__box_all-box:nth-child(7) .block-27__box_all-box-2-1{
	background: #DAFBF4;
}
#block-27 .block-27__box_all-box:nth-child(8) .block-27__box_all-box-2-1{
	background: #DAE5FB;
}
#block-27 .block-27__box_all-box:nth-child(9) .block-27__box_all-box-2-1{
	background: #F9F4E3;
}

#block-27 .block-27__box_all-box-2-2{
padding: 8px 12px;
background: #F2F4F6;
border-radius: 8px;
font-size: 14px;
color: #606B6C;
}

#block-27 .block-27__box_all-box-3{
  font-size: 14px;
  color: #585B5B;
  line-height: 140%;
}
#block-27 .block-27__box_all-box-4-1{
  cursor: pointer;
  padding-left: 30px;
  font-size: 14px;
  color: #199AF0;
  background-image: url('/layout_project/template/img/block-27/block-27_img2-eye.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}


#block-27 .pagination_block-27 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: 40px 0 30px 0;
    flex-wrap: wrap;
}
#block-27 .pagination_block-27 a{
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
    background: #D9EEFD;
    color: #1C2121 !important;
}
#block-27 .pagination_block-27 a:hover{
    background-color: #C5DFFB;
    color: #1C2121 !important;
}
#block-27 .pagination_block-27 a:active{
    background-color: #B2D4FA;
    color: #1C2121 !important;
}

#block-27 .pagination_block-27 a.active_block-27{
    background: #199AF0;
    color:#fff !important;
}
#block-27 .pagination_block-27 a.active_block-27:hover{
  background-color: #0F90E6;
  color:#fff !important;
}
#block-27 .pagination_block-27 a.active_block-27:active{
  background-color: #0F90E6;
  color:#fff !important;
}

#block-27 .block-27__box_all-box-1-1 p a{
overflow: auto;
  max-height: 80px;
  display: block;
  padding-right: 5px;
overflow-wrap: break-word; /* Основное, современное */
word-break: break-word;    /* Фолбэк для старых браузеров */
}

/* < 480px */
@media (max-width: 480px) {
#block-27 .block-27__title{
  line-height: 120%;
  font-size: 28px;
padding-bottom: 20px;
}
#block-27 .block-27__box_all-box {
  gap: 16px;
}
  #block-27 .block-27 {
    padding-top: 20px;
  }
#block-27 .block-27__box_all-box-2-1 {
  font-size: 12px;
}
#block-27 .block-27__box_all-box-2-2 {
  font-size: 12px;
}
#block-27 .block-27__box_all-box-1-1 p a {
  line-height: 120%;
}
}


@media (max-width: 480px) {
  #block-27 h1.block-27__title {
    font-size: 28px;
    line-height: 140%;
  }
}
@media (max-width: 360px) {
  #block-27 h1.block-27__title {
    font-size: 24px;
  }
}
/* < 480px */
/* block-27 */




/* block-28 */
#block-28,
#block-28 * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    font-family: "Inter", sans-serif;
    color: #1C2121;
}

#block-28{
  background: linear-gradient(180deg, #F5FBFF, #EDF6FD);
  width: 100%;
  padding: 0 0 0 0;
    box-sizing: border-box; /* обязательно */
}
#block-28 .block-28{
    padding: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1246px;
    width: 100%;
}
#block-28 .content_box{
  padding: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1246px;
  width: 100%;


}
@media (max-width: 1200px) {
  #block-28 .content_box{
  padding-bottom: 50px;
/*  background: url('../../../layout_project/template/img/block-28/img_chibik-1(30).png') no-repeat 100% 0; */
  }
}
@media (max-width: 992px) {
  #block-28 .content_box{
  padding-bottom: 40px;
/*  background: url('../../../layout_project/template/img/block-28/img_chibik-1(50).png') no-repeat 100% 0; */
    background-size:contain;
  }
}
@media (max-width: 768px) {
  #block-28 .content_box{
  padding-bottom: 30px;
/*  background: url('../../../layout_project/template/img/block-28/img_chibik-1(70).png') no-repeat 100% 0; */
  background-size:contain;
  }
}

#block-28 .content_box-1box{
  display: inline-block;
  width: 100%;
  background: url('../../../layout_project/template/img/block-28/img_chibik-1.png') no-repeat;
background-position: bottom right;
background-size: 400px auto; /* ширина 300px, высота пропорционально */
 padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  #block-28 .content_box-1box{
  padding-top: 50px;
padding-bottom: 50px;
background-size: 350px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 992px) {
  #block-28 .content_box-1box{
  padding-top: 40px;
padding-bottom: 40px;
background-size: 310px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 768px) {
  #block-28 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 270px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 480px) {
  #block-28 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 216px auto; /* ширина 300px, высота пропорционально */
  }
}
@media (max-width: 360px) {
  #block-28 .content_box-1box{
  padding-top: 30px;
padding-bottom: 30px;
background-size: 164px auto; /* ширина 300px, высота пропорционально */
  }
}

#block-28 .content_box .content_box-1{
display: flex;
flex-direction: column;
gap: 38px;
max-width: 750px;
width: 100%;
}
@media (max-width: 1200px) {
#block-28 .content_box .content_box-1 {
    max-width: 750px;
}
}
@media (max-width: 992px) {
#block-28 .content_box .content_box-1 {
    max-width: 540px;
}

}
@media (max-width: 768px) {
#block-28 .content_box .content_box-1 {
    max-width: 450px;
}
#block-28  .content_box-1_t1{
  width: 80%;
}
}
@media (max-width: 480px) {
#block-28 .content_box .content_box-1 {
    max-width: 100%;
}
}
@media (max-width: 360px) {
#block-28 .content_box .content_box-1 {
    max-width: 300px;
}
}

#block-28 .content_box .content_box-1 h1{
  font-style: Semi;
  font-weight: 600;
  font-size: clamp(42px, 5vw, 60px);

}
#block-28 .content_box .content_box-1 h1 span{
  color: #199AF0;
}
#block-28 .content_box .content_box-1 .content_box-1_t1{
  font-style: Semi;
  font-weight: 500;
  line-height: 32px;
  font-size: clamp(20px, 2vw, 24px);
  color: #585B5B;
}
#block-28 .content_box .content_box-1 .content_box-1_t1 span{
  display: inline-block;
  margin-right: 8px;
  padding: 4px 12px;
  border-radius: 1000px;
  color: #199AF0;
  border: 3px #199AF0 solid;
  font-size: clamp(16px, 5vw, 18px);
  font-weight: 900;
}
#block-28 .content_box .content_box-1 .content_box-1_t2{
  display: flex;
  flex-direction: row;
  gap: 25px;
  justify-content: left;
  flex-wrap: wrap;
}

@media (max-width:580px) {
  #block-28 .content_box .content_box-1 .content_box-1_t2{
  display: flex;
  flex-direction:column;
  gap: 20px;
  justify-content: left;
}
}

#block-28 .content_box .content_box-1 .content_box-1_t2 p {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: left;
  text-transform: uppercase;
  font-size: 12px;
}
#block-28 .content_box .content_box-1 .content_box-1_t2 p span{
display: inline-block;
background:url('../../../layout_project/template/img/block-28/check_mark.svg') no-repeat #199AF0 center center;
border-radius: 6px;
width: 24px;
height: 24px;
border-radius: 6px;
}

#block-28 .content_box .content_box-2{
  display: flex;
  flex-direction: column;
  width:auto;
  box-shadow: 0px 0px 128px 0px #3498DB1F;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
}
#block-28 .content_box .content_box-2 .content_box-2_t1 form{
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
  align-items:start;
}
@media (max-width: 768px) {
  #block-28 .content_box .content_box-2 .content_box-2_t1 form{
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
}
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1, #block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  display: flex;
  flex-direction: column;
  gap: 14px;
}


#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1{
    flex: 1; /* занимает всё оставшееся место */
}


#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input{
width:auto;
height: 56px;
line-height: 56px;
border-radius: 8px;
padding: 16px 16px 16px 62px;
border: 2px dashed #199AF0;

font-weight: 400;
font-size:  clamp(16px, 2vw, 18px);

  background: url('../../../layout_project/template/img/block-28/search_img-1.png') no-repeat 10px center;
  background-size: 36px;

}


#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button:hover{
  background-color: #0F90E6;
}
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button:active{
  background-color: #0D84D3;
}


#block-28 .content_box .content_box-2 .content_box-2_t1_form-1 input:focus {
  outline: none; /* убираем стандартную рамку */
  box-shadow: none; /* на всякий случай убираем glow у Chrome/Safari */
}


#block-28 .content_box .content_box-2 .content_box-2_t1_form-1::after {
  color: #1C2121;
}
#block-28 .content_box .content_box-2 .content_box-2_t1_form-1.active::after {
  color: #1C2121;
}

/* мигание линии */
@keyframes blink {
  50% { opacity: 0.4; }
}


#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input:hover{
    background-color: #ECF7FE;
}
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input:active{
    background-color: #fff;
}


  #block-28 .content_box .content_box-2{
    padding: 18px;
  }
  #block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 input{

width: 100%;
background-size: 22px;
padding-left: 40px;
}

#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-1 span{
  background: url('../../../layout_project/template/img/block-28/attention-1.png') no-repeat 0 center;
  font-weight: 500;
  padding-left: 30px;
  font-size: 17px;
  font-size: clamp(12px, 2vw, 17px);
  line-height: 22px;
  text-align:left;
  color: #585B5B;
}
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
    width: 200px;
}
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button {
    height: 56px;
/*    padding-left: 30px; */
    width:auto;
    background: #199AF0;
    font-weight: 500;
    font-size:  clamp(16px, 2vw, 18px);
    color: #fff;
/*    background-image: url('../../../layout_project/template/img/block-28/star_button-1.svg'); */
    background-repeat: no-repeat;
    background-position: left 20px center;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}

@media (max-width: 992px) {
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 25px; */
    background-position: left 20px center;
}
}
@media (max-width: 768px) {
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 20px; */
    background-position: left 20px center;
}
}
@media (max-width: 668px) {
  /*
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
    text-indent: -9999px; 
    overflow: hidden;
    position: relative;
  }
  */
#block-28 .content_box .content_box-2 .content_box-2_t1 form{
  gap: 30px;
}
}
@media (max-width: 668px) {
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 button{
/*    padding-left: 18px; */
    background-position: center center;
}
}

#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2 span{
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #199AF0;
}




#block-28 .content_box .content_box-3{
  margin-top: 0;
  display: flex;
  flex-direction: column;
  width:auto;

    background: #F5FAFE;
  padding: 0;
  border-radius: 12px;
}



#block-28 .content_box .content_box-3 .mySwiper {
    width: 100%;
  }

#block-28 .content_box .content_box-3 .swiper-slide {
    display: flex;
    flex-direction:column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;

    font-size: 1rem;
    text-align: center;
    /* чтобы текст красиво переносился внутри слайда */
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
  }


#block-28 .content_box .content_box-3 .swiper-slide:hover{
    background: #ECF6FE;
}
#block-28 .content_box .content_box-3 .swiper-slide:active{
    background: #D9EEFD;
}
#block-28 .content_box .content_box-3 .swiper-slide:hover strong{
  color: #199AF0;
}
#block-28 .content_box .content_box-3 .swiper-slide:active strong{
  color: #199AF0;
}


  /* Опционально: если хочешь, чтобы слайды имели макс ширину (например карточки) */
#block-28 .content_box .content_box-3 .swiper-slide .content {
    width: 100%;
  }

  #block-28 .content_box .content_box-3 .swiper-slide strong{
    font-weight: 600;
    font-size: 14px;
  }
    #block-28 .content_box .content_box-3 .swiper-slide p{
    font-weight: 400;
    font-size: 12px;
  }

#block-28 .content_box-2_t1_form-1 span{
    background-image: url('/layout_project/template/img/block-1/attention-1.png');
    background-repeat: no-repeat;
    background-position: left 0 center;
    padding-left: 30px;
}


@media (max-width: 480px) {
#block-28 .content_box .content_box-2 .content_box-2_t1 form .content_box-2_t1_form-2{
  width: 100%;
}
#block-28 .content_box-2_t1_form-1 span{
display: none;
}
#block-28 .content_box-2_t1_form-1{
  max-width: 100%;
  width: 100%;
}
}
@media (max-width: 480px) {
#block-28 .content_box .content_box-3 .swiper-slide {
  gap: 0;
  min-height: 40px;
  padding: 5px;
}
}


#block-28 .content_box .content_box-3 a{
  text-decoration: none;
}

#block-28 .content_box-1box_2{
  display: inline-block;
  width: 100%;
  padding: 0 0 30px 0;
}
#block-28 .content_box-1box_2 h2{
    font-size:  clamp(24px, 2vw, 32px);
}


#block-28 .content_box{
  display: inline-block;

    padding: 0 0;
    margin: 0 0 0 0;
    border-radius: 0;
}


#block-28 .content_box .content_box-2 {
    display: none;
}
#block-28 .content_box-1box_2 {
    padding: 0 0 10px 0;
}
#block-28 .content_box-3 a p{
	color:#7F8C8D;
}


@media (max-width: 480px) {
#block-28 .block-28 {
  padding: 0 0 0 0;
}
#block-28 .content_box {
  padding: 10px 20px;
  margin: 0 0 20px 0;
}
#block-28 .content_box .content_box-3 {
  margin-top: 10px;
  padding: 0;
}
#block-28 .content_box {
  padding: 0 20px 0 20px;
  margin: 0 0 20px 0;
  border-radius: 18px;
}
#block-28 .content_box-1box_2 h2 {
  font-size: 20px;
  line-height: 140%;
}
#block-20 .content_box-1box .content_box-1box_2 h2{
    font-size: 23px;
}
}
/* block-28 */
