/* Start:/local/templates/nixys/components/bitrix/news/home-services/style.css?179335166512346*/
.page-service-list .cases__title-group {
  text-align: center;
  width: 100%;
}

.page-service-list .cases__title-group .section__eyebrow--center {
  justify-content: center;
}

.page-service-list .cases__title-group .section__title--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-service-list,
.page-service-list .page-content,
.page-service-list .service-list-header {
  background: #fff;
}

.page-service-list .section.cases {
  background: transparent;
  box-shadow: none;
  clip-path: none;
}

.page-service-list .footer {
  background-color: #0c0c0c;
}

.page-service-list .partner-logos-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1840px;
  width: calc(100% - 80px);
}

.page-service-list .partner-logos-container .partner-logos {
  max-width: none;
  width: 100%;
}

.service-list-header {
  background: var(--white);
  color: var(--ink);
  min-height: 776px;
  overflow: hidden;
  position: relative;
}

.service-list-header .nav {
  background: var(--white);
  border-color: #e6e6e6;
  border-radius: 24px;
  box-shadow: 4px 4px 12.7px rgba(0, 0, 0, 0.07);
  max-width: 1360px;
  width: calc(100% - 80px);
}

.service-list-header .brand svg [fill="#FEFEFE"] {
  fill: var(--ink-soft);
}

.service-list-header .nav__links a,
.service-list-header .nav__links a.nav__links--dropdown,
.service-list-header .nav__links button.nav__links--dropdown {
  color: var(--ink-soft);
}

.service-list-header .nav__links a.nav__links--dropdown::after,
.service-list-header .nav__links button.nav__links--dropdown::after {
  border-color: var(--ink-soft);
}

.service-list-header .nav__links a:hover,
.service-list-header .nav__links button:hover,
.service-list-header .nav__phone {
  background: var(--panel);
}

.service-list-header .nav__bot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4654 0.123596C16.4654 0.123596 18.1306 -0.482404 17.9918 0.989311C17.9455 1.59532 17.5293 3.71632 17.2055 6.01048L16.0954 12.8064C16.0954 12.8064 16.0029 13.8019 15.1703 13.9751C14.3377 14.1482 13.0889 13.3691 12.8576 13.1959C12.6726 13.0661 9.38863 11.1182 8.23226 10.1659C7.90848 9.90619 7.53845 9.38675 8.27851 8.78075L13.1352 4.4522C13.6902 3.93276 14.2453 2.72076 11.9326 4.19248L5.45705 8.30464C5.45705 8.30464 4.71699 8.73747 3.3294 8.34791L0.322895 7.48219C0.322895 7.48219 -0.787196 6.83292 1.10921 6.1836C5.73459 4.14916 11.4238 2.07144 16.4654 0.123596Z' fill='%23202223'/%3E%3C/svg%3E%0A");
}

.service-list-header .mega-menu {
  background: var(--white);
  border-color: var(--line);
  box-shadow: 0 24px 70px rgba(9, 9, 9, 0.12);
}

.service-list-header .mega-menu::before {
  background: var(--line);
}

.service-list-header .mega-menu__item,
.service-list-header .mega-menu__item span,
.service-list-header .mega-menu__contacts,
.service-list-header .mega-menu__contacts p,
.service-list-header .mega-menu__bot {
  color: var(--ink-soft);
}

.service-list-header .mega-menu__caption {
  color: var(--muted);
}

.service-list-header .mega-menu__social svg path,
.service-list-header .mega-menu__social svg rect,
.service-list-header .mega-menu__messengers svg path,
.service-list-header .mega-menu__messengers svg rect {
  fill: #505558;
}

.service-list-hero__inner {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 310px 24px 0;
}

.service-list-hero {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.service-list-hero h1 {
  color: var(--ink);
  font-size: 54px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  max-width: 988px;
}

.service-list-hero p {
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.375;
  margin: 38px 0 38px;
  max-width: 610px;
}

.service-list-hero__button {
  border-radius: 8px;
  font-size: 14px;
  min-height: 40px;
}

.service-list-header + .home-services .service-list {
  margin-top: 0;
}

@media (max-width: 1180px) {
  .service-list-header {
    min-height: 650px;
  }

  .service-list-header .nav {
    width: calc(100% - 32px);
  }

  .service-list-header .nav__burger span {
    background: var(--ink);
  }

  .service-list-hero__inner {
    padding-top: 220px;
  }

  .service-list-hero h1 {
    font-size: clamp(40px, 5vw, 54px);
  }
}

@media (max-width: 767px) {
  .page-service-list .partner-logos-container {
    width: calc(100% - 32px);
  }

  .service-list-header {
    min-height: 560px;
  }

  .service-list-header .nav {
    border-radius: 16px;
  }

  .service-list-hero__inner {
    padding: 176px 16px 0;
  }

  .service-list-hero h1 {
    font-size: 32px;
    line-height: 1.15;
  }

  .service-list-hero p {
    font-size: 15px;
    line-height: 1.4;
    margin: 24px 0 28px;
  }
}

.page-service-list .home-services .services-more[hidden] {
  display: none;
}

/* Service list page: desktop spacing from Figma node 15:1432. */
@media (min-width: 1200px) {
  .page-service-list,
  .page-service-list .page-content,
  .page-service-list .service-list-header {
    background: #fff;
  }

  .page-service-list .home-services {
    padding-right: 0;
    padding-left: 0;
  }

  .page-service-list .home-services .service-list {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 0;
  }

  .page-service-list .home-services .service-list article {
    grid-template-columns: 21px 20px minmax(0, 1fr) 40px 151px 80px minmax(320px, 1fr);
    height: auto;
    min-height: 178px;
    padding: 32px 0 0;
  }

  .page-service-list .home-services .service-list article:first-child {
    grid-template-columns: 18px 20px minmax(0, 1fr) 40px 152px 40px minmax(320px, 1fr);
  }

  .page-service-list .home-services .service-list span {
    font-size: 16px;
    line-height: 21px;
  }

  .page-service-list .home-services .service-list h3 {
    font-size: 28px;
    line-height: 38px;
    max-width: none;
  }

  .page-service-list .home-services .service-list__image,
  .page-service-list .home-services .service-list article:nth-child(2) .service-list__image,
  .page-service-list .home-services .service-list article:nth-child(3) .service-list__image,
  .page-service-list .home-services .service-list article:nth-child(4) .service-list__image {
    height: 146px;
    width: 151px;
  }

  .page-service-list .home-services .service-list article:first-child .service-list__image {
    width: 152px;
  }

  .page-service-list .home-services .service-list article:nth-child(2) .service-list__image {
    width: 146px;
  }

  .page-service-list .home-services .service-list__content {
    max-width: none;
  }

  .page-service-list .home-services .service-list p {
    font-size: 16px;
    line-height: 22px;
    max-width: none;
  }

  .page-service-list .home-services .service-list article:last-child {
    padding-bottom: 0;
  }

  .page-service-list .home-services .services-more,
  .page-service-list .home-services .services-more--tablet-only {
    display: flex;
    height: 40px;
    margin: 80px auto 0;
    min-height: 40px;
    white-space: nowrap;
    width: 229px;
  }

  .page-service-list .partner-logos {
    height: 131px;
    margin-right: 0;
    margin-left: 0;
    max-width: none;
    width: 100%;
  }

  .page-service-list .partner-logos__item {
    flex-basis: 229px;
    height: 131px;
  }

  .page-service-list .partner-logos__item:nth-child(6n + 1) img {
    width: 185px;
  }

  .page-service-list .partner-logos__item:nth-child(6n + 2) img {
    width: 174px;
  }

  .page-service-list .partner-logos__item:nth-child(6n + 3) img {
    width: 201px;
  }

  .page-service-list .partner-logos__item:nth-child(6n + 4) img {
    width: 187px;
  }

  .page-service-list .partner-logos__item:nth-child(6n + 5) img {
    width: 198px;
  }

  .page-service-list .partner-logos__item:nth-child(6n) img {
    width: 115px;
  }

  .page-service-list .section.cases {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }

  .page-service-list .cases__head {
    height: 103px;
  }

  .page-service-list .cases .section__title {
    font-size: 40px;
    line-height: 66px;
    max-width: none;
  }

  .page-service-list .cases .case-slider {
    --case-card-height: 442px;
    margin-top: 60px;
  }

  .page-service-list .section.contact {
    margin-right: auto;
    margin-left: auto;
  }

  .page-service-list .footer {
    margin-top: 0;
  }
}

/* Service list page: wide layout from Figma node 1:1093. */
@media (min-width: 1601px) {
  .page-service-list .home-services .service-list article,
  .page-service-list .home-services .service-list article:first-child {
    grid-template-columns: 135px 20px minmax(0, 1.25fr) 80px 151px 80px minmax(320px, 1fr);
    min-height: 178px;
    padding: 32px 19px 0 0;
  }

  .page-service-list .home-services .service-list article:first-child {
    grid-template-columns: 135px 20px minmax(0, 1.25fr) 80px 152px 80px minmax(320px, 1fr);
  }

  .page-service-list .home-services .service-list article:nth-child(2) {
    grid-template-columns: 135px 20px minmax(0, 1.25fr) 80px 146px 80px minmax(320px, 1fr);
  }

  .page-service-list .home-services .service-list span {
    font-size: 18px;
    line-height: 1.3;
  }

  .page-service-list .home-services .service-list h3 {
    font-size: 36px;
    line-height: 1.36;
    max-width: 754px;
  }

  .page-service-list .home-services .service-list__content,
  .page-service-list .home-services .service-list p {
    max-width: 600px;
  }

  .page-service-list .home-services .service-list p {
    font-size: 18px;
    line-height: 1.38;
  }
}

/* Keep AJAX pagination available between the mobile and desktop layouts. */
@media (min-width: 768px) and (max-width: 1199px) {
  .page-service-list .partner-logos-container {
    width: calc(100% - 48px);
  }

  .page-service-list .home-services .services-more,
  .page-service-list .home-services .services-more--tablet-only {
    display: flex;
  }
}

/* Service list page: mobile layout from Figma node 2:437. */
@media (max-width: 767px) {
  .page-service-list .home-services .service-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }

  .page-service-list .home-services .service-list article,
  .page-service-list .home-services .service-list article:first-child {
    column-gap: 20px;
    grid-template-columns: max-content minmax(0, 1fr);
    min-height: 0;
    padding: 32px 0 0;
    row-gap: 0;
  }

  .page-service-list .home-services .service-list article:last-child {
    padding-bottom: 0;
  }

  .page-service-list .home-services .service-list__image,
  .page-service-list .home-services .service-list article:nth-child(n) .service-list__image,
  .page-service-list .home-services .service-list article:not(:has(.service-list__image))::before {
    grid-column: 1 / -1;
    grid-row: 1;
    height: 116px;
    margin: 0 0 32px;
    width: 120px;
  }

  .page-service-list .home-services .service-list span {
    font-size: 16px;
    grid-column: 1;
    grid-row: 2;
    line-height: 21px;
  }

  .page-service-list .home-services .service-list h3 {
    font-size: 22px;
    grid-column: 2;
    grid-row: 2;
    line-height: 30px;
    max-width: none;
  }

  .page-service-list .home-services .service-list__content {
    box-sizing: border-box;
    gap: 40px;
    grid-column: 1 / -1;
    grid-row: 3;
    margin-top: 40px;
    max-width: none;
    padding-left: 38px;
    width: 100%;
  }

  .page-service-list .home-services .service-list p {
    font-size: 16px;
    line-height: 22px;
    max-width: none;
  }

  .page-service-list .home-services .service-list .button {
    margin-top: 0;
  }

  .page-service-list .home-services .services-more,
  .page-service-list .home-services .services-more--tablet-only {
    display: flex;
    margin: 40px auto 0;
    width: 100%;
  }
}

/* End */
/* /local/templates/nixys/components/bitrix/news/home-services/style.css?179335166512346 */