

/* Start:/local/templates/stom__s1/components/bitrix/news/services_1/style.css?17732142805147*/
.right_block h2,
.right_block h3,
.right_block h4,
.right_block b {
  color: #333;
}
.dept-tabs-wrap .right_block .detail {
  gap: 0;
}
.blog-collapse-title {
  font-family: var(--font-family-base);
}
.detail__text,
.dept-tabs-wrap .right_block .inner_items {
  margin: 0 0 10px;
  color: #6d6d6d;
  font-family: var(--font-family-base);
  font-size: 14px;
}
.zapis.new {
  background: var(--primary-color);
  border: none;
  border-radius: 5px;
  color: #fff;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 600;
  padding: 5px 35px;
  text-decoration: none;
  transition: all 0.3s;
  width: auto;
}
.zapis.new:hover {
  background: linear-gradient(90deg, #A80000 0%, #E1B8B8 100%);
}
.right_block .servicebb {
  margin-bottom: 25px;
}
.right_block .servicebb a {
  background: var(--primary-color);
  border-radius: 10px;
  color: #fff;
  font-family: var(--font-family-base);
  font-size: 20px;
  font-weight: 700;
  max-width: 320px;
  padding: 13px 55px;
  text-decoration: none;
  transition: background 0.3s;
}
.right_block .servicebb a:hover {
  background: linear-gradient(90deg, #A80000 0%, #E1B8B8 100%);
}
.section-blog {
  position: relative;
}
body .complete-content .container.news_new {
  position: relative;
  z-index: 2;
}
/*.section-blog:before {
  background: #F3F7F6;
  bottom: 0;
  content: '';
  position: absolute;
  left: -100%;
  right: 100%;
  top: 0;
}
.section-blog:after {
  background: #F3F7F6;
  bottom: 0;
  content: '';
  position: absolute;
  left: 100%;
  right: -100%;
  top: 0;
}*/
.advantages-flex {
  align-items: stretch;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-bottom: 40px;
}
.advantages-flex-item {
  align-items: center;
  background: #F3F7F6;
  border-radius: 20px;
  font-family: var(--font-family-base);
  padding: 20px 15px;
  width: calc(33.3333% - 15px);
}
#imedica-dep-accordion div:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#imedica-dep-accordion div.last-border-radius {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom: 1px solid #e0e1e2;
}
.spec {
  margin-top: 40px;
}
.right-block-doctor-box {
  gap: 20px;
}
.doctor-box-item {
  flex-direction: column;
  width: calc(50% - 10px);
}
.right-block-doctor-box .img-responsive {
  border-radius: 20px;
  width: 100%;
}
.right-block-doctor-box .zoom-wrap {
  margin-bottom: 20px;
}
.right-block-doctor-box .doc-title {
  color: #232323;
  font-family: var(--font-family-base);
  font-size: 20px;
  font-weight: 700;
  height: auto;
  margin-bottom: 10px;
}
.doctor-box-item p,
.right_block .doctor-box-item a {
  color: #232323;
  text-decoration: none;
}
.services-feedback-item {
  width: 100%;
}
.services-feedback-item .blog-box-title {
  font-family: var(--font-family-base);
  font-weight: 600;
}
#contact-version-two-new .services-feedback-item input,
#contact-version-two-new .services-feedback-item textarea {
  background: transparent;
  border-radius: 10px;
  font-family: var(--font-family-base);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  outline: none;
}
#contact-version-two-new .services-feedback-item input[type="checkbox"] {
  vertical-align: middle;
}
/*#contact-version-two-new .services-feedback-item input::placeholder,
#contact-version-two-new .services-feedback-item textarea::placeholder {
  color: #DCDDDE;
}*/
#contact-version-two-new .services-feedback-item input.iblock_submit {
  background: var(--primary-color);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 15px 0;
  position: static;
  transition: background 0.3s;
  width: 100%;
}
#contact-version-two-new .services-feedback-item input.iblock_submit:hover {
  background: linear-gradient(90deg, #A80000 0%, #E1B8B8 100%);
}
.services-feedback-item img {
  border-radius: 20px;
  height: auto;
  width: 100%;
}
.form-section .form-section-item:first-child {
  width: calc(100% - 330px);
}
.form-section .form-section-item:last-child {
  width: 295px;
}
@media all and (max-width: 991px) {
  .advantages-flex-item {
    width: calc(50% - 15px);
  }
}
@media all and (max-width: 820px) {
  #wrapper.new .tabs-left.new + div {
    width: 100%;
  }
  #wrapper.new {
    flex-direction: column;
  }
  #wrapper .tabs-left.new {
    order: 2;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .services-feedback_form #contact-version-two-new {
    flex-direction: column;
  }
  .doctor-box-item,
  .services-feedback-item  {
    width: 100%
  }
}
@media screen and (max-width: 679px) {
  .form-section {
    flex-direction: column;
  }
  .form-section .form-section-item:first-child,
  .form-section .form-section-item:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 519px) {
  .advantages-flex-item {
    width: 100%;
  }
  .right_block h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 400px) {
  .section-link {
    flex-direction: column;
  }
}
@media screen and (max-width: 399px) {
  .right_block h2 {
    font-size: 22px;
  }
  .right_block .servicebb a {
    display: inline-block;
    padding: 13px 0;
    text-align: center;
    width: 100%;
  }
}
/* End */


/* Start:/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/style.css?177363868036760*/
/* Section class Service Banner */
.service-banner {
  border-top: 2px solid var(--border-color);
  overflow: hidden;
  position: relative;
  margin-top: 180px;
}
.service-banner .grid {
  grid-template-columns: [start] 145px [line2] 1fr [line3] 1fr [line4] 714px [end];
  grid-template-rows: repeat(3, auto);
  grid-template-areas:
    "A B B E"
    "A C C E"
    "D F G E";
}
.service-banner-block-1 {
  border-bottom: 2px solid var(--border-color);
  grid-area: A;
}
.service-banner-block-2 {
  border-left: 2px solid var(--border-color);
  border-right: 2px solid var(--border-color);
  grid-area: B;
  padding: 50px 0 40px 75px;
}
.service-banner-block-3 {
  align-items: center;
  border-bottom: 2px solid var(--border-color);
  border-left: 2px solid var(--border-color);
  border-right: 2px solid var(--border-color);
  flex-wrap: wrap;
  gap: 26px;
  grid-area: C;
  padding: 40px 50px 80px 75px;
}
.service-banner-block-4 {
  grid-area: D;
}
.service-banner-block-5 {
  grid-area: E;
  padding: 65px 115px 40px 35px;
}
.service-banner-block-5 img.mobile {
  display: none;
}
.service-banner-block-6 {
  border-left: 2px solid var(--border-color);
  border-right: 2px solid var(--border-color);
  grid-area: F;
  padding: 30px 0 80px 75px;
}
.service-banner-block-7 {
  grid-area: G;
}
.service-banner-title h2 {
  font-size: clamp(1.5625rem, 1.1161rem + 2.2318vw, 4.8125rem);
  font-weight: 700;
  text-transform: uppercase;
}
.service-banner-title h2 span {
  font-size: 27px;
  font-weight: 400;
}
.btn.grey-btn {
  background: var(--grey-btn-bg);
  font-size: 20px;
  font-weight: 400;
  width: calc(50% - 13px);
}
.banner-btn-block .soc-icon {
  align-items: center;
  gap: 19px;
  margin-bottom: 43px;
}
.banner-btn-block .soc-icon img {
  width: 34px;
}
.banner-btn-block .btn {
  font-size: 18px;
  justify-content: center;
  height: 57px;
  max-width: 325px;
}
@media all and (max-width: 1600px) {
  .service-banner .grid {
    grid-template-columns: [start] 30px [line2] 1fr [line3] 1fr [line4] 545px [end];
  }
  .service-banner-block-2,
  .service-banner-block-3,
  .service-banner-block-6 {
    padding-left: 60px;
  }
  .service-banner-block-5 {
    padding: 50px 60px 40px 30px;
  }
  .service-banner-title h2 span {
    font-size: 22px;
  }
  .grey-btn {
    font-size: 18px;
    padding: 9px 10px;
  }
}
@media all and (max-width: 1440px) {
  .service-banner,
  .service-banner-block-1,
  .service-banner-block-2,
  .service-banner-block-3,
  .service-banner-block-4,
  .service-banner-block-6 {
    border-width: 1px;
  }
  .service-banner-block-2 {
    padding: 40px 0 32px 30px;
  }
  .service-banner-block-3 {
    padding: 32px 50px 65px 30px;
  }
  .service-banner-block-5 {
    padding: 50px 50px 40px 20px;
  }
  .service-banner-block-6 {
    padding: 25px 0 65px 30px;
  }
  .service-banner-title h2 span {
    font-size: 20px;
  }
  .banner-btn-block .soc-icon {
    gap: 15px;
  }
  .banner-btn-block .soc-icon img {
    width: 30px;
  }
}
@media all and (max-width: 1300px) {
  .service-banner .grid {
    grid-template-columns: [start] 30px [line2] 1fr [line3] 1fr [line4] 490px [end];
  }
}
@media (min-width: 859px) and (max-width: 1200px) {
  .service-banner {
    margin-top: 126px;
  }
}
@media all and (max-width: 1200px) {
  .service-banner .grid {
    grid-template-columns: [start] 70px [line2] 524px [line3] 1fr [end];
    grid-template-rows: 237px 354px repeat(2, 1fr);
    grid-template-areas:
      "A B B"
      "A C E"
      "G F E"
      "G D E";
  }
  .service-banner-block-2 {
    border-bottom: 1px solid var(--border-color);
    border-right: none;
    padding-left: 20px;
  }
  .service-banner-block-3 {
    flex-direction: column;
    gap: 35px;
    padding: 35px 130px 50px 20px;
  }
  .service-banner-block-5 {
    padding: 0;
    position: relative;
  }
  .service-banner-block-5 img:not(.mobile) {
    display: none;
  }
  .service-banner-block-5 img.mobile {
    bottom: 0;
    display: block;
    left: -105px;
    position: absolute;
    right: 0;
    top: 90px;
    width: auto;
  }
  .service-banner-block-6 {
    border-left: none;
    padding-left: 20px;
  }
  .grey-btn {
    width: 100%;
  }
}
@media all and (max-width: 991px) {
  .service-banner .grid {
    grid-template-columns: [start] 40px [line2] 386px [line3] 1fr [end];
    grid-template-rows: 200px 1fr 200px;
    grid-template-areas:
      "A B B"
      "A C E"
      "G F E";
  }
  .service-banner-block-2 {
    padding: 35px 0 30px 20px;
  }
  .service-banner-block-3 {
    padding: 35px 50px 50px 20px;
  }
  .service-banner-block-5 img.mobile {
    left: -30px;
    top: 30px;
    width: 115%;
  }
}
@media all and (max-width: 767px) {
  .service-banner .grid {
    grid-template-columns: [start] 40px [line2] 360px [line3] 1fr [end];
  }
  .service-banner-block-3 {
    padding: 35px 20px 35px 20px;
  }
  .service-banner-block-5 img.mobile {
    left: -10px;
    top: 100px;
  }
}
@media all and (max-width: 679px) {
  .service-banner {
    margin-top: 96px;
  }
  .service-banner .grid {
    grid-template-columns: [start] 19px [line2] 306px [line3] auto [end];
    grid-template-rows: 200px repeat(2, 1fr);
  }
  .service-banner-block-2 {
    padding: 30px 20 20px 25px;
  }
  .service-banner-title h2 span {
    white-space: nowrap;
  }
  .service-banner-block-3 {
    padding: 16px 15px 16px 25px;
  }
  .service-banner-block-6 {
    padding: 25px 0 130px 25px;
  }
  .grey-btn {
    font-size: 14px;
    padding: 9px 5px;
  }
  .service-banner-block-5 img.mobile {
    bottom: -75px;
    left: -60px;
    top: auto;
    width: 130%;
  }
}
@media all and (max-width: 519px) {
  .service-banner .grid {
    grid-template-columns: [start] 19px [line2] 306px [line3] auto [end];
    grid-template-rows: repeat(2, auto) 361px;
  }
  .service-banner-block-3 {
    gap: 15px;
  }
  .service-banner-block-5 img.mobile {
    bottom: -143px;
    left: -185px;
    top: auto;
    width: auto;
    max-width: 260px;
  }
}
@media all and (max-width: 375px) {
  .service-banner-block-5 img.mobile {
    left: -270px;
  }
}
@media all and (max-width: 320px) {
  .service-banner {
    margin-top: 85px;
  }
}
/* Section class Service Advantages */
.service-advantages {
  background-image: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/service-advantages-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid var(--border-color);
  border-radius: 33px;
  color: #fff;
  margin-bottom: 80px;
}
.service-advantages h2 {
  margin-bottom: 130px;
}
.service-advantages-item:first-child {
  border-right: 2px solid var(--border-color);
  padding: 120px 50px 50px 145px;
  width: 55%;
}
.service-advantages-item:nth-child(2) {
  padding: 26px 0 0 0;
  position: relative;
  width: 45%;
}
.service-advantages-list p {
  color: #fff;
  font-size: 32px;
  margin-bottom: 50px;
  padding-left: 68px;
  position: relative;
}
.service-advantages-list p:before {
  content: '';
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/list-icon-plus.svg) no-repeat;
  background-size: cover;
  height: 40px;
  left: 0;
  line-height: 0;
  position: absolute;
  top: -2px;
  width: 40px;
}
.service-advantages-img-block {
  padding: 94px 145px 76px 190px;
}
.service-advantages-img-block:not(:last-child) {
  border-bottom: 2px solid var(--border-color);
}
.service-advantages-img-block img {
  left: 40px;
  position: absolute;
  width: auto;
}
.service-advantages-img-block h4 {
  align-items: center;
  display: flex;
  font-size: 36px;
  font-weight: 700;
  height: 90px;
  justify-content: flex-end;
  text-align: right;
  text-transform: uppercase;
}
@media all and (max-width: 1600px) {
  .service-advantages-item:first-child {
    padding: 120px 50px 50px 50px;
  }
  .service-advantages-img-block {
    padding: 94px 50px 76px 165px;
  }
  .service-advantages-img-block:not(:last-child) {
    border-width: 1px;
  }
}
@media all and (max-width: 1440px) {
  .service-advantages-img-block h4 {
    font-size: 27px;
  }
  .service-advantages-list p {
    font-size: 25px;
    line-height: 40px;
  }
  .service-advantages-item:first-child {
    padding: 86px 50px 50px 50px;
  }
  .service-advantages-img-block {
    padding: 60px 50px 76px 165px;
  }
}
@media all and (max-width: 1200px) {
  .service-advantages-list p:last-child {
    margin-bottom: 0;
  }
  .service-advantages-img-block {
    padding: 60px 50px 76px 130px;
  }
  .service-advantages-img-block img {
    left: 30px;
    width: 135px;
  }
}
@media all and (max-width: 991px) {
  .service-advantages > .flex {
    flex-direction: column;
  }
  .service-advantages-item:first-child,
  .service-advantages-item:nth-child(2) {
    width: 100%;
  }
  .service-advantages-item:first-child {
    border: none;
  }
  .service-advantages h2 {
    margin-bottom: 50px;
  }
  .service-advantages-item:nth-child(2) {
    padding: 0 50px;
  }
  .service-advantages-img-block {
    align-items: center;
    border: 1px solid var(--border-color);
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: 45px 100px;
  }
  .service-advantages-img-block:last-child {
    border-bottom: none;
  }
  .service-advantages-img-block img {
    position: static;
    margin-right: 30px;
  }
  .service-advantages-list p {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .service-advantages-img-block {
    padding: 30px 15px;
  }
}
@media all and (max-width: 679px) {
  .service-advantages-item:first-child {
    padding: 50px 25px 30px 25px;
  }
  .service-advantages-list p {
    font-size: 18px;
    line-height: 25px;
    padding-left: 30px;
  }
  .service-advantages-list p:before {
    height: 25px;
    width: 25px;
  }
  .service-advantages-item:nth-child(2) {
    padding: 0 25px;
  }
  .service-advantages-img-block h4 {
    font-size: 22px;
  }
}
@media all and (max-width: 519px) {
  .service-advantages-item:nth-child(2) {
    padding: 0;
  }
  .service-advantages-img-block {
    border-left: none;
    border-right: none;
    padding: 30px 25px;
  }
  .service-advantages-img-block img {
    margin-right: 5px;
    max-width: 130px;
  }
  .service-advantages-list p {
    font-size: 18px;
  }
  .service-advantages-img-block h4 {
    font-size: 20px;
  }
}
@media all and (max-width: 375px) {
  .service-advantages-img-block img {
    margin-right: 5px;
    max-width: 80px;
  }
  .service-advantages-list p {
    font-size: 16px;
  }
  .service-advantages-img-block h4 {
    font-size: 18px;
  }
}
/* Section class Reviews */
.reviews .title-flex {
  margin: 0 auto;
  margin-bottom: 80px;
  max-width: 1560px;
}
.review-block-item:not(:last-child) {
  padding-bottom: 120px;
}
.review-block-item:nth-child(2) {
  position: relative;
}
.review-block-item:nth-child(2n) .review-text:before {
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/line-team-bg.webp);
  background-repeat: repeat-y;
  bottom: -59px;
  content: '';
  left: -8.5%;
  position: absolute;
  right: auto;
  top: -61px;
  width: 2px;
  z-index: -1;
}
.review-block-item:nth-child(2n):before {
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/line-team-bg.webp);
  background-repeat: repeat-x;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 42.3%;
  top: -61px;
  z-index: -1;
}
.review-block-item:nth-child(2n):after {
background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/line-team-bg.webp);
  background-repeat: repeat-x;
  bottom: 61px;
  content: '';
  height: 2px;
  left: 57.7%;
  position: absolute;
  right: 0;
  top: auto;
  z-index: -1;
}
.review-container {
  gap: 100px;
  margin: 0 auto;
  max-width: 1560px;
}
.review-text {
  position: relative;
  width: 40%;
}
.review-video {
  padding-bottom: 35%;
  position: relative;
  width: 60%;
}
.review-video video {
  border-radius: 20px;
  position: absolute;
  width: 100%;
}
.review-title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 45px;
  text-transform: uppercase;
}
.review-name {
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 40px;
}
.review-play-video {
  cursor: pointer;
}
.review-play-video svg {
  height: 101px;
  width: 101px;
}
.review-play-video svg:nth-child(2),
.review-play-video.active svg:first-child {
  display: none;
}
.review-play-video.active svg:nth-child(2) {
  display: inline;
}
@media all and (max-width: 1600px) {
  .reviews .title-flex,
  .review-container {
    margin-left: 50px;
    margin-right: 50px;
  }
  .review-block-item:nth-child(2n):before {
    right: 41%;
  }
  .review-block-item:nth-child(2n):after {
    left: 59%;
  }
}
@media all and (max-width: 1440px) {
  .review-block-item:nth-child(2n) .review-text:before {
    width: 1px;
  }
  .review-block-item:nth-child(2n):before {
    height: 1px;
    right: 40.8%;
  }
  .review-block-item:nth-child(2n):after {
    height: 1px;
    left: 59.2%;
  }
  .review-video {
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 30%;
  }
  .review-play-video svg {
    height: 80px;
    width: 80px;
  }
}
@media all and (max-width: 1366px) {
  .review-block-item:nth-child(2n):before {
    right: 40.7%;
  }
  .review-block-item:nth-child(2n):after {
    left: 59.3%;
  }
}
@media all and (max-width: 1300px) {
  .review-block-item:nth-child(2n):before {
    right: 40.5%;
  }
  .review-block-item:nth-child(2n):after {
    left: 59.5%;
  }
}
@media all and (max-width: 1200px) {
  .review-block-item:nth-child(2n):before {
    right: 41.8%;
  }
  .review-block-item:nth-child(2n):after {
    left: 58.2%;
  }
  .review-container {
    gap: 50px;
  }
  .review-title {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .review-name {
    font-size: 19px;
    margin-bottom: 15px;
  }
  .review-play-video svg {
    height: 58px;
    width: 58px;
  }
}
@media all and (max-width: 991px) {
  .review-block-item:nth-child(2n) .review-text:before {
    bottom: -35px;
    top: -35px;
  }
  .review-block-item:nth-child(2n):before {
    right: 41.5%;
    top: -35px;
  }
  .review-block-item:nth-child(2n):after {
    bottom: 35px;
    left: 58.5%;
  }
  .review-play-video svg {
    height: 50px;
    width: 50px;
  }
  .review-block-item:not(:last-child) {
    padding-bottom: 70px;
  }
  .review-title {
    font-size: 18px;
  }
  .review-name {
    font-size: 16px;
  }
}
@media all and (max-width: 859px) {
  .review-block-item:nth-child(2n):before {
    right: 41.3%;
  }
  .review-block-item:nth-child(2n):after {
    left: 58.7%;
  }
}
@media all and (max-width: 767px) {
  .reviews .title-flex {
    margin-bottom: 55px;
  }
  .review-container {
    gap: 30px;
  }
  .review-block-item:nth-child(2n) .review-text:before {
    left: -7%;
  }
  .review-block-item:nth-child(2n):before {
    right: 41.9%;
  }
  .review-block-item:nth-child(2n):after {
    left: 58.2%;
  }
  .review-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .review-name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .review-play-video svg {
    height: 40px;
    width: 40px;
  }
}
@media all and (max-width: 679px) {
  .review-block-item:nth-child(2n) .review-text:before,
  .review-block-item:nth-child(2n):before,
  .review-block-item:nth-child(2n):after {
    display: none;
  }
  .reviews .title-flex,
  .review-container {
    margin-left: 25px;
    margin-right: 25px;
  }
  .review-block-item:not(:last-child) {
    padding-bottom: 30px;
  }
  .review-block-item:nth-child(2) .review-container {
    flex-direction: column-reverse;
  }
  .review-container {
    flex-direction: column;
  }
  .review-text {
    width: 60%;
  }
  .review-video {
    width: 100%;
  }
  .review-video {
    padding-bottom: 56.7%;
  }
  .review-block-item:nth-child(2n) .review-text {
    align-self: flex-end;
    text-align: right;
  }

}
@media all and (max-width: 519px) {
  .review-text {
    width: 70%;
  }
  .reviews .title-flex {
    margin-bottom: 45px;
  }
}
/* Section class Stages */
.stages {
  margin-top: 180px;
}
.stages .grid {
  grid-template-columns: [start] 484px [line2] 582px [line3] auto [end];
  grid-template-rows: repeat(3, auto);
  grid-template-areas:
    "A A B"
    "C D E"
    "F G H";
}
.stages-grid-1 {
  align-items: flex-end;
  border-bottom: 2px solid var(--border-color);
  display: flex;
  flex-direction: column;
  grid-area: A;
  padding: 157px 135px 110px 0;
}
.stages-grid-2 {
  border-bottom: 2px solid var(--border-color);
  grid-area: B;
}
.stages-grid-3 {
  border-bottom: 2px solid var(--border-color);
  grid-area: C;
  padding: 45px 0 80px
}
.stages-grid-4 {
  border-bottom: 2px solid var(--border-color);
  border-left: 2px solid var(--border-color);
  grid-area: D;
  padding: 45px 0 80px
}
.stages-grid-5 {
  border-bottom: 2px solid var(--border-color);
  border-left: 2px solid var(--border-color);
  grid-area: E;
}
.stages-grid-6 {
  grid-area: F;
}
.stages-grid-7 {
  border-bottom: 2px solid var(--border-color);
  border-left: 2px solid var(--border-color);
  grid-area: G;
  padding: 45px 0 80px
}
.stages-grid-8 {
  border-bottom: 2px solid var(--border-color);
  border-left: 2px solid var(--border-color);
  grid-area: H;
  padding: 45px 0 80px
}
.stages h2 {
  margin-bottom: 45px;
}
.stages h2 + p {
  color: inherit;
  font-size: 27px;
  font-weight: 300;
}
.stages h2,
.stages h2 + p {
  max-width: 700px;
}
.stages-grid-2 img {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.stages .red span {
  color: var(--text-color);
  font-size: 30px;
  font-weight: 300;
}
.stages .red,
.stages .red + div {
  margin: 0 auto;
  text-align: center;
  max-width: 417px;
}
.stage-title {
  font-size: 30px;
  font-weight: 600;
}
.stage-text {
  font-size: 30px;
  font-weight: 300;
}
.stage-desc {
  font-size: 30px;
  font-weight: 300;
}
@media all and (max-width: 1600px) {
  .stages .grid {
    grid-template-columns: [start] 350px [line2] auto [line3] 640px [end];
  }
  .stages-grid-1 {
    padding: 120px 135px 75px 50px;
  }
  .stages .red, .stages .red + div {
    max-width: 385px;
  }
  .stages h2 + p,
  .stage-title,
  .stage-text,
  .stages .red span {
    font-size: 22px;
  }
}
@media all and (max-width: 1440px) {
  .stages-grid-1,
  .stages-grid-2,
  .stages-grid-3,
  .stages-grid-4,
  .stages-grid-5,
  .stages-grid-6,
  .stages-grid-7,
  .stages-grid-8 {
    border-width: 1px;
  }
}
@media all and (max-width: 1300px) {
  .stages .grid {
    grid-template-columns: [start] 350px [line2] auto [line3] 580px [end];
  }
}
@media all and (max-width: 1200px) {
  .stages {
    margin-top: 80px;
  }
  .stages .grid {
    grid-template-columns: [start] 45% [line2] 55% [end];
    grid-template-rows: repeat(2, 1fr) 160px 160px 1fr;
    grid-template-areas:
      "A A"
      "C B"
      "D B"
      "D E"
      "G H";
  }
  .stages-grid-1 {
    align-items: start;
    padding: 0 50px 75px 50px;
  }
  .stages-grid-2 {
    border-bottom: 0;
  }
  .stages-grid-3,
  .stages-grid-4,
  .stages-grid-7 {
    border-right: 1px solid var(--border-color);
  }
  .stages-grid-4,
  .stages-grid-5,
  .stages-grid-7,
  .stages-grid-8 {
    border-left: none;
  }
  .stages-grid-6 {
    display: none;
  }
}
@media all and (max-width: 991px) {
  .stages .grid {
    grid-template-rows: repeat(2, 1fr) 120px 120px 1fr;
  }
  .stages .red, .stages .red + div {
    padding-left: 50px;
    padding-right: 15px;
  }
  .stages h2 + p,
  .stage-title,
  .stage-text,
  .stages .red span {
    font-size: 18px;
  }
}
@media all and (max-width: 679px) {
  .stages .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 240px) 280px;
    grid-template-areas:
      "A A"
      "C D"
      "G H"
      "B B";
  }
  [class^="stages-grid-"],
  [class*=" stages-grid-"] {
    padding: 50px 0 0;
  }
  .stages-grid-1 {
    align-items: start;
    padding: 0 25px 15px 25px;
  }
  .stages-grid-2 {
    padding: 15px 0;
    text-align: center;
  }
  .stages-grid-4 {
    border-right: 0;
  }
  .stages h2 {
    margin-bottom: 25px;
  }
  .stages .stages-grid-3 .red,
  .stages .stages-grid-3 .red + div,
  .stages .stages-grid-7 .red,
  .stages .stages-grid-7 .red + div {
    padding-left: 25px;
    padding-right: 15px;
  }
  .stages .stages-grid-4 .red,
  .stages .stages-grid-4 .red + div,
  .stages .stages-grid-8 .red,
  .stages .stages-grid-8 .red + div {
    padding-left: 15px;
    padding-right: 25px;
  }
  .stages h2 + p,
  .stage-title,
  .stage-text,
  .stages .red span {
    font-size: 16px;
  }
  .stages-grid-2 img {
    border-radius: 25px;
    max-width: 320px;
  }
}
@media all and (max-width: 519px) {
  .stages .grid {
    grid-template-rows: repeat(3, 265px) 280px;
  }
  .stages-grid-5 {
    display: none;
  }
}
@media all and (max-width: 399px) {
  .stages .grid {
    grid-template-rows: repeat(4, 290px);
  }
  .stages h2 + p,
  .stage-title,
  .stage-text,
  .stages .red span {
    font-size: var(--font-size-base);
  }
}
/* Section class Team */
.team {
  padding-bottom: 120px;
  padding-top: 100px;
  position: relative;
}
body:not(.service-page) .team:before {
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/../img/line-team-bg.webp);
  background-position: 0 87%;
  background-repeat: repeat-x;
  border-right: 2px solid var(--border-color);
  bottom: -120px;
  content: '';
  left: 0;
  position: absolute;
  right: 24.9%;
  top: 0;
  z-index: -1;
}
body.service-page .team:before {
  border-right: 2px solid var(--border-color);
  bottom: 50%;
  content: '';
  left: 0;
  position: absolute;
  right: 43.7%;
  top: 0;
  z-index: -1;
}
body:not(.service-page) .team:after {
  border-bottom: 2px solid var(--border-color);
  bottom: -120px;
  content: '';
  position: absolute;
  right: 0;
  width: 24.9%;
}
.team .title-flex {
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
  margin: 0 auto 74px auto;
  max-width: 1560px;
}
.team .title-flex a {
  padding: 13px 85px;
}
.team-slider {
  margin: 0 auto;
  max-width: 1560px;
}
.team-slide {
  margin: 60px 0 80px;
}
.team-slide.swiper-slide-active {
  transform: scale(1.175) translateY(11px);
}
.team-slide:not(.swiper-slide-active) .team-name,
.team-slide:not(.swiper-slide-active) .team-job-title {
  opacity: 0;
  position: relative;
}
.team-slide.swiper-slide-active .team-name,
.team-slide.swiper-slide-active .team-job-title {
  opacity: 1;
  text-align: center;
}
.team-slide a {
  display: inline-block;
  line-height: 0;
  margin-bottom: 38px;
}
.team-slide img {
  border-radius: 20px;
}
.team-slide .team-name {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.team-slide .team-job-title {
  font-size: 24px;
  font-weight: 300;
  text-transform: lowercase;
}
.team-slider .swiper-button-prev,
.team-slider .swiper-button-next {
  padding: 21.2% 0;
  top: var(--swiper-navigation-top-offset, 9.5%);
  width: 28.2%;
}
.team-slider .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 0px);
  outline: none;
}
.team-slider .swiper-button-next {
  outline: none;
  right: 0;
}
.swiper-navigation-icon,
.mobile-all-team {
  display: none;
}
@media all and (max-width: 1600px) {
  .team .title-flex {
    margin-bottom: 70px;
    padding-left: 0;
  }
  .team-slider,
  .team .title-flex {
    margin-left: 50px;
    margin-right: 50px;
  }
  body.service-page .team:before {
    bottom: 0;
    right: 46.1%;
  }
}
@media all and (max-width: 1440px) {
  .team:before,
  body:not(.service-page) .team:before,
  body.service-page .team:before,
  body:not(.service-page) .team:after {
    border-width: 1px;
  }
  body.service-page .team:before {
    right: 44.4%;
  }
  .team:before,
  body:not(.service-page) .team:before {
    background-size: 1px;
  }
  .team-slide .team-name {
    font-size: 22px;
  }
  .team-slide .team-job-title {
    font-size: 18px;
  }
  .team-slide a {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1200px) {
  .team {
    padding-top: 80px;
  }
  body:not(.service-page) .team:before {
    bottom: -80px;
    right: 36%;
  }
  body:not(.service-page) .team:after {
    bottom: -80px;
    width: 36%;
  }
  .team {
    padding-bottom: 50px;
  }
  .team-slide {
    margin: 60px 0;
  }
  .team-slide .team-name {
    font-size: 18px;
  }
  .team-slide .team-job-title {
    font-size: 16px;
  }
  .team-slider .swiper-button-prev, .team-slider .swiper-button-next {
    padding: 22.2% 0;
    top: var(--swiper-navigation-top-offset, 12.5%);
    width: 29.2%;
  }
  body.service-page .team:before {
    right: 55%;
  }
  .team .title-flex a {
    padding: 10px 85px;
  }
}
@media all and (max-width: 991px) {
  body:not(.service-page) .team:before {
    right: 29.5%;
  }
  body:not(.service-page) .team:after {
    width: 29.5%;
  }
  body.service-page .team:before {
    right: 50px;
    top: 50%;
  }
}
@media all and (max-width: 768px) {
  body:not(.service-page) .team:before {
    right: 30.4%;
  }
  body:not(.service-page) .team:after {
    width: 30.4%;
  }
}
@media all and (max-width: 767px) {
  body:not(.service-page) .team:before {
    bottom: -40px;
    right: 10%;
    top: 40%;
  }
  body:not(.service-page) .team:after {
    bottom: -40px;
    width: 10%;
  }
  .team-slider {
    margin-left: 0;
    margin-right: 0;
  }
  .team-slider .swiper-button-prev, .team-slider .swiper-button-next {
    padding: 27.2% 0;
    top: var(--swiper-navigation-top-offset, 12.5%);
    width: 24.2%;
  }
}
@media all and (max-width: 679px) {
  .team .title-flex {
    margin-left: 25px;
    margin-right: 25px;
  }
  .team .title-flex .btn {
    display: none;
  }
  .mobile-all-team {
    display: block;
    margin: 0 25px;
  }
  .mobile-all-team .btn {
    margin: 0 auto;
    max-width: 320px;
  }
  .team .title-flex {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 519px) {
  body:not(.service-page) .team:before {
    background-position: 0 65%;
    right: 7%;
  }
  body:not(.service-page) .team:after {
    width: 7%;
  }
  .team .title-flex {
    margin-bottom: 0;
  }
  .team-slide .team-name {
    font-size: 16px;
  }
  .team-slide .team-job-title {
    font-size: 14px;
  }
  .team-slider .swiper-button-prev, .team-slider .swiper-button-next {
    padding: 35.2% 0;
    top: var(--swiper-navigation-top-offset, 15.5%);
    width: 19.2%;
  }
}
/* Section class Methods */
.methods-block {
  border-top: 2px solid var(--border-color);
  position: relative;
}
.methods .flex {
  margin: 0 auto;
  max-width: 1560px;
}
.methods-block:first-child .methods-item,
.methods-block:nth-child(2) .methods-item {
  padding-bottom: 20px;
  padding-top: 150px;
}
.methods-block:first-child .methods-item:first-child,
.methods-block:nth-child(2) .methods-item:first-child {
  border-bottom: 2px solid #fff;
  position: relative;
  margin-bottom: -2px;
  z-index: 2;
}
.methods-block:nth-child(3) .methods-item {
  padding-bottom: 70px;
  padding-top: 50px;
}
.methods-block:nth-child(4) .methods-item {
  padding-bottom: 70px;
  padding-top: 150px;
}
.methods-block:not(:last-child) .methods-item:nth-child(2):after {
  background: #fff;
  bottom: -2px;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  right: auto;
  width: 15%;
  z-index: 2;
}
.methods-block:nth-child(3) .methods-item:nth-child(2):after {
  z-index: -1;
}
.methods-item p {
  color: inherit;
  font-size: 27px;
  font-weight: 300;
}
.methods-item p:not(.icon-list) {
  margin-bottom: 50px;
}
.icon-list {
  margin-bottom: 30px;
  padding-left: 63px;
  position: relative;
}
.icon-list:before {
  content: '';
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/list-icon-red.svg) no-repeat;
  background-size: cover;
  height: 40px;
  left: 0;
  position: absolute;
  width: 40px;
}
.icon-list.rotate {
  align-items: center;
  display: flex;
}
.icon-list.rotate:before {
  transform: rotate(45deg);
}
.methods-item:first-child .h2-title {
  text-align: left;
}
.methods .h2-title {
  margin-bottom: 50px;
  text-align: right;
}
.methods-item:first-child {
  padding-right: 60px;
  width: 54%;
}
.methods-item:nth-child(2) {
  border-left: 2px solid var(--border-color);
  padding-left: 20px;
  width: 46%;
}
.methods-item img {
  left: -20px;
  position: relative;
  width: auto;
}
.methods .methods-block:nth-child(2) img {
  margin-top: -100px;
}
.methods a.method-text-show-link,
.methods a.method-text-hidden-link {
  color: #9f1a1a;
  font-size: 27px;
  font-weight: 700;
  transition: all .3s;
}
a.method-text-hidden-link {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.methods a.method-text-show-link:hover,
.methods a.method-text-hidden-link:hover {
  color: inherit;
}
.show-991,
.method-text-show-link.hidden {
  display: none;
}
.method-text-hidden {
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out, margin-top 0.5s ease-out;
}
.method-text-hidden.show {
  max-height: 1500px;
  margin-top: 45px;
}
@media all and (min-width: 1600.99px) {
  .methods .h2-title {
    font-size: 58px;
  }
}
@media all and (max-width: 1600px) {
  .methods .flex {
    margin-left: 50px;
    margin-right: 50px;
  }
  .methods-block:first-child {
    border-top: none;
  }
  .methods-item p,
  a.method-text-show-link,
  a.method-text-hidden-link {
    font-size: 21px;
  }
  .icon-list {
    padding-left: 50px;
  }
  .icon-list:before {
    height: 30px;
    width: 30px;
  }
}
@media all and (max-width: 1440px) {
  .methods-block:first-child .methods-item,
  .methods-block:nth-child(2) .methods-item,
  .methods-block:nth-child(4) .methods-item {
    padding-top: 50px;
  }
  .methods-block,
  .methods-item:nth-child(2) {
    border-width: 1px;
  }
  .methods-item:first-child {
    width: 56%;
  }
  .methods-item:nth-child(2) {
    width: 44%;
  }
}
@media all and (min-width: 1200px) {
  .methods .h2-title {
    font-size: 45px;
  }
}
@media all and (max-width: 1200px) {
  .methods-block:first-child::before {
    border-top: 1px solid var(--border-color);
    content: '';
    position: absolute;
    width: 55.5%;
    z-index: 1;
  }
}
@media all and (max-width: 991px) {
  .methods .h2-title {
    padding-left: 20%;
  }
  .methods-item:first-child .h2-title {
    text-align: right;
  }
  .methods-block:first-child .flex,
  .methods-block:nth-child(2) .flex {
    flex-direction: column-reverse;
  }
  .methods-block .flex {
    border-right: 1px solid var(--border-color);
    flex-direction: column;
    gap: 30px;
    padding: 50px 0;
  }
  .methods-item:first-child,
  .methods-item:nth-child(2) {
    padding: 0 15px 0 0 !important;
    width: 100%;
  }
  .methods-block:first-child::before {
    width: calc(100% - 50px);
  }
  .methods-item:nth-child(2) {
    border: none;
  }
  .methods-block:first-child .methods-item:first-child,
  .methods-block:nth-child(2) .methods-item:first-child {
    border: none;
    margin-bottom: 0;
  }
  .methods-block:not(:last-child) .methods-item:nth-child(2):after {
    content: none;
  }
  .methods-item p,
  a.method-text-show-link,
  a.method-text-hidden-link {
    font-size: 18px;
  }
  .methods-item p:not(.icon-list):last-child,
  .methods-item p.icon-list:last-child {
    margin-bottom: 0;
  }
  .methods-item img {
    left: 0;
  }
  .hidden-991 {
    display: none;
  }
  .show-991 {
    display: block;
  }
}
@media all and (max-width: 679px) {
  .methods .flex {
    margin-left: 25px;
    margin-right: 25px;
  }
  .methods-block:first-child::before {
    width: calc(100% - 25px);
  }
  .methods .h2-title {
    padding-left: 0;
  }
}
@media all and (max-width: 519px) {
  .methods-item p,
  a.method-text-show-link,
  a.method-text-hidden-link {
    font-size: 16px;
  }
  .methods-item img {
    width: 100%;
  }
  .icon-list {
    padding-left: 35px;
  }
  .icon-list:before {
    height: 25px;
    width: 25px;
  }
  .methods-item p:not(.icon-list) {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 320px) {
  h2.h2-title {
    font-size: 22px;
  }
}
/* Section class Faq */
.faq {
  background: linear-gradient(180deg, #637C8F, #A6B5C2);
  border: 1px solid var(--border-color);
  border-radius: 33px;
  color: #fff;
  padding: 120px 0 130px 0;
}
.faq-container {
  margin: 0 auto;
  max-width: 1560px;
}
.faq .h2-title {
  margin-bottom: 80px;
}
.faq .h2-title + .faq-block {
  border-top: 1px solid var(--border-color);
}
.faq-block {
  border-bottom: 1px solid var(--border-color);
  padding: 20px 0 0;
}
.question {
  cursor: pointer;
  font-size: 27px;
  line-height: 40px;
  margin-bottom: 20px;
  padding-left: 74px;
  position: relative;
}
.question:before {
  content: '';
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/list-icon-plus.svg) no-repeat;
  background-size: cover;
  height: 40px;
  left: 0;
  line-height: 0;
  position: absolute;
  width: 40px;
}
.answer {
  font-size: 20px;
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.answer.show {
  max-height: 1000px;
  margin-bottom: 20px;
}
@media all and (max-width: 1600px) {
  .faq-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 1200px) {
  .question {
    font-size: 22px;
  }
  .answer {
    font-size: 16px;
  }
}
@media all and (max-width: 679px) {
  .faq-container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .question {
    font-size: 18px;
    padding-left: 45px;
  }
  .question::before {
    height: 30px;
    width: 30px;
  }
}
/* Section class Social Rating */
.social-ratings {
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/zubki.webp);
  background-position: right 104%;
  background-repeat: no-repeat;
  padding-bottom: 438px;
  padding-top: 467px;
  position: relative;
}
.social-ratings:after {
  background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/lines.webp) no-repeat;
  bottom: 0;
  content: '';
  left: -517px;
  position: absolute;
  right: 0;
  top: -167px;
  z-index: -1;
}
.social-ratings-block {
  flex-wrap: wrap;
  column-gap: 105px;
  justify-content: space-around;
  row-gap: 175px;
}
.social-rating {
  padding-left: 113px;
  position: relative;
}
.social-rating:last-child {
  left: -35px;
}
.social-rating-value {
  align-items: center;
  bottom: 50px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  color: var(--primary-color);
  display: flex;
  font-size: 60px;
  font-weight: 700;
  height: 131px;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 131px;
}
.social-rating-name {
  font-size: 67px;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (max-width: 1700px) {
  .social-ratings {
    background-position: 105.5% 104%;
    background-size: 899px;
  }
  .social-ratings:after {
    background-size: cover;
    left: -375px;
    top: -60px;
  }
  .social-ratings-block {
    column-gap: 76px;
    row-gap: 134px;
  }
  .social-rating {
    padding-left: 78px;
  }
  .social-rating-value {
    bottom: 38px;
    font-size: 43px;
    height: 93px;
    left: -6px;
    width: 93px;
  }
  .social-rating-name {
    font-size: 47px;
  }
}
@media all and (max-width: 1440px) {
  .social-ratings {
    background-position: 105% 104%;
    background-size: 794px;
    padding-bottom: 368px;
    padding-top: 410px;
  }
  .social-ratings:after {
    left: -380px;
    top: -80px;
  }
  .social-ratings-block {
    padding: 0 25px;
  }
}
@media all and (max-width: 1300px) {
  .social-ratings {
    background-size: 620px;
  }
  .social-rating:last-child {
    left: -15px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .social-ratings:after {
    background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/lines-2.webp) no-repeat;
    background-size: cover;
    left: -340px;
    top: 0;
  }
}
@media all and (max-width: 1200px) {
  .social-ratings:after {
    background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/lines-3.webp) no-repeat;
    background-size: 143%;
    left: -730px;
    top: 208px;
  }
}
@media all and (max-width: 991px) {
  .social-ratings {
    background-position: right bottom;
    background-size: 435px;
    padding-bottom: 275px;
    padding-top: 170px;
  }
  .social-ratings-block {
    column-gap: 50px;
    row-gap: 110px;
  }
  .social-rating {
    padding-left: 64px;
  }
  .social-rating-value {
    bottom: 30px;
    font-size: 32px;
    height: 70px;
    left: 0;
    width: 70px;
  }
  .social-rating-name {
    font-size: 35px;
  }
  .social-ratings:after {
    left: -515px;
    top: 85px;
  }
}
@media all and (max-width: 767px) {
  .social-ratings-block {
    justify-content: space-between;
  }
  .social-rating:last-child {
    left: 0;
    margin: 0 auto;
  }
}
@media all and (max-width: 519px) {
  .social-ratings {
    background-size: 256px;
    padding-bottom: 165px;
    padding-top: 138px;
  }
  .social-ratings:after {
    background: url(/local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/img/lines-4.webp) no-repeat;
    left: -90px;
  }
  .social-ratings-block {
    column-gap: 0;
    row-gap: 63px;
  }
  .social-rating {
    padding-left: 44px;
  }
  .social-rating-value {
    bottom: 22px;
    font-size: 23px;
    height: 50px;
    left: -1px;
    width: 50px;
  }
  .social-rating-name {
    font-size: 25px;
  }
}
@media all and (max-width: 375px) {
  .social-ratings:after {
    left: -110px;
  }
}
@media all and (max-width: 320px) {
  .social-rating {
    width: 100%;
  }
  .social-ratings:after {
    left: -275px;
  }
}
/* End */
/* /local/templates/stom__s1/components/bitrix/news/services_1/style.css?17732142805147 */
/* /local/templates/stom__s1/components/bitrix/news/services_1/bitrix/news.list/service_2026/style.css?177363868036760 */
