html,
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  background: #f1f6fa;
  font-family: 'Montserrat';
}
@font-face {
  font-family: 'Circe Light';
  src: url('../fonts/Circe-Light.eot');
  src:
    local('Circe Light'),
    local('Circe-Light'),
    url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Light.woff2') format('woff2'),
    url('../fonts/Circe-Light.woff') format('woff'),
    url('../fonts/Circe-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Circe Extra';
  src: url('../fonts/Circe-ExtraBold.eot');
  src:
    local('Circe Extra Bold'),
    local('Circe-ExtraBold'),
    url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-ExtraBold.woff2') format('woff2'),
    url('../fonts/Circe-ExtraBold.woff') format('woff'),
    url('../fonts/Circe-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Circe Thin';
  src: url('../fonts/Circe-Thin.eot');
  src:
    local('Circe Thin'),
    local('Circe-Thin'),
    url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Thin.woff2') format('woff2'),
    url('../fonts/Circe-Thin.woff') format('woff'),
    url('../fonts/Circe-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Circe Regular';
  src: url('../fonts/Circe-Regular.eot');
  src:
    local('Circe'),
    local('Circe-Regular'),
    url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Regular.woff2') format('woff2'),
    url('../fonts/Circe-Regular.woff') format('woff'),
    url('../fonts/Circe-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Circe Bold';
  src: url('../fonts/Circe-Bold.eot');
  src:
    local('Circe Bold'),
    local('Circe-Bold'),
    url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Bold.woff2') format('woff2'),
    url('../fonts/Circe-Bold.woff') format('woff'),
    url('../fonts/Circe-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
.container {
  max-width: 1250px;
  padding: 0 15px;
  box-sizing: border-box;
  margin: 0 auto;
}
.wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.caption-section {
  text-align: center;
}
.caption-section__left {
  text-align: left;
}
h2 {
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 40px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: Circe Extra !important;
}
.swiper-nav {
  width: 60px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 0 0;
}
.swiper-nav svg {
  cursor: pointer;
}
header {
  padding: 20px 0;
  transition: all 0.3s;
  position: sticky;
  top: 0;
  background: #f1f6fa !important;
  z-index: 99;
}

header .menu ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}
header .menu ul li {
  margin: 0;
  padding: 15px;
}
header .menu ul li a {
  color: #555;
  font-size: 14px;
  transition: all 0.3s;
  font-weight: 500;
  text-decoration: none;
}
header .menu ul li a:hover {
  transition: all 0.3s;
  color: #cc0029;
  font-weight: 500;
}
header .contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
header .contact .phone {
  display: flex;
  align-items: center;
}
header .contact .phone a {
  color: #154ebc;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s;
}
header .contact .phone a:hover {
  transition: all 0.3s;
  color: #cc0029;
}
header .contact .phone img {
  margin: 0 10px 0 0;
}
header .contact .callback {
  margin: 0 15px 0 30px;
}
header .contact .callback a {
  display: inline-block;
  font-size: 14px;
  color: #154ebc;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid #154ebc;
  text-decoration: none;
  transition: all 0.3s;
}
header .contact .callback a:hover {
  background: #154ebc;
  color: #fff;
  transition: all 0.3s;
}
.dropdown-menu {
  position: relative;
}
.dropdown-menu-a {
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.dropdown-menu-a:after {
  content: '';
  width: 14px;
  height: 14px;
  transition: all 0.5s;
  margin: 0 0 0 10px;
  background: url(/wp-content/themes/right-shoulder/style_new/images/rowup.svg) no-repeat center center;
}
.list-product-cat {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.glyphicon-menu-down {
  width: 14px;
  height: 14px;
  display: block;
  transition: all 0.5s;
}
.glyphicon-menu-up {
  transform: rotate(180deg);
  transition: all 0.5s;
}
.dropdown-menu .ul-list {
  width: 300px;
  background: #fff;
  border-radius: 10px;
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
}
.dropdown-menu .ul-list li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.dropdown-menu .ul-list a {
  font-size: 14px;
  color: #555;
  padding: 10px 30px;
  display: block;
}
.dropdown-menu .ul-list a:hover {
  background: #f1f6fa;
  color: #555;
}
.dropdown-menu:hover .ul-list {
  display: block;
}
.dropdown-menu .list-product-subnav,
.mobile-menu .list-product-subnav {
  display: none;
  margin: 0;
}
.mobile-menu ul li a {
  font-size: 14px;
  color: #555;
  padding: 10px 30px;
  display: block;
  text-decoration: none;
}
.mobile-menu a:hover {
  background: #f1f6fa;
  color: #555;
}
.contact-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-mobile .phone {
  display: flex;
  align-items: center;
  margin: 0 15px 0 0;
}
.contact-mobile .phone a {
  color: #154ebc;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s;
}
.contact-mobile .phone a:hover {
  transition: all 0.3s;
  color: #cc0029;
}
.contact-mobile .phone img {
  margin: 0 10px 0 0;
}
.logo-mobile {
  margin: 0 0 0 30px;
}
.hamburger-menu {
  display: none;
}

footer {
  background: #154ebc;
  border-radius: 30px 30px 0 0;
  /*padding: 27px 0;*/
}
footer .row-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
footer .row-top .footer-contact {
  display: flex;
  align-items: center;
}
footer .row-top .footer-contact a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s;
}
footer .row-top .footer-contact a:hover {
  transition: all 0.3s;
  color: #cc0029;
}
footer .row-top .footer-contact img {
  margin: 0 10px 0 0;
}
footer .row-top .footer-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .row-top .footer-menu ul li {
  margin: 0 17px;
  list-style: none;
}
footer .row-top .footer-menu ul li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s;
}
footer .row-top .footer-menu ul li a:hover {
  transition: all 0.3s;
  color: #cc0029;
}
footer .footer-head {
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 25px 0;
  text-align: center;
  /*text-transform: uppercase;*/
}
footer .row-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
footer .row-center img {
  margin: 0 10px;
}
footer .row-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
}
footer .row-bottom .footer-adress {
  font-size: 16px;
  color: #fff;
  font-family: Circe Bold;
}
footer .row-bottom .footer-adress span {
  display: block;
  font-family: Circe Light;
}
footer .row-bottom .footer-copy {
  font-size: 14px;
  font-weight: 350;
  color: #fff;
  text-align: right;
  font-family: Circe Light;
}
footer .row-bottom .footer-copy a {
  border-bottom: 1px solid #fff;
  color: #fff;
  transition: all 0.5s;
  text-decoration: none;
  display: inline-grid;
  margin: 10px 0 0 0;
}
footer .row-bottom .footer-copy a:hover {
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
}
#modal-callback {
  width: 1000px;
  padding: 60px 120px;
  background: #fff;
  border-radius: 20px;
}
#modal-callback .modal-head {
  color: #232323;
  font-family: Circe Extra;
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
}
#modal-callback .modalsubhead {
  color: #232323;
  font-size: 16px;
  font-family: 'Montserrat' !important;
  text-align: center;
}
#modal-callback .modalboxform p {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#modal-callback .modalboxform .form-input .wpcf7-form-control-wrap {
  width: 45%;
  display: block;
}
.wpcf7-not-valid-tip {
  display: none;
}
#modal-callback .wpcf7-not-valid {
  border-bottom: 1px solid #cc0029 !important;
}
#modal-callback .modalboxform input[type='text'],
#modal-callback .modalboxform input[type='tel'] {
  width: 100%;
  height: 36px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #232323;
  color: #232323;
  font-size: 16px;
}
#modal-callback .modalboxform input[type='text']:focus,
#modal-callback .modalboxform input[type='tel']:focus,
#modal-callback .modalboxform textarea {
  outline: none;
}
#modal-callback .modalboxform input::placeholder,
#modal-callback .modalboxform textarea::placeholder {
  color: #232323;
}
#modal-callback .modalboxform .form-textarea .wpcf7-form-control-wrap {
  width: 100%;
}
#modal-callback .modalboxform textarea {
  width: 100%;
  height: 80px;
  border: 0;
  border-bottom: 1px solid #232323;
  padding: 0 0 10px 0;
  color: #232323;
  font-size: 16px;
  background: transparent;
  margin: 20px 0 0 0;
  font-family: 'Montserrat' !important;
}
#modal-callback .modalboxform .form-submit {
  width: 100%;
  text-align: center;
}
#modal-callback .modalboxform .form-submit p {
  display: flex;
  justify-content: center;
}
#modal-callback .modalboxform input[type='submit'] {
  color: #fff;
  padding: 15px 100px;
  background: #cc0029;
  border-radius: 50px;
  border: 1px solid #fff;
  margin: 0 0 15px 0;
  cursor: pointer;
  transition: all 0.5s;
}
#modal-callback .modalboxform input[type='submit']:hover {
  transition: all 0.5s;
  border: 1px solid #cc0029;
  background: #cc0029;
  color: #fff;
}
#modal-callback p {
  font-size: 15px;
  color: #232323;
  font-family: Circe Regular;
  text-align: center;
}
#modal-callback p a {
  text-decoration: none;
  border-bottom: 1px solid #232323;
  transition: all 0.5s;
  color: #232323;
}
#modal-callback p a:hover {
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
}

.steps-slider {
  overflow: hidden;
}

.steps-slider-block__block {
  padding: 40px;
  background: #fff;
  border-radius: 20px;
  margin-top: 80px;
  position: relative;
  text-align: center;
  border: 1px solid rgba(21, 78, 188, 0.1);
}

.steps-slider .swiper-slide {
  counter-increment: block-counter;
}

.steps-slider-block__number {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: #154ebc;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}

.steps-slider--3 .swiper-slide:not(:last-child) .steps-slider-block__block::after {
  content: '';
  position: absolute;
  top: -55px;
  left: calc(50% + 70px);
  width: 70%;
  border-top: 1px solid rgba(21, 78, 188, 0.2);
}

.steps-slider-block__number::before {
  content: counter(block-counter);
}

.steps-slider-block__title {
  font-size: 18px;
  font-weight: 700;
}

.steps-slider-block__descr {
  padding-top: 20px;
  font-size: 16px;
}

.steps-slider-item__block {
  padding: 20px 30px;
  background: #fff;
  border-radius: 20px;
}

.steps-slider .swiper-slide {
  counter-increment: block-counter;
}

/*main page*/
.firstscreen {
  margin-bottom: 20px;
}
.firstscreen .firstscreen-inner {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 130px 100px;
  border-radius: 30px;
  margin-bottom: 20px;
  font-family: 'Montserrat' !important;
  background-position: center center;
}
.pagetitle {
}
.pagetitle h1,
.inner-content__text h1 {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  line-height: 110%;
  font-family: 'Montserrat' !important;
}
.subtitle {
  color: #fff;
  font-size: 18px;
  line-height: 130%;
}
.subtitle span {
  background: #cc0029;
  position: relative;
  padding: 2px;
}
.subtitle span:before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 7px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #cc0029;
}
.subtitle a.link {
  font-size: 14px;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #fff;
  padding: 10px 30px;
  transition: all 0.5s;
  display: inline-block;
  margin: 0 5px;
  text-decoration: none;
}
.subtitle a.link:hover {
  background: #fff;
  color: #000;
  transition: all 0.5s;
}
.subtitle a.white-link {
  font-size: 14px;
  color: #000;
  border-radius: 50px;
  border: 1px solid #fff;
  padding: 10px 30px;
  transition: all 0.5s;
  display: inline-block;
  margin: 0 5px;
  background: #fff;
  text-decoration: none;
}
.subtitle a.white-link:hover {
  color: #fff;
  background: transparent;
  transition: all 0.5s;
}
.box-advantages {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Montserrat' !important;
}
.box-advantages .item {
  width: 395px;
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 40px;
  font-weight: 700;
  border-radius: 40px;
  line-height: 25px;
  text-align: center;
}
.box-advantages .item.item-white {
  color: #154ebc;
  background: #fff;
}
.box-advantages .item.item-blue {
  color: #fff;
  background: #154ebc;
}
.box-advantages .item.item-red {
  color: #fff;
  background: #cc0029;
}
.box-advantages .item span {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
}
.services {
  margin: 70px 0 100px 0;
}
.services h2 {
  font-family: Circe Extra !important;
}
.services-tabs .services-tabs-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 15px 0;
}
.services-tabs .services-tabs-nav .services-tabs-nav__item {
  background: transparent;
  color: #154ebc;
  font-size: 18px;
  border-radius: 50px;
  border: 1px solid #154ebc;
  padding: 15px 80px;
  margin: 0 10px;
  list-style: none;
  font-family: Circe Regular;
  transition: all 0.5s;
}
.services-tabs .services-tabs-nav .services-tabs-nav__item:hover {
  cursor: pointer;
  transition: all 0.5s;
  background: #154ebc;
  color: #fff;
}
.services-tabs .services-tabs-nav .services-tabs-nav__item.active {
  background: #154ebc;
  color: #fff;
  font-size: 18px;
  border-radius: 50px;
  transition: all 0.5s;
}
.services-tabs .services-tabs-content {
  display: none;
}
.services-tabs .services-tabs-content.active {
  display: block;
}
.services-tabs .services-tabs-content ul {
  list-style: none;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.services-tabs .services-tabs-content ul li {
  padding: 10px 0;
  /*padding: 0% 0 22% 0%;*/
  display: table;
  box-sizing: border-box;
  transition: all 0.5s;
  background: none;
}
.services-tabs .services-tabs-content ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #202020;
  font-family: Circe Regular;
  text-decoration: none;
  transition: all 0.5s;
}
.services-tabs .services-tabs-content ul li a:hover {
  font-family: Circe Bold;
  transition: all 0.5s;
}
.services-tabs .services-tabs-content ul li a img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin: 0 10px 0 0;
}
.consultation-inner {
  padding: 50px 140px 50px 50px;
  border-radius: 20px;
  background-size: cover;
}
.consultation-inner .blocktitle {
  color: #fff;
  font-family: Circe Bold;
  font-size: 48px;
  line-height: 80%;
}
.consultation-inner .blockcontent {
  color: #fff;
  font-family: Circe Regular;
  font-size: 18px;
  margin: 25px 0;
}
.consultation-inner .blockfooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-family: Circe Regular;
  font-size: 18px;
}
.consultation-inner .blockfooter a {
  display: block;
  color: #fff;
  background: #cc0029;
  font-size: 14px;
  border-radius: 50px;
  border: 1px solid #fff;
  transition: all 0.5s;
  padding: 10px 150px;
  text-decoration: none;
}
.consultation-inner .blockfooter a:hover {
  color: #cc0029;
  background: #fff;
  border: 1px solid #cc0029;
  transition: all 0.5s;
}
.about {
  margin: 70px 0 100px 0;
}
.box-about {
  display: flex;
  gap: 50px;
  padding: 40px;
  background: #fff;
  border-radius: 30px;
}
.box-about .box-about_content {
  font-size: 20px;
}
.box-about .box-about_content p {
  margin-bottom: 10px;
}
.box-about .box-about_image {
  width: 350px;
  border-radius: 30px;
  flex-shrink: 0;
}
.box-about .box-about_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.team {
  margin: 0 0 100px 0;
}
.team h2,
.whychooseus-services h2 {
  font-family: Circe Extra !important;
}
.box-team_image {
  border-radius: 15px;
  margin-bottom: 15px;
}
.box-team_image img {
  border-radius: 15px;
}
.box-team_name {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 700;
}
.box-team_post {
  color: #202020;
  font-size: 16px;
  margin-top: 10px;
}
.reviews {
  position: relative;
  height: 550px;
  margin: 70px 0 100px 0;
}
.reviews h2 {
  font-family: Circe Extra !important;
}

.box-reviews a {
  display: block;
  height: 380px;
}

.reviews-block.box-reviews a {
  height: 320px;
}
.box-reviews img {
  width: auto;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  border-radius: 20px;
  display: block;
}
.reviews .container-fluid {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  margin: 0 0 0 -610px;
}
.box-link {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 0 0 100px 0;
}
.box-link .item {
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.box-link .item.item-one {
  flex-shrink: 2;
  padding: 50px 165px;
}
.box-link .item.item-two {
  flex-shrink: 1;
}
.box-link .item a {
  font-size: 20px;
  color: #555;
}
.faq {
  margin: 0 0 100px 0;
}
.faq h2 {
  font-family: Circe Extra !important;
  line-height: 110% !important;
  text-transform: uppercase;
}
.faq-item {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 25px;
  transition: all 0.3s;
}
.faq-item__title {
  color: #202020;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faq-item__title h2 {
  color: #202020;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}

.faq-item__title:hover {
  cursor: pointer;
}
.faq-item.active,
.faq-item svg {
  transition: all 0.3s;
}
.faq-item.active svg {
  transform: rotate(45deg);
  transition: all 0.3s;
}
.faq-item__content {
  display: none;
  font-size: 16px;
  color: #202020;
  line-height: 20px;
  padding-bottom: 25px;
}
.articles {
  margin: 0 0 100px 0;
}
.articles h2 {
  font-family: Circe Extra !important;
}
.box-articles_image {
  margin-bottom: 20px;
  border-radius: 20px;
}
.box-articles_image img {
  width: 100%;
  height: 230px;
  border-radius: 20px;
  object-fit: cover;
}
.box-articles_title {
  font-weight: 24px;
  color: #202020;
  margin-bottom: 15px;
  font-weight: 700;
  min-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.box-articles_text {
  color: #202020;
  font-size: 16px;
  margin-bottom: 25px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.box-articles_more {
  padding: 5px 0;
}
.box-articles_more a {
  display: inline-block;
  color: #154ebc;
  padding: 15px 50px;
  border: 1px solid #154ebc;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s;
}
.box-articles_more a:hover {
  transition: all 0.3s;
  background: #cc0029;
  color: #fff;
  border: 1px solid #cc0029;
}
.feedback {
  margin: 200px 0 90px 0;
}
.box-feedback {
  background: #cc0029;
  border-radius: 20px;
  padding: 50px;
  position: relative;
}
.box-feedback .caption-section h2 {
  color: #fff;
  font-family: Circe Extra !important;
  line-height: 110% !important;
}
.box-feedback .box-form {
  width: 710px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.box-feedback .box-form input[type='text'],
.box-feedback .box-form input[type='tel'] {
  width: 100%;
  height: 36px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-size: 16px;
}
.box-feedback .box-form .form-input p {
  display: flex;
  justify-content: space-between;
}
.box-feedback .box-form .form-input .wpcf7-form-control-wrap {
  width: 45%;
}
.box-feedback .box-form input[type='text']:focus,
.box-feedback .box-form input[type='tel']:focus,
.box-feedback .box-form textarea {
  outline: none;
}
.box-feedback .box-form input::placeholder,
.box-feedback .box-form textarea::placeholder {
  color: #fff;
}
.box-feedback .box-form textarea {
  width: 100%;
  height: 80px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 0 10px 0;
  color: #fff;
  font-size: 16px;
  background: transparent;
  margin: 20px 0;
  font-family: 'Montserrat' !important;
}
.box-feedback .box-form input[type='submit'] {
  color: #cc0029;
  padding: 15px 100px;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #fff;
  margin: 0 0 15px 0;
  cursor: pointer;
  transition: all 0.5s;
}
.box-feedback .box-form input[type='submit']:hover {
  transition: all 0.5s;
  border: 1px solid #fff;
  background: #cc0029;
  color: #fff;
}
.box-feedback .box-form p {
  font-size: 15px;
  color: #fff;
  font-family: Circe Regular;
}
.box-feedback .box-form p a {
  text-decoration: none;
  border-bottom: 1px solid #fff;
  transition: all 0.5s;
  color: #fff;
}
.box-feedback .box-form p a:hover {
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
}
.box-feedback .image-flag {
  width: 630px;
  height: 430px;
  position: absolute;
  top: 50%;
  right: -150px;
  margin: -215px 0 0 0;
}
.box-feedback .gar-feedback {
  width: 250px;
  height: 250px;
  position: absolute;
  top: -45%;
  right: 70%;
}
.box-feedback .image-flag img {
  object-fit: cover;
}
/*end main page*/

/*about page*/
.about-page {
  margin: 100px 0 70px 0;
}
.box-features-work {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 2fr);
}
.features-work {
  margin: 100px 0 70px 0;
}
.features-work h2 {
  font-family: Circe Extra !important;
  line-height: 110% !important;
  text-transform: uppercase;
}
.box-features-work .box-features-work-item {
  padding: 20px 30px;
  background: #fff;
  border-radius: 20px;
}
.box-features-work .box-features-work-item .box-features-work-item__icon {
  margin-bottom: 30px;
}
.box-features-work .box-features-work-item .box-features-work-item__title {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 700;
}
.box-features-work .box-features-work-item .box-features-work-item__description {
  font-size: 18px;
}
.peculiar-properties {
  margin: 0 0 80px 0;
}
.boxgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}
.boxgrid-item {
  border-radius: 20px;
  font-size: 16px;
}
.boxgrid-item img {
  border-radius: 20px;
  object-fit: cover;
}
.boxgrid-item1 {
  background: #fff;
  grid-row: span 2 / span 2;
}
.boxgrid-item2 {
  background: #fff;
  padding: 40px;
  grid-column: span 2 / span 2;
}
.boxgrid-item3 {
  padding: 40px;
  background: #cc0029;
  color: #fff;
  grid-column-start: 2;
  grid-row-start: 2;
}
.boxgrid-item4 {
  background: #fff;
  padding: 40px;
  grid-column-start: 3;
  grid-row-start: 2;
}
.box-about-inner {
  display: grid;
  gap: 45px;
  grid-template-columns: repeat(2, 1fr);
}
.box-about-inner .box-about-inner__left {
  font-size: 16px;
  line-height: 110%;
}
.box-about-inner .box-about-inner__left p {
  margin: 0 0 15px 0;
}
.box-about-inner .box-about-inner__left h1 {
  font-family: Circe Extra !important;
  color: #154ebc;
  margin: 0 0 40px 0;
  font-size: 40px;
  text-transform: uppercase;
}
.box-about-inner .box-about-inner__right .image {
  margin: 0 0 20px 0;
  border-radius: 20px;
  position: relative;
}
.box-about-inner .box-about-inner__right .image .garantii-img {
  width: 135px;
  height: 120px;
  position: absolute;
  top: -35px;
  left: -75px;
}
.box-about-inner .box-about-inner__right .image .gost-img {
  width: 140px;
  height: 140px;
  position: absolute;
  top: -70px;
  left: 50px;
}
.box-about-inner .box-about-inner__right .image img {
  object-fit: cover;
  border-radius: 20px;
}
.box-about-inner .box-about-inner__right .chisla {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: Circe Regular;
  text-transform: uppercase;
}
.box-about-inner .box-about-inner__right .chisla .chisla__item {
  text-align: center;
}
.box-about-inner .box-about-inner__right .chisla span {
  color: #154ebc;
  font-size: 54px;
  line-height: 54px;
  font-family: Circe Bold;
}
.imgpos {
  position: relative;
}
.imgpos img {
  position: absolute;
  top: -105%;
  left: 70%;
}
/*end about page*/

/*contacts page*/
.contacts {
  margin: 55px 0 75px 0;
}
.box-contact {
  background: #fff;
  padding: 50px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 50px;
}
.box-contact .box-contact__left h1 {
  font-family: Circe Extra !important;
  color: #154ebc;
  margin: 0 0 40px 0;
  font-size: 40px;
  text-transform: uppercase;
}
.box-contact .box-contact__left .adress,
.box-contact .box-contact__left .grafik,
.box-contact .box-contact__left .telephone {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  color: #555;
  font-family: Circe Bold;
  margin-bottom: 20px;
}
.box-contact .box-contact__left .telephone a {
  font-size: 18px;
  color: #555;
  font-family: Circe Bold;
  text-decoration: none;
  transition: all 0.5s;
}
.box-contact .box-contact__left .telephone a:hover {
  color: #cc0029;
  text-decoration: none;
  transition: all 0.5s;
}
.box-contact .box-contact__left .adress img,
.box-contact .box-contact__left .grafik img,
.box-contact .box-contact__left .telephone img {
  margin: 0 10px 0 0;
}
.box-contact .box-contact__right .map {
  border-radius: 20px;
  overflow: hidden;
}
/*end contacts page*/

/*inner page*/
.inner-content {
  /*margin: 0 0 50px 0;*/
  padding: 0px 0;
  background: #fff;
}
.single-article .inner-content__text ul {
  margin: 25px 0 25px 0;
  list-style: none;
  font-size: 18px;
}
.single-article .inner-content__text ul li {
  padding: 10px 0 10px 40px;
  margin: 5px 40px;
  background: url(/wp-content/themes/right-shoulder/style_new/images/ul-galka.png) no-repeat left center;
  font-size: 18px;
}
.single-article .inner-content__text p {
  margin: 15px 0;
  line-height: 1.7em;
  font-size: 18px;
}

.single-article .inner-content__text h2 {
  font-size: 30px;
  margin: 40px 0 0px 0px;
  text-transform: none;
  text-align: left !important;
}

.inner-content__text img {
  width: 100%;
  height: auto;
  text-align: center;
  border-radius: 20px;
}
.inner-content__title h1 {
  color: #154ebc;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 110%;
  font-family: 'Montserrat' !important;
}
.inner-content__text h2 {
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 40px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: Circe Extra !important;
}
.inner-content__text ul {
  margin: 0 0 0 20px;
}
.bg-white {
  background: #fff !important;
  padding: 10px 0;
}
.bg-gray {
  background: transparent;
  padding: 10px 0;
}
.text-block-services ul,
.content-page ul,
.faq-item__content ul,
.inner-content__text ul {
  margin: 25px 0 25px 25px;
  list-style: none;
}
.text-block-services ul li,
.content-page ul li,
.faq-item__content ul li,
.inner-content__text ul li {
  padding: 10px 0 10px 40px;
  /*margin: 5px 0;*/
  background: url(/wp-content/themes/right-shoulder/style_new/images/ul-galka.png) no-repeat left center;
}
.text-block-services ol,
.content-page ol,
.faq-item__content ol,
.inner-content__text ol {
  margin: 25px 0 25px 25px;
  /*	  margin: 25px 0;*/
  list-style: none;
  counter-reset: my-counter;
}
.text-block-services ol li,
.content-page ol li,
.faq-item__content ol li,
.inner-content__text ol li {
  /*padding: 10px 0 10px 10px;
	margin: 5px 0;
	*/
  position: relative;
  padding: 10px 0 10px 40px;
  margin: 5px 0;
  counter-increment: my-counter;
}

.text-block-services ol li::before,
.content-page ol li::before,
.faq-item__content ol li::before,
.inner-content__text ol li::before {
  content: counter(my-counter);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #144ebd; /* Цвет цифры */
  font-weight: bold;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  border: 2px solid #144ebd; /* Окантовка круга */
  background-color: transparent; /* Прозрачный фон */
}

.text-block-services p,
.content-page p,
.inner-content__text p {
  margin: 15px 0px 15px 0px;
}
.text-block-services a,
.content-page a,
.inner-content__text a {
  color: #154ebc;
  border-bottom: 1px solid #154ebc;
  transition: all 0.5s;
  text-decoration: none;
}
.text-block-services a:hover,
.content-page a:hover,
.inner-content__text a:hover {
  transition: all 0.5s;
  border-bottom: 1px solid transparent;
}
.text-block-services h2,
.inner-content__text h2 {
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 40px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: Circe Extra !important;
  text-align: center;
}
.content-page {
  margin-bottom: 50px;
}
.content-page h1 {
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  margin: 40px 0 20px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: Circe Extra !important;
  text-align: center;
}
.content-page h2 {
  color: #154ebc;
  font-size: 32px;
  font-weight: 700;
  margin: 40px 0 20px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: Circe Regular !important;
  text-align: center;
}
.text-block-services strong,
.content-page strong {
  font-family: montserrat !important;
  font-weight: 700 !important;
}
.text-block-services blockquote,
.inner-content__text blockquote {
  padding: 25px;
  border-radius: 30px;
  margin: 30px 0;
}
.text-block-services.bg-gray blockquote,
.inner-content__text blockquote {
  background: #fff;
}
.text-block-services.bg-white blockquote,
.inner-content__text blockquote {
  background: #f1f6fa;
}
/*
.firstscreen-services {
	margin-bottom: 50px;
}
.firstscreen-services .firstscreen-inner {
	position: relative;
	overflow: hidden;
}
.firstscreen-services .firstscreen-inner .pagetitle,
.firstscreen-services .firstscreen-inner .subtitle {
	position: relative;
	z-index: 9;
}
.firstscreen-services .firstscreen-inner:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0, 0, 0, .5);
}
*/

.text-block-services table,
.content-page table {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border-collapse: collapse;
  margin-top: 30px;
}
.text-block-services.bg-gray table,
.content-page table {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #fff;
}
.text-block-services table th,
.content-page table th {
  font-weight: 700;
  text-align: left;
  background: #f1f6fa;
}
.text-block-services table th,
.text-block-services table td,
.content-page table td {
  padding: 20px;
  border: 1px solid #f1f6fa;
}
.text-block-services table tbody tr:nth-child(even),
.content-page table tbody tr:nth-child(even) {
  background: #f1f6fa;
}
.whychooseus-services {
  padding: 50px 0;
  background: #f1f6fa;
}
.whychooseus-services .whychooseus-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.whychooseus-services .whychooseus-box .item {
  width: 30%;
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.whychooseus-services .whychooseus-box .item .image {
  width: 100px;
  height: 100px;
  margin: 0 0 30px 0;
}
.whychooseus-services .whychooseus-box .item .image img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.whychooseus-services .whychooseus-box .item .head {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  width: 100%;
}
.constructor-services {
  margin: 0 0 50px 0;
}
/*end inner page*/

/*mobile style*/
@media screen and (max-width: 768px) {
  .steps-slider .swiper-slide {
    width: 260px;
  }
  .steps-slider-block__block {
    padding: 40px 20px;
  }

  .steps-slider--3 .swiper-slide:not(:last-child) .steps-slider-block__block::after {
    width: 135px;
  }
  section {
    overflow: hidden;
  }

  .steps-slider {
    overflow: initial;
  }
  .whychooseus-services .whychooseus-box .item {
    width: 100%;
    margin: 15px 0;
  }
  .hamburger-menu {
    position: relative;
  }
  #menu__toggle {
    opacity: 0;
    display: none;
  }
  #menu__toggle:checked + .menu__btn > span {
    transform: rotate(45deg);
  }
  #menu__toggle:checked + .menu__btn > span::before {
    top: 0;
    transform: rotate(0deg);
  }
  #menu__toggle:checked + .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
  }
  #menu__toggle:checked ~ .mobile-menu {
    left: 0 !important;
  }
  .menu__btn {
    position: fixed;
    top: 30px;
    right: 15px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 99;
  }
  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #616161;
    transition-duration: 0.25s;
  }
  .menu__btn > span::before {
    content: '';
    top: -8px;
  }
  .menu__btn > span::after {
    content: '';
    top: 8px;
  }
  .mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    background-color: #fff;
    transition-duration: 0.25s;
    z-index: 9;
  }
  .menu__item {
    display: block;
    padding: 12px 24px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition-duration: 0.25s;
  }
  .menu__item:hover {
    background-color: #cfd8dc;
  }
  header .menu,
  header .contact {
    display: none;
  }
  .imgpos img {
    display: none;
  }
  .firstscreen .firstscreen-inner,
  .consultation-inner {
    padding: 25px;
  }
  .pagetitle h1,
  .consultation-inner .blocktitle,
  .inner-content__title h1,
  .content-page h1 {
    font-size: 24px !important;
  }
  .subtitle a.white-link {
    margin: 20px 0 10px 0;
  }
  .box-advantages {
    flex-wrap: wrap;
  }
  .box-advantages .item {
    width: 100%;
    margin: 0 0 15px 0;
    height: 80px;
  }
  .services-tabs-nav {
    overflow-x: auto;
  }
  .services-tabs .services-tabs-nav {
    justify-content: flex-start;
  }
  .services-tabs .services-tabs-nav .services-tabs-nav__item {
    white-space: nowrap;
    padding: 15px 40px;
  }
  .services-tabs .services-tabs-content ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .services-tabs .services-tabs-content ul li {
    padding: 0;
  }
  .consultation-inner .blockcontent {
    font-size: 14px;
  }
  .consultation-inner .blockfooter {
    flex-wrap: wrap;
    font-size: 14px;
  }
  .consultation-inner .blockfooter a {
    padding: 15px 30px;
    margin: 15px 0 0 0;
  }
  .box-about {
    flex-wrap: wrap;
    padding: 25px;
  }
  .box-about_content {
    font-size: 14px;
  }
  .box-about .box-about_image {
    width: 100%;
  }
  .box-about_image img {
    width: 100%;
    height: auto;
  }
  .team .item {
    text-align: center;
  }
  .reviews {
    height: 100%;
  }
  .reviews .container-fluid {
    position: static;
    margin: 0;
    padding: 0 15px;
  }
  .reviews .container-fluid img {
    width: 100%;
    height: auto;
  }
  .box-link {
    flex-wrap: wrap;
  }
  .box-link .item {
    width: 100%;
    padding: 25px !important;
    margin: 15px 0;
    text-align: center;
  }
  .box-link .item a {
    font-size: 14px;
  }
  .box-link .item img {
    max-width: 100%;
    height: auto;
  }
  .faq-item__title {
    font-size: 16px;
  }
  .faq-item__content {
    font-size: 14px;
  }
  .box-articles_image img {
    width: 100%;
    height: auto;
  }
  .box-features-work,
  .box-about-inner {
    grid-template-columns: 1fr;
  }
  .garantii-img,
  .gost-img {
    display: none;
  }
  .box-about-inner .box-about-inner__right .chisla {
    flex-wrap: wrap;
  }
  .box-about-inner .box-about-inner__right .image img {
    width: 100%;
    height: auto;
  }
  .box-about-inner .box-about-inner__right .chisla span {
    font-size: 40px;
  }
  .box-about-inner .box-about-inner__left h1 {
    font-size: 24px;
  }
  .boxgrid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .boxgrid-item1 {
    grid-row: auto;
  }
  .boxgrid-item1 img {
    width: 100%;
  }
  .boxgrid-item2 {
    padding: 25px;
    grid-column: auto;
  }
  .boxgrid-item3 {
    padding: 25px;
    background: #cc0029;
    color: #fff;
    grid-column-start: auto;
    grid-row-start: auto;
  }
  .boxgrid-item4 {
    padding: 25px;
    grid-column-start: auto;
    grid-row-start: auto;
  }
  h2,
  .inner-content__text h2,
  .text-block-services h2,
  .inner-content__text h2 {
    font-size: 24px !important;
  }
  .box-contact {
    grid-template-columns: 1fr;
    padding: 25px;
  }
  .box-contact .box-contact__left h1 {
    font-size: 24px;
  }
  .box-feedback {
    padding: 25px;
  }
  .box-feedback .box-form {
    width: 100%;
    flex-wrap: wrap;
  }
  .footer-menu,
  .image-flag,
  .footer-copy br {
    display: none;
  }
  .row-center img {
    width: 50px;
    height: auto;
  }
  footer .row-top {
    margin-bottom: 20px;
  }
  footer .row-bottom {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .footer-adress,
  .footer-copy {
    width: 100%;
    text-align: center !important;
  }
  .footer-copy {
    margin-top: 20px;
  }
  .hamburger-menu {
    display: block !important;
    z-index: 1003;
  }
  .box-feedback .gar-feedback {
    display: none;
  }
  #modal-callback {
    padding: 40px 20px;
  }
  #modal-callback .modal-head {
    font-size: 24px;
  }
  #modal-callback .modalsubhead {
    font-size: 14px;
  }
  .swiper-nav {
    display: none;
  }
  .reviews {
    margin: 70px 0 30px 0;
  }
  .feedback {
    margin: 50px 0 60px 0;
  }
  .flag-feedback {
    display: none;
  }
  .box-feedback .gar-feedback,
  .box-feedback .image-flag {
    display: block;
    right: -5px;
    top: -20px;
    margin: 0;
    width: 120px;
    height: 120px;
  }
  .grid-post {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
/*end mobile style*/
.box-conflink .wpcf7-list-item {
  text-align: left;
  margin: 0;
}
.fancybox-content .box-conflink .wpcf7-list-item a {
  color: #cc0029 !important;
  border-bottom: transparent !important;
}
.grid-post {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}
.accordion-section {
  margin-bottom: 10px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  transition: all 0.5s;
  border: 1px solid #f1f6fa;
}
.accordion-section:before {
  content: '+';
  width: 20px;
  height: 20px;
  transition: all 0.5s;
  position: absolute;
  font-size: 30px;
  top: 15px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-section.active:before,
.accordion-section.active:hover:before {
  transform: rotate(45deg);
  transition: all 0.5s;
}
.accordion-header {
  padding: 15px 40px 15px 15px;
  cursor: pointer;
  font-weight: 400;
  background: #f1f6fa;
  transition: all 0.5s;
  border-radius: 15px;
  border: 1px solid #f1f6fa;
}
.accordion-header:hover {
  transition: all 0.5s;
  background: #fff;
}
.accordion-content {
  display: none;
}
.accordion-content.active {
  display: block;
}
.accordion-section.active {
  border-radius: 15px;
}
.accordion-section.active .accordion-header {
  color: #154ebc;
  font-weight: 600;
  background: #f1f6fa;
  border-radius: 15px 15px 0 0;
}
.table-price .text-block-services table {
  margin-bottom: 0;
  overflow: auto;
}
.table-price .text-block-services table tbody tr:nth-child(even) td {
  background: #f1f6fa;
}
.table-price .text-block-services table tbody tr:hover td {
  background: transparent;
}
.table-price {
  padding: 50px 0;
  background: #fff;
}

.glossary {
  padding: 50px 0;
  background: #fff;
}
.glossary-menu {
  position: sticky;
  top: 85px;
  background: #f1f6fa;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 15px #d0d0d0;
}
.glossary-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.glossary-menu a.active,
.glossary-menu a:hover {
  font-weight: bold;
  color: #cc0029;
  text-decoration: none;
  transition: all 0.5s;
}
.glossary-menu a {
  text-decoration: none;
  color: #0073aa;
  font-weight: 500;
  transition: all 0.5s;
}
.glossary-menu a:hover {
  text-decoration: none;
}
.glossary-category-block {
  margin: 30px 0 40px 0;
}
.glossary-category-title {
  background: #f1f6fa;
  padding: 15px 20px;
  color: #154ebc;
  border-radius: 15px;
}
.glossary-terms-list {
  list-style: none;
  padding-left: 0;
}
.glossary-terms-list li {
  margin-bottom: 20px;
  padding: 15px 0;
  background: #fff;
  border-bottom: 1px solid #f1f6fa;
  border-radius: 6px;
}
.glossary-terms-list h4 {
  margin: 0 0 8px 0;
  font-size: 1.2em;
}
.glossary-terms-list a {
  color: #005a87;
  text-decoration: none;
}
.glossary-terms-list a:hover {
  text-decoration: underline;
}

.tabs-head {
  display: flex;
}

.tab-content__item .box-link {
  margin-bottom: 0;
  /*margin-top: 40px;*/
  margin-top: 0px;
}

.tab-content__item h2 {
  font-weight: bold !important;
  text-align: center;
}

/* Стили для списка вкладок */
.tab-header {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  background: white;
  border-radius: 5px;
  overflow: hidden;
  width: auto;
}

/* Стиль для списка контейнеров с содержимым вкладок */
.tab-content {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Стили для контейнера с содержимым вкладки. По умолчанию скрыт. */
.tab-content__item {
  display: none;
  padding: 40px 20px;

  margin-top: -1px;
}

.tab-content__item .box-team_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Стили для активного контейнера вкладки */
.tab-content__item.active {
  display: block;
}

* {
  box-sizing: border-box;
}

.tab-header-top-line {
  display: flex;
  border-top: 1px solid #cfd6e7;
  width: 100%;
}

/* Стили для вкладки */
.tab-header__block {
  padding: 15px 30px;
  margin-right: 5px;
  cursor: pointer;
  list-style: none;
  display: flex;
  column-gap: 10px;
  justify-content: center;
  text-align: center;
  transition: all linear 0.2s;
  border-bottom: 1px solid transparent;
  align-items: center;
}

.tab-header__block:hover svg,
.tab-header__block.active svg {
  fill: #154ebc;
}

.tab-header__block svg {
  display: block;

  width: 25px;
  height: 25px;
}
.tab-header__block::before {
  content: '';
  display: none;
}

.tab-header__block.active,
.tab-header__block:hover {
  border-top: 1px solid #154ebc;
  background: rgba(21, 78, 188, 0.1);
  color: rgba(21, 78, 188);
}
@media screen and (max-width: 768px) {
  .tab-header-top-line {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .tab-header__block {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

.table-container {
  width: 100%;
  overflow-x: auto;
  margin: 30px 0;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.table-container {
  width: 100%;
  border-collapse: collapse;
  border-radius: 20px;
  overflow: hidden;
  font-family: 'Circe Regular', sans-serif;
  background: #fff;
}

.table-container th {
  background: #154ebc !important;
  color: #fff;
  padding: 20px;
  text-align: left;
  font-family: 'Circe Bold', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.table-container td {
  padding: 20px;
  border-bottom: 1px solid #f1f6fa;
  color: #202020;
  font-size: 16px;
  line-height: 1.5;
}

.table-container tbody tr:nth-child(even) {
  background: #f1f6fa;
}

.table-container tbody tr:hover {
  background: rgba(21, 78, 188, 0.05);
  transition: all 0.3s ease;
}

.table-container tbody tr:last-child td {
  border-bottom: none;
}

/* Стили для responsive таблицы */
@media screen and (max-width: 768px) {
  .table-container {
    border-radius: 15px;
    margin: 20px 0;
  }

  .table-container th,
  .table-container td {
    padding: 15px 10px;
    font-size: 14px;
  }

  .table-container th {
    font-size: 16px;
  }
}

/* СТИЛИ ДЛЯ СТРАНИЦЫ "НАША КОМАНДА" */
.team-page {
  /*  padding: 70px 0 100px 0;*/
  background: #f1f6fa;
}

.team-page h1 {
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 60px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Circe Extra' !important;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 25px;
  margin-top: 30px;
}

.team-member-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(21, 78, 188, 0.1);
  height: fit-content;
}

.team-member-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(21, 78, 188, 0.15);
  border-color: rgba(21, 78, 188, 0.3);
}

.team-member-image {
  position: relative;
  height: 380px;
  overflow: hidden;
}

.team-member-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.team-member-card:hover .team-member-image img {
  transform: scale(1.05);
}

.team-member-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(21, 78, 188, 0.9));
  padding: 20px;
  color: white;
}

.team-member-exp {
  background: #cc0029;
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}

.team-member-consultations {
  background: rgba(255, 255, 255, 0.25);
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
  backdrop-filter: blur(5px);
}

.team-member-info {
  padding: 25px;
}

.team-member-name {
  color: #154ebc;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px 0;
  font-family: 'Circe Bold' !important;
  line-height: 1.3;
}

.team-member-position {
  color: #555;
  font-size: 16px;
  margin: 0 0 15px 0;
  line-height: 1.4;
  font-weight: 500;
}

.team-member-description {
  color: #202020;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 15px 0;
}

.team-member-specialty {
  background: #f1f6fa;
  padding: 8px 16px;
  border-radius: 15px;
  font-size: 14px;
  color: #154ebc;
  display: inline-block;
  font-weight: 500;
  border: 1px solid rgba(21, 78, 188, 0.1);
  margin: 3px 3px 5px 3px;
}

@media screen and (max-width: 768px) {
  .team-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .team-member-image {
    height: 380px;
  }

  .team-page h1 {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .team-member-info {
    padding: 20px;
  }

  .team-member-name {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .team-member-image {
    height: 320px;
  }

  .team-member-name {
    font-size: 18px;
  }

  .team-member-position {
    font-size: 15px;
  }

  .team-member-description {
    font-size: 14px;
  }
}

/* Стили для детальной страницы адвоката - ЦВЕТА САЙТА */
.yurist_detail {
  background: #f1f6fa;
  padding: 0;
}

.yurist_detail_wrap {
  display: flex;
  gap: 30px;
  margin-bottom: 0;
  align-items: flex-start;
}

.yurist_detail_left {
  flex: 0 0 412px;
  margin-top: 15px;
  margin-left: 15px;
}

.yurist_detail_right {
  flex: 1;
  background: #fff;
  border-radius: 15px;
  padding: 35px 15px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  margin-top: 15px;
  width: 62%;
}

/* Карточка юриста */
.yurist_card {
  width: 100% !important;
  padding: 15px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  border-radius: 15px;
  margin-bottom: 25px;
  background: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

.hd_row {
  display: flex;
  margin-bottom: 30px;
  gap: 19px;
}

.hd_row_left {
  width: 160px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

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

.hd_row_right {
  position: relative;
  flex: 1;
  /* padding-right: 45px; Убрано для рейтинга */
}

.yc_prof {
  font-size: 12px;
  line-height: 16px;
  color: #737476;
  margin-bottom: 5px;
}

.yc_name {
  margin-bottom: 15px;
  color: #154ebc;
  font-size: 23px;
  font-weight: 700;

  font-family: Circe Extra !important;
}

.youristospeci_text {
  line-height: 23px;
}

.yc_name a {
  font-size: 20px;
  line-height: 26px;
  color: #154ebc;
  font-weight: bold;
  text-decoration: none;
  font-family: 'Circe Bold';
}

.yc_city,
.yc_staj,
.yc_dela {
  font-size: 17px;
  line-height: 26px;
  color: #555;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}

/* SVG иконки для мета-информации - СИНИЙ */
.yc_city:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>') no-repeat center;
  flex-shrink: 0;
}

.yc_staj:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>') no-repeat center;
  flex-shrink: 0;
}

.yc_dela:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>') no-repeat center;
  flex-shrink: 0;
}

/* Рейтинг УБРАН */

/* Теги с SVG иконками - СИНИЙ */
.yur_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  height: auto;
}

.yur_tag {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #555;
  background: #f1f6fa;
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(21, 78, 188, 0.2);
  transition: all 0.3s ease;
}

.yur_tag:hover {
  background: #154ebc;
  color: #fff;
  transform: translateY(-2px);
}

/* SVG для тегов - СИНИЙ */
.yur_tag:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center;
  flex-shrink: 0;
}

.yur_tag:hover:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center;
}

/* Кнопка - КРАСНЫЙ */
.detail_bt {
  display: inline-block;
  padding: 12px 30px;
  color: #fff !important;
  background: #cc0029;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  width: 100%;
  border: 2px solid #cc0029;
  position: relative;
  padding-left: 45px;
  transition: all 0.3s ease;
  font-family: 'Circe Bold';
  border-bottom: none !important;
}

.detail_bt:before {
  content: '';
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="white"><path d="M 16.639 2.864 c 0.071 0 0.142 0.001 0.215 0.003 c 0.131 0.003 0.261 0.011 0.388 0.019 c 0.171 0.011 0.342 0.024 0.513 0.044 c 0.137 0.016 0.273 0.038 0.409 0.059 c 0.162 0.026 0.323 0.051 0.487 0.086 c 0.129 0.027 0.255 0.061 0.425 0.104 l 0.056 0.015 c 0.133 0.034 0.266 0.067 0.398 0.108 c 0.123 0.038 0.244 0.084 0.366 0.128 l 0.076 0.028 l 0.124 0.045 c 0.098 0.035 0.197 0.07 0.294 0.11 c 0.122 0.051 0.242 0.11 0.362 0.168 l 0.094 0.045 l 0.165 0.078 c 0.072 0.034 0.144 0.066 0.215 0.104 c 0.125 0.067 0.246 0.143 0.368 0.217 l 0.099 0.061 l 0.192 0.115 c 0.047 0.028 0.096 0.054 0.143 0.086 c 0.153 0.102 0.3 0.217 0.447 0.33 l 0.054 0.041 c 0.067 0.051 0.135 0.101 0.203 0.15 l 0.059 0.042 c 0.257 0.21 0.499 0.429 0.72 0.649 l 8.159 8.159 c 0.221 0.221 0.439 0.463 0.641 0.709 l 0.053 0.072 c 0.049 0.068 0.098 0.135 0.149 0.202 l 0.046 0.061 c 0.111 0.145 0.223 0.288 0.324 0.44 c 0.032 0.048 0.059 0.098 0.088 0.147 l 0.112 0.188 l 0.063 0.103 c 0.074 0.12 0.149 0.24 0.215 0.365 c 0.038 0.071 0.071 0.144 0.104 0.216 l 0.077 0.163 l 0.046 0.096 c 0.057 0.119 0.116 0.238 0.167 0.36 c 0.04 0.095 0.073 0.192 0.108 0.289 l 0.046 0.127 l 0.028 0.076 c 0.045 0.122 0.09 0.244 0.129 0.37 c 0.04 0.128 0.072 0.258 0.105 0.388 l 0.024 0.095 c 0.034 0.132 0.069 0.264 0.098 0.399 c 0.034 0.159 0.059 0.319 0.084 0.48 c 0.022 0.138 0.044 0.275 0.06 0.415 c 0.02 0.17 0.032 0.34 0.043 0.509 c 0.008 0.13 0.016 0.259 0.019 0.389 c 0.004 0.179 0.003 0.358 -0.002 0.536 c -0.004 0.121 -0.009 0.242 -0.017 0.364 c -0.012 0.187 -0.03 0.373 -0.052 0.555 c -0.014 0.111 -0.03 0.222 -0.048 0.334 c -0.031 0.194 -0.065 0.386 -0.107 0.577 c -0.02 0.09 -0.043 0.178 -0.073 0.297 c -0.05 0.199 -0.104 0.398 -0.166 0.593 c -0.016 0.051 -0.035 0.101 -0.053 0.152 l -0.038 0.106 c -0.072 0.204 -0.146 0.407 -0.231 0.605 l -0.037 0.079 l -0.064 0.137 c -0.096 0.209 -0.194 0.416 -0.316 0.637 l -0.087 0.148 c -0.145 0.253 -0.259 0.439 -0.365 0.597 c -0.034 0.045 -0.067 0.09 -0.099 0.135 c -0.186 0.266 -0.343 0.474 -0.494 0.654 c -0.229 0.274 -0.408 0.473 -0.58 0.645 l -5.52 5.52 c -1.876 1.876 -1.876 4.927 0 6.803 l 23.86 23.86 c 0.909 0.909 2.117 1.409 3.402 1.409 c 1.285 0 2.493 -0.5 3.402 -1.409 l 5.52 -5.52 c 0.172 -0.172 0.371 -0.351 0.645 -0.581 c 0.181 -0.151 0.389 -0.309 0.654 -0.495 c 0.043 -0.03 0.085 -0.061 0.133 -0.097 c 0.16 -0.108 0.348 -0.223 0.604 -0.37 l 0.158 -0.095 c 0.204 -0.112 0.413 -0.21 0.624 -0.307 l 0.135 -0.063 l 0.074 -0.035 c 0.201 -0.086 0.405 -0.161 0.613 -0.234 l 0.106 -0.038 c 0.048 -0.017 0.096 -0.035 0.145 -0.051 c 0.198 -0.063 0.397 -0.117 0.629 -0.176 c 0.087 -0.022 0.174 -0.045 0.262 -0.064 c 0.193 -0.042 0.386 -0.077 0.583 -0.108 c 0.109 -0.017 0.218 -0.034 0.326 -0.047 c 0.187 -0.023 0.373 -0.04 0.565 -0.053 c 0.119 -0.008 0.239 -0.013 0.357 -0.017 c 0.108 -0.003 0.216 -0.005 0.325 -0.005 c 0.071 0 0.142 0.001 0.214 0.003 c 0.13 0.003 0.26 0.011 0.388 0.019 c 0.171 0.011 0.341 0.024 0.513 0.044 c 0.137 0.016 0.273 0.038 0.409 0.059 c 0.162 0.026 0.323 0.051 0.486 0.086 c 0.128 0.027 0.255 0.061 0.425 0.104 l 0.056 0.014 c 0.133 0.034 0.266 0.067 0.398 0.108 c 0.123 0.038 0.244 0.084 0.366 0.128 l 0.076 0.028 l 0.124 0.045 c 0.098 0.035 0.197 0.07 0.295 0.11 c 0.122 0.051 0.241 0.11 0.361 0.167 l 0.095 0.045 l 0.165 0.078 c 0.072 0.034 0.144 0.066 0.215 0.104 c 0.125 0.067 0.246 0.143 0.368 0.217 l 0.099 0.061 l 0.192 0.115 c 0.047 0.028 0.096 0.054 0.143 0.086 c 0.153 0.102 0.3 0.217 0.448 0.33 l 0.054 0.041 c 0.067 0.051 0.135 0.101 0.203 0.15 l 0.059 0.042 c 0.257 0.21 0.499 0.429 0.72 0.649 l 8.159 8.159 c 0.221 0.221 0.439 0.463 0.641 0.709 l 0.053 0.072 c 0.049 0.068 0.098 0.135 0.149 0.202 l 0.045 0.06 c 0.111 0.145 0.224 0.289 0.325 0.441 c 0.032 0.048 0.059 0.098 0.088 0.147 l 0.112 0.188 l 0.063 0.103 c 0.074 0.12 0.149 0.24 0.215 0.365 c 0.038 0.071 0.071 0.144 0.105 0.216 l 0.077 0.163 l 0.047 0.097 c 0.057 0.119 0.115 0.237 0.166 0.358 c 0.04 0.095 0.073 0.192 0.108 0.288 l 0.046 0.127 l 0.028 0.078 c 0.044 0.122 0.09 0.243 0.129 0.368 c 0.04 0.128 0.072 0.257 0.105 0.386 l 0.024 0.095 c 0.034 0.133 0.069 0.265 0.098 0.401 c 0.034 0.159 0.059 0.319 0.084 0.479 c 0.022 0.138 0.044 0.275 0.06 0.415 c 0.02 0.17 0.032 0.34 0.043 0.509 c 0.008 0.129 0.016 0.259 0.019 0.389 c 0.004 0.179 0.003 0.358 -0.002 0.535 c -0.004 0.121 -0.009 0.242 -0.017 0.364 c -0.012 0.187 -0.03 0.373 -0.052 0.555 c -0.014 0.111 -0.03 0.222 -0.048 0.334 c -0.031 0.194 -0.065 0.386 -0.107 0.577 c -0.02 0.09 -0.043 0.178 -0.073 0.297 c -0.05 0.2 -0.104 0.398 -0.166 0.593 c -0.016 0.051 -0.035 0.102 -0.053 0.152 l -0.038 0.106 c -0.072 0.204 -0.146 0.407 -0.231 0.605 l -0.037 0.079 l -0.064 0.137 c -0.096 0.209 -0.194 0.416 -0.316 0.637 l -0.087 0.148 c -0.145 0.253 -0.259 0.439 -0.365 0.597 c -0.034 0.045 -0.067 0.09 -0.099 0.135 c -0.186 0.266 -0.343 0.474 -0.494 0.653 c -0.229 0.274 -0.408 0.473 -0.58 0.645 l -0.026 0.026 l -0.026 0.027 c -3.996 4.199 -10.029 6.512 -16.988 6.512 c -12.981 0 -27.91 -7.839 -42.053 -22.089 C 10.839 50.511 3 35.464 3.138 22.403 C 3.21 15.59 5.522 9.675 9.649 5.749 l 0.027 -0.026 l 0.026 -0.026 c 0.172 -0.172 0.371 -0.351 0.645 -0.581 c 0.181 -0.151 0.389 -0.309 0.655 -0.495 c 0.043 -0.03 0.085 -0.061 0.133 -0.097 c 0.16 -0.108 0.348 -0.223 0.605 -0.37 l 0.158 -0.095 c 0.204 -0.112 0.413 -0.21 0.624 -0.307 l 0.135 -0.063 l 0.074 -0.035 c 0.201 -0.086 0.406 -0.161 0.613 -0.234 l 0.106 -0.038 c 0.049 -0.017 0.097 -0.035 0.145 -0.051 c 0.198 -0.063 0.397 -0.117 0.629 -0.176 c 0.087 -0.022 0.174 -0.045 0.262 -0.064 c 0.193 -0.042 0.386 -0.077 0.583 -0.108 c 0.109 -0.017 0.218 -0.034 0.325 -0.047 c 0.187 -0.023 0.373 -0.04 0.565 -0.053 c 0.119 -0.008 0.239 -0.013 0.357 -0.017 C 16.423 2.865 16.531 2.864 16.639 2.864 z"/></svg>') no-repeat center;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.detail_bt:hover {
  /*background: #fff;
    color: #CC0029;*/
}

/* Блок бесплатной консультации - СИНИЙ ГРАДИЕНТ */
.freekons_block {
  text-align: center;
  padding: 35px 20px;
  background: linear-gradient(135deg, #154ebc, #0a2a6e);
  border-radius: 15px;
  width: 100%;
  position: relative;
  color: #fff;
}

.freekons_block:before {
  content: '';
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>') no-repeat center;
  display: block;
  margin: 0 auto 15px;
}

.freekb_one {
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
  font-size: 20px;
  font-family: 'Circe Bold';
}

.freekb_two {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  opacity: 0.9;
}

/* Блоки информации */
.yd_block {
  margin-bottom: 100px;
}

.youristospeci_title {
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 25px;
  color: #154ebc;
  font-weight: bold;
  font-family: 'Circe Bold';
  text-transform: uppercase;
}

/* Специализации */
.youristspec_text {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.special_row_list_item {
  flex-shrink: 0;
  padding: 10px 20px;
  background: #f1f6fa;
  border-radius: 25px;
  font-weight: bold;
  color: #555;
  position: relative;
  padding-left: 40px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  transition: all 0.3s ease;
}

.special_row_list_item:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>') no-repeat center;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.special_row_list_item:hover {
  background: #154ebc;
  color: #fff;
  transform: translateY(-2px);
}

.special_row_list_item:hover:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>') no-repeat center;
}

.special_row_list_item a {
  color: inherit;
  text-decoration: none;
  font-size: 15px;
}

/* Места работы */
.job_block {
  display: flex;
  padding: 20px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  border-radius: 15px;
  margin-bottom: 20px;
  gap: 20px;
  background: #f1f6fa;
  transition: all 0.3s ease;
  border-left: 4px solid #154ebc;
}

.job_block:hover {
  background: #fff;
  box-shadow: 0 5px 15px rgba(21, 78, 188, 0.1);
}

.job_col_date {
  width: 210px;
  flex-shrink: 0;
}

.job_col_dolj {
  width: 218px;
  flex-shrink: 0;
}

.job_col_place {
  flex: 1;
}

.jr_hd {
  font-size: 14px;
  line-height: 15px;
  color: #154ebc;
  margin-bottom: 8px;
  font-weight: bold;
  font-family: 'Circe Bold';
}

.job_col_date div:last-child,
.job_col_dolj div:last-child,
.job_col_place div:last-child {
  color: #202020;
  font-weight: 500;
}

/* Образование */
.obr_row {
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
  font-size: 17px;
  line-height: 26px;
  color: #202020;
}

.obr_row:before {
  content: '';
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>') no-repeat center;
  position: absolute;
  left: 0;
  top: 4px;
}

/* Суды */
.sud_row {
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 26px;
  padding-left: 25px;
  position: relative;
  color: #202020;
}

.sud_row:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>') no-repeat center;
  position: absolute;
  left: 0;
  top: 5px;
}

.sud_row b {
  color: #cc0029;
  font-weight: bold;
}

/* Статус */
.yd_status {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 17px;
  background: #f1f6fa;
  border-radius: 10px;
}

.yd_status span:last-child {
  font-weight: bold;
  color: #cc0029;
  font-family: 'Circe Bold';
}

/* Теги в правой колонке */
.youristtags .yur_tag {
  margin-bottom: 10px;
  margin-right: 15px;
}

.youristtags .yur_tag:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23154EBC"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center;
  flex-shrink: 0;
}

/* Адаптивность */
@media (max-width: 1200px) {
  .job_block {
    flex-wrap: wrap;
    gap: 15px;
  }

  .job_col_date,
  .job_col_dolj {
    width: calc(50% - 10px);
  }

  .job_col_place {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .yurist_detail_wrap {
    flex-direction: column;
  }

  .yurist_detail_left {
    flex: none;
    width: 100%;
    max-width: 412px;
    margin: 0 auto;
  }

  .yurist_detail_right {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .yurist_detail_right {
    padding: 20px 15px;
  }

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

  .hd_row_left {
    width: 140px;
    height: 180px;
    margin: 0 auto;
  }

  .hd_row_right {
    padding-right: 0;
  }

  /* Рейтинг УБРАН из мобильной версии */
  .job_block {
    flex-direction: column;
    text-align: center;
  }

  .job_col_date,
  .job_col_dolj {
    width: 100%;
  }

  .detail_bt {
    padding-left: 30px;
  }

  .detail_bt:before {
    left: 10px;
  }
}

/* Галерея в боковой колонке */
.yurist_gallery_side {
  margin-top: 25px;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

.gallery_side_title {
  font-size: 18px;
  color: #154ebc;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: 'Circe Bold';
  text-align: center;
}

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

.gallery_item_side {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1;
  transition: all 0.3s ease;
  border: 1px solid rgba(21, 78, 188, 0.1);
}

.gallery_item_side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery_item_side:hover img {
  transform: scale(1.05);
}

/* Плавная прокрутка для всей страницы */
html {
  scroll-behavior: smooth;
}

/* Стили для кнопки "Наверх" */
.top-button {
  position: fixed;
  left: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #3a6bd9;
  box-shadow: 0 4px 15px rgba(58, 107, 217, 0.3);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 1000;
}

.top-button::before {
  content: '↑';
  font-size: 24px;
  color: #3a6bd9;
  font-weight: bold;
  transition: color 0.3s ease;
}

.top-button:hover {
  background: #3a6bd9;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(58, 107, 217, 0.5);
}

.top-button:hover::before {
  color: white;
}

.top-button.show {
  opacity: 1;
  visibility: visible;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .top-button {
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
  }

  .top-button::before {
    font-size: 20px;
  }
}

/* Стили для архива кейсов */

/* Стили для блока специалиста */
.case-card__specialist {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  padding: 12px;
  background: #f1f6fa;
  border-radius: 12px;
  border: 1px solid rgba(21, 78, 188, 0.1);
}

.case-card__specialist-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.case-card__specialist-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-card__specialist-info {
  flex: 1;
}

.case-card__specialist-label {
  font-size: 11px;
  color: #555;
  margin-bottom: 2px;
  font-family: 'Circe Regular' !important;
}

.case-card__specialist-name {
  font-size: 14px;
  color: #154ebc;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Circe Bold' !important;
  transition: all 0.3s ease;
}

.case-card__specialist-name:hover {
  color: #cc0029;
  text-decoration: none;
}

/* Адаптивность для специалиста */
@media (max-width: 768px) {
  .case-card__specialist {
    padding: 10px;
  }

  .case-card__specialist-image {
    width: 35px;
    height: 35px;
  }

  .case-card__specialist-name {
    font-size: 13px;
  }
}

.cases-archive {
  padding: 40px 0;
  background: #f1f6fa;
}

.archive-title {
  text-align: center;
  margin-bottom: 50px;
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Circe Extra' !important;
}

.cases-grid {
  display: grid;
  grid-template-columns: 1fr; /* Один блок в строке */
  gap: 30px;
  max-width: none;
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
}

.case-card {
  background: #fff;
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(21, 78, 188, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}

.case-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
}

.case-card__inner {
  display: flex;
  min-height: 280px;
}

.case-card__content {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.case-card__title {
  margin: 0 0 20px 0;
  font-size: 24px; /* Увеличим размер заголовка */
  line-height: 1.4;
  font-family: 'Circe Bold' !important;
}

.case-card__title a {
  color: #154ebc;
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  transition: all 0.3s ease;
}

.case-card__title a:hover {
  color: #cc0029;
  transition: all 0.3s ease;
}

.case-card__icon {
  font-size: 20px; /* Увеличим иконки */
  flex-shrink: 0;
  margin-top: 2px;
}

.case-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #555;
  font-size: 16px; /* Увеличим текст */
  line-height: 1.4;
  font-family: 'Circe Regular' !important;
}

.case-card__meta strong {
  color: #2c3e50;
  font-family: 'Circe Bold' !important;
}

.case-card__result {
  display: flex;
  gap: 8px;
  margin-bottom: 25px;
  padding: 20px;
  background: #f1f6fa;
  border-radius: 15px;
  border-left: 4px solid #cc0029; /* Изменили на красный */
  font-family: 'Circe Regular' !important;
}

.case-card__result:before {
  content: '🎯';
}

.case-card__result-content {
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
}

.case-card__result-content strong {
  color: #cc0029; /* Красный для акцента в результате */
  font-family: 'Circe Bold' !important;
}

.case-card__services {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 25px;
  margin-top: auto;
}

.service-tag {
  background: #f1f6fa;
  color: black;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Circe Regular' !important;
}

.case-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  background: #fff;
  color: #154ebc;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 1px solid #154ebc;
  cursor: pointer;
  margin-top: auto;
  width: fit-content;
  font-family: 'Circe Regular' !important;
}

.case-card__link:hover {
  background: #154ebc;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(21, 78, 188, 0.4);
}

.case-card__image {
  width: 320px; /* Увеличим место для фото */
  flex-shrink: 0;
  background: #f1f6fa;
  border-left: 1px solid rgba(21, 78, 188, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.case-card__image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  object-fit: cover;
}

/* Стили для пагинации */
.cases-pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.navigation.pagination {
  text-align: center;
}

.nav-links {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #154ebc;
  color: #154ebc;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  min-width: 44px;
  font-family: 'Circe Regular' !important;
}

.page-numbers.current {
  background: #154ebc;
  color: white;
  border-color: #154ebc;
}

.page-numbers:hover:not(.current) {
  background: #154ebc;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 78, 188, 0.3);
}

.page-numbers.dots {
  border: none;
  background: transparent;
  color: #7f8c8d;
}

.page-numbers.dots:hover {
  background: transparent;
  color: #7f8c8d;
  transform: none;
  box-shadow: none;
}

.service-tag {
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.service-tag:hover {
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 78, 188, 0.3);
}

/* Адаптивность */
@media (max-width: 768px) {
  .cases-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 0 15px;
  }

  .case-card__inner {
    flex-direction: column-reverse;
    min-height: auto;
  }

  .case-card__image {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid rgba(21, 78, 188, 0.1);
    padding: 20px;
  }

  .case-card__image img {
    max-width: 250px;
    max-height: 150px;
  }

  .case-card__content {
    padding: 20px;
  }

  .archive-title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .case-card__title {
    font-size: 20px;
  }

  .nav-links {
    gap: 4px;
  }

  .page-numbers {
    padding: 8px 12px;
    min-width: 40px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .case-card {
    margin: 0 10px;
  }

  .page-numbers {
    padding: 6px 10px;
    min-width: 36px;
    font-size: 12px;
  }

  .case-card__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}

/* Стили для детальной страницы кейса */

.case-single {
  background: #f1f6fa;
  padding: 30px 0 50px;
}

.case-single__breadcrumbs {
  margin-bottom: 30px;
  font-size: 14px;
  color: #555;
  font-family: 'Circe Regular' !important;
}

.case-single__breadcrumbs a {
  color: #154ebc;
  text-decoration: none;
  transition: all 0.3s ease;
}

.case-single__breadcrumbs a:hover {
  color: #cc0029;
  text-decoration: underline;
}

.case-single__header {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(21, 78, 188, 0.1);
  position: static !important;
  top: auto !important;
}

.case-single__title {
  color: #154ebc;
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 30px 0;
  font-family: 'Circe Extra' !important;
  line-height: 1.3;
}

.case-single__meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.case-single__meta-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 15px;
  background: #f1f6fa;
  border-radius: 12px;
  border: 1px solid rgba(21, 78, 188, 0.1);
}

.case-single__meta-icon {
  font-size: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}

.case-single__meta-content {
  flex: 1;
}

.case-single__meta-label {
  display: block;
  font-size: 12px;
  color: #555;
  margin-bottom: 5px;
  font-family: 'Circe Regular' !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.case-single__meta-value {
  display: block;
  font-size: 16px;
  color: #154ebc;
  font-weight: 600;
  font-family: 'Circe Bold' !important;
}

.case-single__meta-link {
  color: #cc0029 !important;
  text-decoration: none;
  transition: all 0.3s ease;
}

.case-single__meta-link:hover {
  color: #154ebc !important;
  text-decoration: underline;
}

.case-single__layout {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 30px;
  align-items: start;
}

.case-single__main {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.case-single__sidebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.case-single__block {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(21, 78, 188, 0.1);
}

.case-single__block-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #f1f6fa;
}

.case-single__block-icon {
  font-size: 32px;
  flex-shrink: 0;
}

.case-single__block-title {
  color: #154ebc;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  font-family: 'Circe Bold' !important;
}

.case-single__block-content {
  line-height: 1.6;
  color: #555;
  font-family: 'Circe Regular' !important;
}

.case-single__block-content ul,
.case-single__block-content ol {
  margin: 15px 0;
  padding-left: 20px;
}

.case-single__block-content li {
  margin-bottom: 8px;
}

/* Стили для документов */
.case-single__documents-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.case-single__document {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  background: #f1f6fa;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.case-single__document:hover {
  background: #fff;
  border-color: #154ebc;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 78, 188, 0.2);
}

.case-single__document--pdf:hover {
  border-color: #cc0029;
  box-shadow: 0 4px 12px rgba(204, 0, 41, 0.2);
}

.case-single__document-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.case-single__document-info {
  flex: 1;
}

.case-single__document-name {
  color: #154ebc;
  font-weight: 600;
  font-family: 'Circe Bold' !important;
  margin-bottom: 4px;
}

.case-single__document--pdf .case-single__document-name {
  color: #cc0029;
}

.case-single__document-size {
  font-size: 12px;
  color: #777;
  font-family: 'Circe Regular' !important;
}

/* Стили для услуг */
.case-single__services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.case-single__service-tag {
  display: inline-block;
  padding: 8px 16px;
  background: #f1f6fa;
  color: black;
  text-decoration: none;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Circe Regular' !important;
  transition: all 0.3s ease;
}

.case-single__service-tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 78, 188, 0.4);
  color: white;
  text-decoration: none;
}

/* Стили для специалиста */
.case-single__specialist-card {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px;
  background: #f1f6fa;
  border-radius: 15px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  transition: all 0.3s ease;
}

.case-single__specialist-card:hover {
  background: #fff;
  box-shadow: 0 4px 12px rgba(21, 78, 188, 0.1);
}

.case-single__specialist-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.case-single__specialist-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-single__specialist-info {
  flex: 1;
}

.case-single__specialist-name {
  display: block;
  color: #154ebc;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 5px;
  font-family: 'Circe Bold' !important;
  transition: all 0.3s ease;
}

.case-single__specialist-name:hover {
  color: #cc0029;
  text-decoration: none;
}

.case-single__specialist-link {
  color: #cc0029;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Circe Regular' !important;
  transition: all 0.3s ease;
}

.case-single__specialist-link:hover {
  text-decoration: underline;
}

/* Футер */
.case-single__footer {
  margin-top: 40px;
  text-align: center;
}

.case-single__back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 30px;
  background: #fff;
  color: #154ebc;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 1px solid #154ebc;
  font-family: 'Circe Regular' !important;
}

.case-single__back-link:hover {
  background: #154ebc;
  color: #fff;
  text-decoration: none;
}

/* Адаптивность */
@media (max-width: 1024px) {
  .case-single__layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .case-single__sidebar {
    position: static;
  }
}

@media (max-width: 768px) {
  .case-single__header {
    padding: 25px;
  }

  .case-single__title {
    font-size: 28px;
  }

  .case-single__meta-grid {
    grid-template-columns: 1fr;
  }

  .case-single__block {
    padding: 20px;
  }

  .case-single__block-header {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .case-single__block-title {
    font-size: 20px;
  }

  .case-single__specialist-card {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .case-single {
    padding: 20px 0 40px;
  }

  .case-single__header {
    padding: 20px;
    margin-bottom: 20px;
  }

  .case-single__title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .case-single__block {
    padding: 15px;
  }

  .case-single__services-list {
    justify-content: center;
  }
}

/* Стили для блока других кейсов */
.related-cases {
  margin-top: 60px;
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(21, 78, 188, 0.1);
}

.related-cases-block {
  overflow: hidden;
}

.related-case-item {
  height: 250px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.related-case-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.related-case-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 15px;
  transition: transform 0.3s ease;
}

.related-case-item:hover img {
  transform: scale(1.05);
}

.related-case-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #154ebc 0%, #0a2a6e 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 15px;
  text-align: center;
  padding: 20px;
}

.related-case-placeholder span {
  font-size: 48px;
  margin-bottom: 10px;
}

.related-case-placeholder p {
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  font-family: 'Circe Regular' !important;
}

/* Стили для текущего кейса в карусели */
.related-case-item.current-case {
  position: relative;
}

.related-case-item.current-case::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #cc0029;
  border-radius: 15px;
  z-index: 2;
}

.current-badge {
  display: inline-block;
  background: #cc0029;
  color: white;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  margin-top: 5px;
  font-family: 'Circe Bold' !important;
}

/* Адаптивность */
@media (max-width: 768px) {
  .related-cases {
    margin-top: 40px;
    padding: 30px 0;
  }

  .related-case-item {
    height: 200px;
  }
}

/* Стили для контейнера галереи */
.case-single__gallery-container {
  background: #f1f6fa;
  border-radius: 12px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  overflow: hidden;
}

.case-single__gallery-scroll {
  max-height: 300px;
  overflow-y: auto;
  padding: 15px;
}

.case-single__gallery-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.case-single__gallery-item {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.case-single__gallery-item:hover {
  border-color: #154ebc;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 78, 188, 0.2);
}

.case-single__gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.case-single__gallery-item:hover img {
  transform: scale(1.05);
}

.case-single__gallery-label {
  background: #154ebc;
  color: white;
  text-align: center;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Circe Bold' !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Стили для скроллбара */
.case-single__gallery-scroll::-webkit-scrollbar {
  width: 6px;
}

.case-single__gallery-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.case-single__gallery-scroll::-webkit-scrollbar-thumb {
  background: #154ebc;
  border-radius: 3px;
}

.case-single__gallery-scroll::-webkit-scrollbar-thumb:hover {
  background: #0a2a6e;
}

/* Адаптивность */
@media (max-width: 768px) {
  .case-single__gallery-scroll {
    max-height: 250px;
    padding: 10px;
  }

  .case-single__gallery-grid {
    gap: 8px;
  }

  .case-single__gallery-label {
    font-size: 11px;
    padding: 6px 10px;
  }
}

/* Стили для красивого скроллбара */
.case-single__gallery-scroll {
  max-height: 320px;
  overflow-y: auto;
  padding: 20px;
  position: relative;
}

/* Стилизация скроллбара для WebKit браузеров (Chrome, Safari, Edge) */
.case-single__gallery-scroll::-webkit-scrollbar {
  width: 8px;
}

.case-single__gallery-scroll::-webkit-scrollbar-track {
  background: #f1f6fa;
  border-radius: 4px;
  margin: 5px 0;
}

.case-single__gallery-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #154ebc 0%, #0a2a6e 100%);
  border-radius: 4px;
  border: 2px solid #f1f6fa;
  transition: all 0.3s ease;
}

.case-single__gallery-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #cc0029 0%, #a00020 100%);
  transform: scale(1.1);
}

.case-single__gallery-scroll::-webkit-scrollbar-thumb:active {
  background: linear-gradient(135deg, #a00020 0%, #80001a 100%);
}

/* Стилизация скроллбара для Firefox */
.case-single__gallery-scroll {
  scrollbar-width: thin;
  scrollbar-color: #154ebc #f1f6fa;
}

/* Плавная прокрутка */
.case-single__gallery-scroll {
  scroll-behavior: smooth;
}

/* Градиенты для индикации контента */
.case-single__gallery-scroll::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 15px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 2;
}

.case-single__gallery-scroll::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 2;
}

/* Анимация появления скроллбара */
.case-single__gallery-scroll {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.case-single__gallery-scroll:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

/* Адаптивность */
@media (max-width: 768px) {
  .case-single__gallery-scroll {
    max-height: 250px;
    padding: 15px;
  }

  .case-single__gallery-scroll::-webkit-scrollbar {
    width: 6px;
  }
}

/* Стили для блока документов */
.documents-section {
  padding: 50px 0;
}

.documents-section.bg-white {
  background: #fff;
}

.documents-section.bg-gray {
  background: #f1f6fa;
}

.documents-section h2 {
  color: #154ebc;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 40px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: Circe Extra !important;
}

/* Скрытый чекбокс для переключения */
.documents-toggle {
  display: none;
}

.documents-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 100%;
  margin: 0 auto;
}

.document-card {
  display: flex;
  align-items: flex-start;
  padding: 25px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(21, 78, 188, 0.1);
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.documents-section.bg-gray .document-card {
  background: #fff;
}

.documents-section.bg-white .document-card {
  background: #f1f6fa;
}

.document-card:hover {
  background: #fff;
  box-shadow: 0 8px 25px rgba(21, 78, 188, 0.15);
  transform: translateY(-3px);
  border-color: rgba(21, 78, 188, 0.3);
}

.document-icon {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f6fa;
  border-radius: 10px;
  border: 1px solid rgba(21, 78, 188, 0.2);
}

.document-content {
  flex: 1;
}

.document-name {
  color: #154ebc;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  transition: all 0.3s ease;
  font-family: 'Circe Bold' !important;
  line-height: 1.4;
}

.document-name:hover {
  color: #cc0029;
}

.document-meta {
  display: flex;
  gap: 12px;
  font-size: 14px;
  color: #555;
  font-family: 'Circe Regular' !important;
}

.document-format {
  background: #f1f6fa;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid #154ebc;
  color: #154ebc;
  font-weight: 500;
}

.document-size {
  background: #f1f6fa;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid #555;
  color: #555;
}

/* Скрытые документы */
.hidden-document {
  display: none;
}

/* Показ скрытых документов при активации чекбокса */
.documents-toggle:checked ~ .documents-grid .hidden-document {
  display: flex;
}

/* Стили для кнопки показа/скрытия */
.documents-more {
  text-align: center;
  margin-top: 40px;
}

.show-all-documents {
  background: #154ebc;
  color: #fff;
  border: none;
  padding: 12px 40px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-family: 'Circe Bold' !important;
  display: inline-block;
  text-decoration: none;
}

.show-all-documents:hover {
  background: #cc0029;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(204, 0, 41, 0.3);
}

/* Текст кнопки при разных состояниях */
.hide-text {
  display: none;
}

.documents-toggle:checked ~ .documents-more .show-text {
  display: none;
}

.documents-toggle:checked ~ .documents-more .hide-text {
  display: inline;
}

/* Стили для блока призыва к действию */
.cta-documents {
  padding: 40px 0;
  background: linear-gradient(135deg, #154ebc 0%, #0a2a6e 100%);
  margin: 30px 0;
}

.cta-documents-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.cta-content {
  flex: 1;
  color: #fff;
}

.cta-title {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #fff;
  font-family: 'Circe Bold' !important;
  line-height: 1.3;
}

.cta-subtitle {
  font-size: 18px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Circe Regular' !important;
  line-height: 1.4;
}

.cta-button {
  flex-shrink: 0;
  margin-left: 40px;
}

.cta-btn {
  display: inline-block;
  padding: 15px 40px;
  background: #cc0029;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #cc0029;
  font-family: 'Circe Bold' !important;
  white-space: nowrap;
}

.cta-btn:hover {
  background: #fff;
  color: #cc0029;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

/* Адаптивность */
@media screen and (max-width: 768px) {
  .documents-section {
    padding: 30px 0;
  }

  .documents-section h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .documents-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .document-card {
    padding: 20px;
  }

  .document-icon {
    margin-right: 15px;
    width: 45px;
    height: 45px;
  }

  .document-meta {
    flex-wrap: wrap;
    gap: 8px;
  }

  .show-all-documents {
    padding: 10px 30px;
    font-size: 13px;
  }

  /* Адаптивность для CTA блока */
  .cta-documents {
    padding: 30px 0;
    margin: 20px 0;
  }

  .cta-documents-inner {
    flex-direction: column;
    text-align: center;
    padding: 0 15px;
  }

  .cta-title {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .cta-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .cta-button {
    margin-left: 0;
  }

  .cta-btn {
    padding: 12px 30px;
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .cta-title {
    font-size: 20px;
  }

  .cta-subtitle {
    font-size: 15px;
  }

  .cta-btn {
    padding: 10px 25px;
    font-size: 13px;
  }
}

.promotion-badge {
  background: #cc0029;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.case-card__icon {
  font-size: 20px;
  margin-right: 10px !important;
}

.case-card__title {
  display: flex !important;
  align-items: center !important;
}

.case-card__inner {
  display: block !important;
}
.case-card__content {
  width: 100% !important;
}

@media (max-width: 768px) {
  .promotion-badge {
    display: block;
    margin: 5px 0;
    width: fit-content;
  }
}

.case-single__layout {
  display: block !important;
}
.case-single__main {
  width: 100% !important;
}
.case-single__sidebar {
  display: none !important;
}
.case-single__footer {
  display: none !important;
}
.case-single__meta-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
.case-single__meta-item {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 20px !important;
  background: #f1f6fa !important;
  border-radius: 12px !important;
  border: 1px solid rgba(21, 78, 188, 0.1) !important;
}
.case-single__meta-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
}
.case-single__meta-icon span {
  font-size: 24px !important;
  line-height: 1 !important;
}
.case-single__meta-label {
  display: block !important;
  font-size: 14px !important;
  color: #555 !important;
  margin-bottom: 5px !important;
  font-family: 'Circe Regular' !important;
}
.case-single__meta-value {
  display: block !important;
  font-size: 18px !important;
  color: #154ebc !important;
  font-weight: bold !important;
  font-family: 'Circe Bold' !important;
}

/* Информационный блок статьи */
.article-info-block {
  margin-bottom: 40px;
}

.sngl-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 30px;
  background-color: #f8f9fa;
  border-radius: 10px;
}

.sngl-head__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 40px;
  color: #fff;
  position: relative;
  line-height: 21px;
  flex: 0 0 auto;
  width: 141px;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  min-height: 80px;
  justify-content: center;
}

.sngl-head__item--foto {
  padding-left: 80px;
}

.sngl-head__foto {
  position: absolute;
  top: 50%;
  left: 9px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  background: linear-gradient(135deg, #edf0f8 15%, #d7deef 85%);
  border-radius: 10px;
  transform: translateY(-50%);
}

.single-author {
  width: 100%;
  height: 100%;
}

.single-author img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.sngl-head__text {
  margin-bottom: 3px;
  font-size: 16px;
  white-space: nowrap;
  color: #666;
}

.sngl-head__data {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  padding-left: 25px; /* Эмодзи всегда слева */
}

.sngl-head__data--icon .icon-calendar,
.sngl-head__data--icon .icon-show,
.sngl-head__data--icon .icon-time {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

/* Десктоп версия */
@media screen and (min-width: 1025px) {
  .sngl-head__item {
    flex: 1 0 0%;
    max-width: 15%;
  }
}

/* Мобильная версия - горизонтальный скролл */
@media screen and (max-width: 1024px) {
  .article-info-block {
    margin-bottom: 20px;
  }

  .sngl-head {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 15px;
    justify-content: flex-start;
    gap: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .sngl-head::-webkit-scrollbar {
    display: none;
  }

  .sngl-head__item {
    flex: 0 0 auto;
    width: auto;
    min-width: 80px;
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 8px;
    justify-content: center;
    text-align: center;
    background: #fff;
  }

  .sngl-head__item--foto {
    min-width: 245px;
    padding: 12px 15px 12px 60px;
    position: relative;
    background: #fff;
    text-align: left;
  }

  .sngl-head__foto {
    width: 40px;
    height: 40px;
    left: 10px;
  }

  /* Скрываем текстовые метки на мобильных (кроме автора) */
  .sngl-head__item:not(.sngl-head__item--foto) .sngl-head__text {
    display: none !important;
  }

  .sngl-head__item--foto .sngl-head__text {
    display: block !important;
    text-align: left;
    margin-bottom: 3px;
  }

  .sngl-head__data {
    font-size: 14px;
    text-align: center;
    padding-left: 25px; /* Эмодзи слева на мобильных тоже */
  }

  .sngl-head__data--icon {
    display: block;
  }

  .sngl-head__data--icon .icon-calendar,
  .sngl-head__data--icon .icon-show,
  .sngl-head__data--icon .icon-time {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
  }

  /* Особые стили для элемента с автором */
  .sngl-head__item--foto .sngl-head__data {
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
    padding-left: 0; /* У автора нет эмодзи, убираем отступ */
  }
}

/* Очень маленькие экраны */
@media screen and (max-width: 480px) {
  .sngl-head {
    gap: 15px;
    padding: 12px;
  }

  .sngl-head__item {
    min-width: 70px;
    padding: 10px 12px;
  }

  .sngl-head__item--foto {
    min-width: 220px;
    padding: 10px 12px 10px 50px;
  }

  .sngl-head__foto {
    left: 8px;
    width: 35px;
    height: 35px;
  }

  .sngl-head__data {
    font-size: 14px;
  }

  .sngl-head__data--icon .icon-calendar,
  .sngl-head__data--icon .icon-show,
  .sngl-head__data--icon .icon-time {
    font-size: 16px;
  }
}

/* Табы в статьях */
.article-tabs-section {
  margin: 60px 0;
}

.article-tabs-nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  border-bottom: 2px solid #e0e0e0;
}

.article-tabs-nav li {
  margin-right: 20px;
}

.article-tabs-nav .tab-link {
  display: block;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 500;
  color: #666;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s;
}

.article-tabs-nav .tab-link.active {
  color: #0066cc;
  border-bottom-color: #0066cc;
}

.article-tabs-nav .tab-link:hover {
  color: #0066cc;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

/* Сетка для табов */
.services-grid,
.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.service-item,
.article-item {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s;
}

.service-item:hover,
.article-item:hover {
  transform: translateY(-5px);
}

.service-image,
.article-image {
  height: 200px;
  overflow: hidden;
}

.service-image img,
.article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-content,
.article-content {
  padding: 20px;
}

.service-title,
.article-title {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.service-excerpt,
.article-excerpt {
  color: #666;
  line-height: 1.5;
  margin-bottom: 15px;
}

.service-link,
.article-link {
  display: inline-block;
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}

.service-link:hover,
.article-link:hover {
  color: #004499;
}

/* Карусель */
.box-services,
.box-articles {
  margin-top: 30px;
  position: relative;
}

.swiper-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #555;
  border-radius: 50%;
  transition: all 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #555;
}

.swiper-button-prev:hover svg path,
.swiper-button-next:hover svg path {
  fill: #fff;
}

/* Адаптивность */
@media (max-width: 1024px) {
  .services-grid,
  .articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .article-tabs-nav ul {
    flex-wrap: wrap;
  }

  .article-tabs-nav li {
    margin-right: 15px;
    margin-bottom: 10px;
  }

  .article-tabs-nav .tab-link {
    font-size: 16px;
    padding: 10px 0;
  }

  .bg-white,
  .bg-gray {
    padding: 25px;
  }

  .services-grid,
  .articles-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .service-image,
  .article-image {
    height: 180px;
  }
}

.box-articles_text {
  /* Ограничение на 4 строки */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Для кроссбраузерности */
  max-height: 6em; /* 1.5em (line-height) × 4 строки = 6em */
  line-height: 1.5em;
  height: 6em;
}

.box-articles_title {
  /* Ограничение на 2 строки */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Для кроссбраузерности */
  max-height: 3em; /* 1.5em (line-height) × 2 строки = 3em */
  line-height: 1.5em;
  height: 3em;
}

.box-articles_title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
}

.box-articles_title a:hover {
  color: #0066cc;
}

/* Основные стили для мини-блоков в карусели/сетке */
.box-articles .item {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  margin: 5px;
}

.box-articles .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.box-articles_image {
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
}

.box-articles_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.box-articles .item:hover .box-articles_image img {
  transform: scale(1.05);
}

.box-articles_title {
  margin: 20px 20px 10px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;

  /* Ограничение на 2 строки */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  line-height: 1.5em;
  height: 3em;
}

.box-articles_title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
}

.box-articles_title a:hover {
  color: #0066cc;
}

.box-articles_text {
  color: #666;
  line-height: 1.5;
  margin: 0 20px 15px;
  flex-grow: 1;

  /* Ограничение на 4 строки */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 6em;
  line-height: 1.5em;
  height: 6em;
}

.box-articles_more {
  margin: 0 20px 20px;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
}

.box-articles_more a {
  display: inline-block;
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
  font-size: 14px;
}

.box-articles_more a:hover {
  color: #004499;
}

/* Для карусели */
.box-articles.swiper .swiper-slide {
  padding: 10px 5px;
  height: auto;
}

/* Для обычной сетки */
.articles-grid .item {
  margin: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
  .box-articles_image {
    height: 180px;
  }

  .box-articles_title {
    font-size: 16px;
    margin: 15px 15px 8px;
  }

  .box-articles_text {
    margin: 0 15px 12px;
    font-size: 14px;
  }

  .box-articles_more {
    margin: 0 15px 15px;
    padding-top: 12px;
  }
}

/* Стили для блока-цитаты с гербом */
.box-quote {
  background: #fff;
  border-radius: 20px;
  padding: 30px 40px;
  display: flex;
  align-items: center;
  gap: 30px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(21, 78, 188, 0.1);
  margin: 20px auto;
  max-width: 90%;
  font-family: 'Circe Regular', 'Montserrat', sans-serif;
}

.box-quote__icon {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background: #154ebc; /* фирменный синий */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.box-quote__icon svg {
  width: 60px;
  height: 60px;
  fill: none; /* цвет задаётся через атрибуты fill в самом SVG */
}

.box-quote__content {
  flex: 1;
}

.box-quote__content p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #202020;
  font-family: 'Circe Regular', sans-serif;
  font-weight: 400;
}

.box-quote__icon .emoji {
  font-size: 48px; /* размер эмодзи */
  line-height: 1;
  color: #fff; /* белый цвет */
}

/* Адаптивность для мобильных */
@media screen and (max-width: 768px) {
  .box-quote {
    flex-direction: column;
    text-align: center;
    padding: 25px 20px;
    gap: 20px;
  }

  .box-quote__icon {
    width: 80px;
    height: 80px;
  }

  .box-quote__icon svg {
    width: 48px;
    height: 48px;
  }

  .box-quote__content p {
    font-size: 16px;
  }

  .box-quote__icon .emoji {
    font-size: 40px;
  }
}

/* Мета информация в карточках блога */
.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 10px 20px;
  font-size: 14px;
  color: #666;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}

.article-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.article-meta .icon-calendar,
.article-meta .icon-show,
.article-meta .icon-time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.article-meta .icon-calendar svg,
.article-meta .icon-show svg,
.article-meta .icon-time svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
  .article-meta {
    margin: 10px 15px;
    gap: 10px;
    font-size: 14px;
  }
}

/* Новая шапка с формой и правой колонкой */
.firstscreen-services .firstscreen-inner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  height: 514px;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.firstscreen-services .firstscreen-inner::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  z-index: 1;
}

.firstscreen-services .hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 40px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
}

.firstscreen-services .hero-left {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0px 0 35px 50px;
}

.firstscreen-services .hero-right {
  flex: 0 0 43%;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  border-radius: 30px;
  padding: 25px 25px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
  margin: 15px 30px 15px 0;
  overflow-y: auto;
}

.firstscreen-services .hero-title {
  font-family: 'Circe Extra', 'Montserrat', sans-serif !important;
  font-size: 39px;
  font-weight: 800 !important;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
}

/* Форма */
.firstscreen-services .hero-form {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border-radius: 25px;
  padding: 0px 20px 0px 20px;
  border: 2px solid #cc0029;
  box-shadow: 0 0 20px rgba(204, 0, 41, 0.5);
  margin-bottom: 20px;
}

.firstscreen-services .hero-form .hero-form-fields {
  width: 100%;
}

.firstscreen-services .hero-form .form-field {
  margin-bottom: 12px;
}

.firstscreen-services .hero-form .form-field input {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid transparent;
  border-radius: 50px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333;
  transition: 0.3s;
}

.firstscreen-services .hero-form .form-field input:focus {
  outline: none;
  border-color: #cc0029;
  background: #fff;
}

.firstscreen-services .hero-form .conflink {
  margin-bottom: 16px;
  font-size: 11px;
  color: #fff;
  line-height: 1.3;
}

.firstscreen-services .hero-form .conflink a {
  color: #cc0029;
  text-decoration: underline;
}

.firstscreen-services .hero-form .conflink a:hover {
  text-decoration: none;
}

.firstscreen-services .hero-form .wpcf7-list-item {
  margin: 0;
}

.firstscreen-services .hero-form .wpcf7-list-item-label {
  color: #fff;
  font-size: 12px;
}

.firstscreen-services .hero-form input[type='checkbox'] {
  accent-color: #cc0029;
  margin-right: 6px;
  width: auto;
  height: auto;
}

.firstscreen-services .hero-form .form-submit {
  margin-top: 0;
}

.firstscreen-services .hero-form .wpcf7-submit {
  width: 100%;
  height: 46px;
  background: #cc0029;
  border: 2px solid #cc0029;
  border-radius: 50px;
  color: #fff;
  font-family: 'Circe Bold', 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  padding: 0;
}

.firstscreen-services .hero-form .wpcf7-submit:hover {
  background: transparent;
  color: #cc0029;
}

.firstscreen-services .hero-form .wpcf7-not-valid-tip {
  display: none;
}

.firstscreen-services .hero-form .wpcf7-response-output {
  margin: 15px 0 0;
  padding: 10px;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
}

.firstscreen-services .hero-form .wpcf7-validation-errors {
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid #cc0029;
  color: #cc0029;
}

.firstscreen-services .hero-form .wpcf7-mail-sent-ok {
  background: rgba(0, 128, 0, 0.1);
  border: 1px solid #00a32a;
  color: #00a32a;
}

/* Кнопки связи */
.firstscreen-services .contact-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.firstscreen-services .contact-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(5px);
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
  font-size: 14px;
}

.firstscreen-services .contact-links a:hover {
  background: #cc0029;
  border-color: #cc0029;
}

.firstscreen-services .contact-links svg {
  width: 18px;
  height: 18px;
  stroke: white;
}

/* Информационные блоки */
.firstscreen-services .info-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.firstscreen-services .info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(5px);
  padding: 8px 16px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.firstscreen-services .badge-yandex {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.2);
  padding: 8px 16px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 13px;
}

.firstscreen-services .badge-yandex .rating {
  font-size: 14px;
  font-weight: 700;
  color: #ffd600;
}

.firstscreen-services .badge-yandex .stars {
  color: #ffd600;
  letter-spacing: 1px;
  font-size: 12px;
}

/* Правая колонка */
.firstscreen-services .lawyer-photo {
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 15px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  height: 260px;
}

.firstscreen-services .lawyer-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.firstscreen-services .lawyer-name {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  font-family: 'Circe Bold', 'Montserrat', sans-serif;
  color: #fff;
  margin-bottom: 15px;
}

.firstscreen-services .hero-advantages-right {
  list-style: none;
  margin: 0;
  padding: 0;
}

.firstscreen-services .hero-advantages-right li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(5px);
  border-radius: 40px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
}

.firstscreen-services .hero-advantages-right li::before {
  content: '✓';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #cc0029;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
  font-weight: bold;
  flex-shrink: 0;
}

/* Адаптивность для новой шапки */
@media (max-width: 992px) {
  .firstscreen-services .firstscreen-inner {
    height: auto;
    min-height: 514px;
    padding: 20px 0;
  }

  .firstscreen-services .hero-content {
    flex-direction: column;
    gap: 20px;
    height: auto;
  }

  .firstscreen-services .hero-left,
  .firstscreen-services .hero-right {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
  }

  .firstscreen-services .hero-right {
    margin: 0 15px 0px 0px;
  }

  .firstscreen-services .hero-title {
    font-size: 32px;
    padding-left: 0;
  }

  .firstscreen-services .hero-left {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .firstscreen-services .hero-title {
    font-size: 28px;
  }

  .firstscreen-services .info-row {
    flex-direction: column;
    gap: 8px;
  }

  .firstscreen-services .lawyer-photo {
    height: 220px;
  }

  .firstscreen-services .lawyer-name {
    font-size: 18px;
  }

  .firstscreen-services .contact-links {
    gap: 8px;
  }

  .firstscreen-services .contact-links a {
    padding: 8px 16px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .firstscreen-services .hero-title {
    font-size: 24px;
  }
}

/* Исправление отступов в форме Contact Form 7 */
.firstscreen-services .hero-form .form-submit {
  margin: 0;
  padding: 0;
}

.firstscreen-services .hero-form .form-submit p {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.firstscreen-services .hero-form .form-submit br {
  display: none;
}

.firstscreen-services .hero-form .wpcf7-submit {
  margin: 0 !important;
  display: block;
  width: 100%;
}

.firstscreen-services .hero-form .wpcf7-spinner {
  margin: 10px auto 0;
  display: block;
}

/* Исправление отступов спиннера в форме */
.firstscreen-services .hero-form .wpcf7-spinner {
  margin: 10px auto 0 !important;
  display: block;
  position: static;
  width: 0px;
  height: 0px;
}

.firstscreen-services .hero-form .form-submit {
  text-align: center;
}

.firstscreen-services .hero-form .conflink p {
  margin: 0px 0px 8px 0px;
}

.firstscreen-services .hero-form .conflink {
  margin-bottom: 0px;
}

.firstscreen-services .hero-form .wpcf7-response-output {
  margin: 10px;
}

.info-row a {
  text-decoration: none;
}

.sngl-head {
  padding: 10px 15px;
  gap: 20px;
}
.sngl-head__data a {
  color: #154ebc;
}
.sngl-head__text {
  margin-bottom: 5px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.help-block {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  gap: 20px;
}
.help-block__image {
  display: none;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow: hidden;
  width: 150px;
  height: auto;
  align-self: start;
}
.help-block__image img {
  width: auto;
  height: auto;
  max-width: 100%;
  border-radius: 0;
  object-fit: cover;
  display: block;
}
.help-block__body {
  flex: 1 1 calc(100% - 170px);
}
.help-block__title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.help-block__text {
  display: block;
  margin-bottom: 30px;
}
.help-block__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.btn-v1--full {
  width: 100%;
}
.side-block .btn-v1,
.help-block .btn-v1 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  justify-content: left;
  text-decoration: none;
  color: #000;
  position: relative;
  z-index: 1;
}
.side-block .btn-v1:hover,
.help-block .btn-v1:hover {
  transition: all 0.3s ease;
  background-color: #154ebc;
  color: #fff;
}
.side-block .btn-v1.btn-v1--red,
.help-block .btn-v1.btn-v1--red {
  color: #fff;
  background-color: #cc0029;
  border-color: #cc0029;
}
.side-block .btn-v1.btn-v1--red:hover,
.help-block .btn-v1.btn-v1--red:hover {
  background-color: #154ebc;
  border-color: #eee;
}
.btn-info {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  margin-top: 10px;
}
.btn-info--mobile {
  width: 100%;
  order: 2;
  margin-top: 0;
}
.btn-more {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #154ebc;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-more svg path {
  fill: #154ebc;
  transition: all 0.3s ease;
}
.btn-more:hover {
  color: #cc0029;
}
.btn-more:hover svg path {
  fill: #cc0029;
}
.help-block.help-block--v2 {
  background-color: #fff;
  padding: 20px;
  gap: 30px;
  flex-direction: column;
}
.help-block--v2 .help-block__title {
  margin-bottom: 10px;
  font-size: 16px;
}
.help-block--v2 .help-block__body {
  flex: 1 1 calc(100% - 230px);
}
.help-block--v2 .help-block__text {
  margin-bottom: 0;
  font-size: 14px;
}
.help-block__side {
  display: flex;
  flex-direction: column;
}
.help-block--side .help-block__head {
  display: flex;
  gap: 15px;
  align-items: center;
}
.help-block--side .help-block__title {
  margin: 0;
  font-size: 16px;
}
.help-block--side .help-block__image {
  max-height: 100px;
}
.help-block__footer {
  width: 100%;
}
.help-block--callback {
  margin: 20px 0 30px;
  background-color: #f1f6fa;
  border: 0;
}
.help-block--callback .help-block__title {
  font-size: 15px;
  margin-bottom: 0;
}
.help-block--callback .help-block__buttons {
  flex-direction: column;
  width: 100%;
}
.file-list,
.check-list {
  list-style: none;
}
.check-list li {
  margin: 20px 0;
  padding: 0 0 0 20px;
  font-size: 14px;
  position: relative;
}
.check-list li::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='15px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.6111L8.92308 17.5L20 6.5' stroke='%23154EBC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}
.file-list li {
  margin: 10px 0;
  font-size: 14px;
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.file-list li a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #154ebc;
  text-decoration: none;
  transition: all 0.3s ease;
}
.file-list li a:hover {
  color: #cc0029;
}
.file-list li a span {
  flex: 0 0 calc(100% - 30px);
}
.file-list li svg path {
  transition: all 0.3s ease;
}
.file-list li a:hover svg path {
  fill: #cc0029;
}
#ez-toc-container {
  background-color: #fff;
  padding: 15px 20px;
  border-color: #eee;
}
.ez-toc-title-container {
  border-bottom: 1px solid #eee;
}
.toc_close .ez-toc-title-container {
  border: none;
}
#ez-toc-container ul.ez-toc-list-level-1 {
  padding: 10px 0 5px;
}
#ez-toc-container ul.ez-toc-list-level-1 li {
  padding: 8px 0;
}
div#ez-toc-container ul li a {
  text-decoration: none !important;
  border: none;
  color: #154ebc;
  line-height: 1.2;
  font-weight: 600;
}
.ez-toc-counter nav ul li a::before {
  color: #000;
  font-weight: 400;
}
.adv-block {
  background-color: #f1f6fa;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 15px;
}
.adv-block-card {
  display: flex;
  gap: 5px;
  font-size: 15px;
}
.notice-block {
  background-color: #ff00330f;
  padding: 20px 30px;
  border-radius: 10px;
  display: flex;
  gap: 15px;
}
.notice-block__title {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
.notice-block__body {
  flex: 1 1 calc(100% - 40px);
}
.notice-block--blue {
  background-color: #154ebc0d;
  align-items: center;
  gap: 30px;
}
.notice-block--blue .notice-block__title {
  color: #154ebc;
}
.notice-block--blue .notice-block__body {
  flex: 1 1 calc(100% - 150px);
}
.side-block {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 30px;
}
.side-block__title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 15px;
}
.side-block__text {
  display: block;
  font-size: 14px;
}
.file-checklist-img {
  margin-top: 10px;
  position: relative;
  transform: rotate(22deg) translateY(20px);
  z-index: 0;
  text-align: center;
}
.desktop {
  display: none;
}
.mobile {
  display: flex;
  width: 100%;
}
.help-block .btn-v1 {
  display: flex;
  flex-direction: column;
  font-size: 10px;
}
.help-block__buttons {
  justify-content: space-between;
}
.help-block__buttons .btn-v1--red {
  order: 1;
  width: 100%;
}
.article-info-block {
  max-width: calc(100vw - 30px);
}
.legal-aid-block {
  background-color: #f1f6fa;
  border-radius: 10px;
  padding: 30px;
  margin: 20px 0;
}
.legal-aid-block__title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.legal-aid-block__text {
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}
.legal-aid-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
  margin-bottom: 30px;
}
.legal-aid-list-card {
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
}
.legal-aid-list-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 80px;
  margin-bottom: 20px;
}
.legal-aid-list-card__image img {
  max-width: 100%;
  max-height: 80px;
  height: auto;
}
.legal-aid-list-card__title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.legal-aid-list-card__text {
  display: block;
  font-size: 14px;
}
.legal-aid-list-card__description {
  margin-top: 10px;
  border-top: 1px solid #eee;
}
.single-article .legal-aid-list-card__description ul {
  margin: 10px 0;
}
.single-article .legal-aid-list-card__description ul li {
  margin: 20px 0;
  padding: 0 0 0 20px;
  font-size: 14px;
  background: none;
  position: relative;
}
.single-article .legal-aid-list-card__description ul li::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='15px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.6111L8.92308 17.5L20 6.5' stroke='%23154EBC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .help-block__image {
    display: block;
  }
  .desktop {
    display: flex;
    width: 100%;
  }
  .mobile {
    display: none;
  }
  .help-block__buttons {
    justify-content: start;
  }
  .help-block__buttons .btn-v1--red {
    order: 0;
    width: auto;
  }
  .help-block .btn-v1 {
    flex-direction: row;
    font-size: 16px;
  }
  .help-block.help-block--v2 {
    flex-direction: row;
  }
  .btn-info--mobile {
    display: none;
  }
  .legal-aid-list-card {
    flex: 0 0 calc(25% - 15px);
  }
}
@media screen and (min-width: 1025px) {
  .sngl-head__item {
    flex: 1 0 auto;
    max-width: 100%;
    width: auto;
  }
  .column-main {
    flex: 1 1 calc(100% - 340px);
  }
  .column-sidebar {
    flex: 0 0 300px;
  }
  .sidebar-sticky {
    position: sticky;
    top: 110px;
  }
}


/* Иконка звонка в мобильном хедере */
.mobile-call-btn {
    display: none;
}

@media (max-width: 768px) {
    .mobile-call-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 18px;
        right: 70px; /* бургер на right: 15px + 26px ширина + отступ */
        width: 26px;
        height: 26px;
        z-index: 99;
    }
    
    .mobile-call-btn img {
        width: 30px;
        height: 30px;
    }
	
		header {
  padding: 5px 0;
		}	
}


@media (max-width: 768px) {
    .mobile-bottom-bar {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: #f1f6fa;
        box-shadow: 0 -2px 15px rgba(0,0,0,0.15);
        height: 64px;
        gap: 6px;
        padding: 6px 8px;
    }

    .mobile-bottom-bar__item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        text-decoration: none;
        color: #555;
        font-size: 11px;
        font-weight: 500;
        background: #fff;
        border-radius: 8px;
        min-width: 0;
    }

    .mobile-bottom-bar__item img {
        width: 22px;
        height: 22px;
        border-radius: 0;
    }

    .mobile-bottom-bar__item span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        text-align: center;
        padding: 0 4px;
    }

    .mobile-bottom-bar__item--red {
        background: #cc0029;
        color: #fff;
        flex: 1.3;
    }

    .mobile-bottom-bar__item--red span {
        color: #fff;
        white-space: normal;
        text-align: center;
        line-height: 1.2;
    }

    body {
        padding-bottom: 64px;
    }
}

.mobile-bottom-bar
{display:none;}



.breadcrumbs-wrap {
    padding: 12px 0;
   /* background: #f1f6fa;*/
}

.breadcrumbs-wrap .rank-math-breadcrumb {
    font-size: 14px;
    color: #555;
}

.breadcrumbs-wrap .rank-math-breadcrumb a {
    color: #555;
    text-decoration: none;
    border-bottom: none;
    transition: color 0.3s;
}

.breadcrumbs-wrap .rank-math-breadcrumb a:hover {
    color: #154ebc;
    border-bottom: none;
}

/* Разделитель */
.breadcrumbs-wrap .rank-math-breadcrumb .separator {
    margin: 0 6px;
    color: #aaa;
}

/* Текущая страница */
.breadcrumbs-wrap .rank-math-breadcrumb span:last-child {
    color: #154ebc;
    font-weight: 500;
}



.legal-aid-list-card {
    display: flex;
    flex-direction: column;
}

.legal-aid-list-card__footer {
    margin-top: auto;
    padding-top: 15px;
}

.legal-aid-list-card__btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #154ebc;
    border-radius: 5px;
    color: #154ebc;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
	font-weight:700;
}


.legal-aid-list-card__btn:hover {
    background: #154ebc;
    color: #fff;
}




/* Крошки в подвале — синяя полоса на весь экран, фирменный цвет */
.footer-breadcrumbs {
    background-color: #154ebc;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	margin-bottom: 15px;
}
.footer-breadcrumbs__inner {
    max-width: 1224px;
    margin: 0 auto;
    padding: 10px 0px;
}
.footer-breadcrumbs a {
    color: #ffffff;
    text-decoration: none;
}
.footer-breadcrumbs a:hover {
    text-decoration: underline;
}
.footer-breadcrumbs .separator {
    color: rgba(255, 255, 255, 0.6);
    margin: 0 6px;
}
.footer-breadcrumbs .last {
    color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 768px) {
    .footer-breadcrumbs__inner {
        padding: 8px 16px;
        font-size: 13px;
    }
}