/* Start:/bitrix/templates/aspro-allcorp3/css/ap-services-detail.css?178524234255518*/
/* Content sections — services detail page v2 */

/* ===== Hide old Aspro page title on services detail ===== */
body.services-detail-v2 .page-top-wrapper,
body.services-detail-v2 .page-top-info {
  display: none !important;
}
body.services-detail-v2 .bottom-links-block {
  display: none !important;
}
body.services-detail-v2 .left_block {
  display: none !important;
}
body.services-detail-v2 .col-md-9.col-sm-8,
body.services-detail-v2 .content-md {
  width: 100% !important;
  padding: 0 !important;
}
body.services-detail-v2 .detail.detail-maxwidth {
  max-width: none;
  padding: 0;
}
body.services-detail-v2 .services-detail__bottom-info {
  display: none !important;
}
body.services-detail-v2 .owl-nav {
  display: none !important;
}

/* ===== Common ===== */
.section {
  max-width: 1440px;
  margin: 0 auto;
}

.section__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 24px;
}

.section__subtitle {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0 0 40px;
  max-width: 710px;
}

.section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
}

.section__header-left {
  flex: 1;
}

.section__header-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

/* ===== Banner ===== */
.banner {
  max-width: 1440px;
  margin: 33px auto 40px;
}

.banner__inner {
  position: relative;
  background: #f4f4f4;
  border: 3px solid #e8e8e8;
  overflow: hidden;
}

.banner__bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  opacity: 0.3;
}

.banner__overlay {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  width: 584px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='621' height='488' viewBox='0 0 621 488' fill='none'%3E%3Cpath d='M249.013 -0.973215C273.063 -0.593621 296.834 4.27197 319.073 13.3828C342.251 22.8784 363.312 36.7969 381.052 54.3426C398.792 71.8881 412.864 92.7181 422.464 115.642C428.978 131.196 433.344 147.507 435.48 164.138C437.512 148.273 441.568 132.699 447.577 117.796L448.461 115.642C457.737 93.4342 471.199 73.1914 488.116 55.9963L489.764 54.3426C506.903 37.3453 527.151 23.7524 549.417 14.2865L551.578 13.3828C574.695 3.8872 599.471 -1 624.492 -1V185.918H625V188.966H624.492V376.9C600.252 376.9 576.243 372.314 553.749 363.394L551.578 362.517C528.461 353.022 507.456 339.103 489.764 321.558C472.071 304.012 458.036 283.182 448.461 260.258C441.965 244.705 437.61 228.394 435.479 211.764C433.343 228.394 428.978 244.705 422.464 260.258L421.551 262.402C411.981 284.481 398.237 304.56 381.052 321.558L379.379 323.193C369.706 332.527 359.078 340.797 347.687 347.885L492.088 492.434L489.931 494.587L345.011 349.52C336.73 354.486 328.061 358.835 319.073 362.517L316.896 363.394C295.286 371.941 272.28 376.505 249.013 376.872V494.74H245.964V252.573L92.521 406.174V406.36H92.3345L3.78579 495L1.62839 492.846L89.4725 404.912V93.7201L-3 1.15374L-0.8426 -1L245.964 246.059V-1H249.013V-0.973215ZM92.521 401.86L244.91 249.315L92.521 96.7716V401.86ZM249.013 373.825C272.667 373.445 296.045 368.657 317.917 359.697C326.527 356.17 334.839 352.021 342.79 347.296L249.013 253.423V373.825ZM621.443 2.07437C597.857 2.45468 574.545 7.24352 552.736 16.2022C529.988 25.5466 509.319 39.2425 491.911 56.5063C474.503 73.7699 460.695 94.2633 451.275 116.816C441.855 139.369 437.006 163.54 437.006 187.95C437.006 212.36 441.855 236.531 451.275 259.084C460.695 281.637 474.503 302.13 491.911 319.394C509.319 336.658 529.988 350.354 552.736 359.698C574.545 368.657 597.857 373.445 621.443 373.825V283.391C610.266 283.038 599.231 280.748 588.838 276.616L587.743 276.172C576.456 271.523 566.169 264.777 557.43 256.298L556.589 255.472C547.951 246.882 541.043 236.734 536.232 225.576L535.773 224.493C531.077 213.221 528.599 201.16 528.469 188.966H528.463V185.918H528.486C528.739 174.07 531.207 162.366 535.773 151.407C540.448 140.184 547.232 129.954 555.759 121.264L556.589 120.428C565.506 111.561 576.092 104.527 587.743 99.728C598.454 95.3161 609.872 92.8742 621.443 92.5088V2.07437ZM249.013 249.11L345.474 345.669C357.563 338.211 368.786 329.403 378.908 319.392C396.363 302.128 410.207 281.634 419.652 259.081C429.097 236.529 433.958 212.359 433.958 187.95C433.958 163.542 429.097 139.371 419.652 116.819C410.207 94.2666 396.363 73.7724 378.908 56.5082C361.452 39.2441 340.727 25.5482 317.917 16.2032C296.045 7.24287 272.667 2.45371 249.013 2.07437V249.11ZM531.517 188.966C531.648 200.758 534.046 212.42 538.587 223.322C543.258 234.536 550.106 244.727 558.739 253.311C567.372 261.896 577.623 268.708 588.905 273.355C599.247 277.615 610.271 279.977 621.443 280.342V188.966H531.517ZM621.443 95.5574C610.271 95.9218 599.247 98.2855 588.905 102.545C577.623 107.192 567.372 114.004 558.739 122.589C550.106 131.174 543.258 141.364 538.587 152.579C534.176 163.167 531.788 174.473 531.535 185.918H621.443V95.5574Z' fill='%23E6E5E5'/%3E%3C/svg%3E");
}

.banner__content {
  position: relative;
  z-index: 1;
  padding: 87px 90px;
}

.banner__label {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 23px;
  color: var(--white_text_black);
  opacity: 0.5;
  margin: 0 0 12px;
}

.banner__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 66px;
  color: var(--white_text_black);
  text-transform: uppercase;
  margin: 0;
  max-width: 870px;
}

.banner__buttons {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.banner__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  padding: 0 27px;
  border: 1px solid var(--white_text_black);
  background: transparent;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--white_text_black);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s;
}

.banner__btn:hover {
  background: var(--white_text_black);
  color: #fff;
}

/* ===== Service tags ===== */
.service-tags {
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 48px;
}

.service-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.service-tags__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  padding: 0 22px;
  border: 1px solid rgba(52, 54, 56, 0.3);
  background: transparent;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--white_text_black);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s;
}

.service-tags__item:hover {
  background: var(--white_text_black);
  color: #fff;
  border-color: var(--white_text_black);
}

/* ===== Text block ===== */
.text-block {
  max-width: 1440px;
  margin: 80px auto;
}

.text-block__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 24px;
  max-width: 100%;
}

.text-block__body {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 29px;
  color: var(--white_text_black);
  opacity: 1;
  max-width: 1316px;
}

.text-block__body p {
  margin: 0 0 8px;
}

.text-block__body p:last-child {
  margin-bottom: 0;
}

.text-block__body p--accent,
.text-block__body .text-block__accent {
  font-weight: 700;
}

/* ===== Team ===== */
.team {
  max-width: 1440px;
  margin: 80px auto;
}

.team__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 40px;
}

.team__wrapper {
  position: relative;
}

.team__slider {
  display: flex;
  gap: 24px;
  overflow: hidden;
}
.team__slider.owl-carousel.owl-loaded {
  display: block;
}

.team__card {
  width: 100%;
}

.team__card-photo {
  width: 353px;
  height: 353px;
  object-fit: cover;
  display: block;
}

.team__card-info {
  background: #f4f4f4;
  padding: 30px 26px;
}

.team__card-name {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: var(--white_text_black);
  margin: 0 0 8px;
}

.team__card-role {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 17px;
  line-height: 26px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0 0 20px;
}

.team__card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 246px;
  border: 1px solid rgba(51, 54, 56, 0.35);
  background: transparent;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--white_text_black);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
}

.team__card-btn:hover {
  background: var(--white_text_black);
  color: #fff;
}

.team__nav {
  display: flex;
  gap: 0;
  margin-top: 24px;
}

.team__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: var(--white_text_black);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

.team__nav-btn:hover {
  opacity: 0.8;
}

.team__nav-btn svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}

.team__nav-btn--prev svg {
  transform: rotate(180deg);
}

/* ===== Callback form (dark) ===== */
.callback {
  max-width: 1440px;
  margin: 80px auto;
}

.callback__inner {
  position: relative;
  background: var(--white_text_black);
  padding: 66px 64px;
  overflow: hidden;
  display: flex;
  gap: 60px;
}

.callback__left {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  max-width: 440px;
}

.callback__pretitle {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 28px;
  line-height: 44px;
  color: #fff;
  opacity: 0.6;
  margin: 0 0 0;
}

.callback__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 46px;
  color: #fff;
  margin: 0 0 24px;
}

.callback__desc {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #fff;
  opacity: 0.8;
  margin: 0;
}

.callback__form {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.callback__fields {
  display: flex;
  gap: 16px;
}

.callback__field {
  flex: 1;
}

.callback__label {
  display: block;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 8px;
}

.callback__input {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  background: #fff;
  border: none;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--white_text_black);
  box-sizing: border-box;
}

.callback__input::placeholder {
  color: var(--white_text_black);
  opacity: 0.6;
}

.callback__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  background: #fff;
  border: none;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--white_text_black);
  cursor: pointer;
  transition: opacity 0.2s;
}

.callback__submit:hover {
  opacity: 0.85;
}

.callback__consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.callback__checkbox-wrap {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.callback__checkbox-wrap svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

.callback__checkbox {
  display: none;
}

.callback__consent-text {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  opacity: 0.6;
}

.callback__consent-text a {
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}

.callback__inner a:hover {
  color: #fff;
  opacity: 0.6;
}

.callback__consent-text a {
  transition: all 0.3s;
  opacity: 1;
}


/* ===== Reviews ===== */
.reviews {
  max-width: 1440px;
  margin: 80px auto;
}

.reviews__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.reviews__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0;
}

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

.reviews__slider {
  display: flex;
  gap: 24px;
  overflow: hidden;
}
.reviews__slider.owl-carousel.owl-loaded {
  display: block;
}

.reviews__card {
  position: relative;
  width: 100%;
  border: 1px solid rgba(52, 54, 56, 0.2);
  padding: 32px 40px;
  box-sizing: border-box;
}

.reviews__card-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 24px;
}

.reviews__card-logo {
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex-shrink: 0;
}

.reviews__card-meta {
  display: flex;
  flex-direction: column;
}

.reviews__card-company {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 17px;
  line-height: 22px;
  color: var(--white_text_black);
  opacity: 1;
  margin-bottom: 4px;
}

.reviews__card-name {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--white_text_black);
  margin: 0;
}

.reviews__card-text {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0 0 70px;
}

.reviews__card-btn {
  position: absolute;
  bottom: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(51, 54, 56, 0.35);
  background: transparent;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--white_text_black);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
}

.reviews__card-btn:hover {
  background: var(--white_text_black);
  color: #fff;
}

/* ===== FAQ ===== */
.faq {
  max-width: 1440px;
  margin: 80px auto;
}

.faq__inner {
  position: relative;
  background: #f4f4f4;
  padding: 73px 64px;
  overflow: hidden;
  display: flex;
  gap: 67px;
}

.faq__left {
  flex: 1;
}

.faq__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 28px;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq__item {
  border: 1px solid rgba(52, 54, 56, 0.2);
  cursor: pointer;
  transition: border-color 0.2s;
}

.faq__item:hover {
  border-color: rgba(52, 54, 56, 0.4);
}

.faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 14px 20px 24px;
  gap: 16px;
}

.faq__question-text {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: var(--white_text_black);
  opacity: 1;
}

.faq__question-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  background: var(--white_text_black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq__question-icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  transition: transform 0.3s;
}

.faq__item--active .faq__question-icon svg,
.faq__item--open .faq__question-icon svg {
  transform: rotate(45deg);
}

.faq__answer {
  display: none;
  padding: 0 24px 20px;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 17px;
  line-height: 26px;
  color: var(--white_text_black);
  opacity: 1;
}

.faq__item--active .faq__answer,
.faq__item--open .faq__answer {
  display: block;
}

.faq__right {
  flex-shrink: 0;
  width: 433px;
}

.faq__contact {
  background: var(--white_text_black);
  padding: 48px 43px;
  text-align: center;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.faq__contact-title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 34px;
  color: #fff;
  margin: 0 0 24px;
}

.faq__contact-desc {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  opacity: 0.7;
  margin: 0 0 24px;
  max-width: 347px;
}

.faq__contact-phone {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}

.faq__contact-phone:hover {
  opacity: 0.8;
}

.faq__contact-email {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  opacity: 0.7;
  text-decoration: none;
  margin-bottom: 45px;
  display: block;
}

.faq__contact-email:hover {
  opacity: 1;
}

.faq__contact-buttons {
  display: flex;
  gap: 12px;
}

.faq__contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 20px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.faq__contact-btn--primary {
  background: #fff;
  color: var(--white_text_black);
  border: none;
}

.faq__contact-btn--secondary {
  background: transparent;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.faq__right a:hover{
  color: #fff !important;
}

.faq__contact-btn:hover {
  opacity: 0.85;
}

/* ===== Steps ===== */
.steps {
  max-width: 1440px;
  margin: 80px auto;
}

.steps__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 40px;
}

.steps__line {
  height: 4px;
  background: var(--white_text_black);
  opacity: 0.1;
  margin-bottom: 0;
}

.steps__grid {
  display: flex;
  gap: 0;
}

.steps__item {
  flex: 1;
  padding-right: 24px;
}

.steps__item-number {
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
  gap: 12px;
  padding: 15px 0;
  top: 0;
  margin-bottom: 25px;
}

.steps__item-label {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--white_text_black);
  opacity: 0.3;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  line-height: 25px;
}

.steps__item-digit {
  height: 66px;
  width: auto;
}

.steps__item-heading {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: var(--white_text_black);
  margin: 0 0 14px;
}

.steps__item-desc {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 17px;
  line-height: 26px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0;
}

/* ===== Advantages ===== */
.advantages {
  max-width: 1440px;
  margin: 80px auto;
}

.advantages__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 16px;
}

.advantages__subtitle {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0 0 54px;
  max-width: 710px;
}

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

.advantages__card {
  position: relative;
  border: 2px solid rgba(52, 54, 56, 0.1);
  padding: 32px;
  min-height: 344px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.advantages__card-icon {
  width: 74px;
  height: 74px;
  opacity: 0.7;
  margin-bottom: 20px;
}

.advantages__card-title {
  position: relative;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: var(--white_text_black);
  margin: 0 0 12px;
}

.advantages__card-desc {
  position: relative;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0;
}

/* ===== Articles ===== */
.articles {
  max-width: 1440px;
  margin: 80px auto;
}

.articles__inner {
  background: #f4f4f4;
  padding: 72px 64px;
}

.articles__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 49px;
}

.articles__header-left {
  flex: 1;
}

.articles__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  color: var(--white_text_black);
  margin: 0 0 16px;
}

.articles__subtitle {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: var(--white_text_black);
  opacity: 1;
  margin: 0;
  max-width: 550px;
}

.articles__controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  padding-top: 60px;
}

.articles__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}
.articles__grid.owl-carousel.owl-loaded {
  display: block;
}

.articles__card {
  position: relative;
  background: #fff;
  border: 1px solid rgba(52, 54, 56, 0.1);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: block;
  transition: box-shadow 0.2s;
}

.articles__card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.articles__card-thumb {
  width: 100%;
  height: 205px;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  display: block;
}

.articles__card-body {
  padding: 24px;
  background: #F5F5F5;
  height: 100%;
  padding-top: 205px;
  display: flex;
  flex-direction: column;
}

.articles__card-tag {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(52, 54, 56, 0.2);
  font-family: 'Proxima Nova', sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: var(--white_text_black);
  opacity: 1;
  margin-bottom: 16px;
  padding: 5px 10px;
  /*height: 34px;*/
  background: white;
  /*width: 130px;*/
  justify-content: center;
}

.articles__card-title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: var(--white_text_black);
  margin: 0 0 29px;
}

.articles__card-date {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: var(--white_text_black);
  opacity: 0.5;
  display: block;
  margin-top: auto;
}

/* ===== Contact form (light) ===== */
.contact-form {
  max-width: 1310px;
  margin: 80px auto;
}

.contact-form__inner {
  position: relative;
  background: #f4f4f4;
  border: 4px solid rgba(52, 54, 56, 0.1);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 50px 80px;
  gap: 20px;
  justify-content: space-between;
}

.contact-form__title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 46px;
  color: var(--white_text_black);
  margin: 0;
  flex-shrink: 0;
  max-width: 420px;
  position: relative;
  z-index: 2;
}

.contact-form__right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 566px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.contact-form__field-row {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

.contact-form__field {
  flex: 1;
}

.contact-form__label {
  display: block;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: var(--white_text_black);
  opacity: 0.5;
  margin-bottom: 8px;
}

.contact-form__input {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  background: #fff;
  border: 1px solid rgba(52, 54, 56, 0.2);
  font-family: 'Proxima Nova', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--white_text_black);
  box-sizing: border-box;
}

.contact-form__input::placeholder {
  color: var(--white_text_black);
  opacity: 0.6;
}

.contact-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 32px;
  background: var(--white_text_black);
  border: none;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}

.contact-form__submit:hover {
  opacity: 0.85;
}

.contact-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.contact-form__checkbox-wrap {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(52, 54, 56, 0.2);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.contact-form__checkbox-wrap svg {
  width: 20px;
  height: 20px;
  fill: var(--white_text_black);
}

.contact-form__checkbox {
  display: none;
}

.contact-form__consent-text {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 15px;
  line-height: 23px;
  color: var(--white_text_black);
  opacity: 1;
}

.contact-form__consent-text a {
  font-weight: 700;
  color: var(--white_text_black);
  text-decoration: none;
}

.contact-form__consent-text a:hover {
  text-decoration: underline;
}

/* ===== Slider nav buttons (shared) ===== */
.slider-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: var(--white_text_black);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
  flex-shrink: 0;
}

.slider-btn:hover {
  opacity: 0.8;
}

.slider-btn svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}

.slider-btn--prev svg {
  transform: rotate(180deg);
}

/* ===== All button (shared) ===== */
.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(51, 54, 56, 0.35);
  background: transparent;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--white_text_black);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.btn-outline:hover {
  background: var(--white_text_black);
  color: #fff;
}

.callback__inner::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='479' height='376' viewBox='0 0 479 376' fill='none'%3E%3Cpath d='M286.613 -3.8319C268.083 -3.53943 249.767 0.209474 232.632 7.22926C214.774 14.5456 198.546 25.2697 184.878 38.7885C171.21 52.3072 160.367 68.3565 152.97 86.0195C147.951 98.0033 144.587 110.571 142.941 123.385C141.376 111.161 138.251 99.1614 133.621 87.679L132.94 86.0195C125.792 68.9083 115.421 53.3114 102.386 40.0627L101.117 38.7885C87.9106 25.6922 72.3095 15.219 55.1544 7.9256L53.4891 7.22926C35.678 -0.0869887 16.5881 -3.85254 -2.69052 -3.85254V140.167H-3.082V142.515H-2.69052V287.316C15.9858 287.316 34.4851 283.783 51.8161 276.91L53.4891 276.235C71.3003 268.918 87.4845 258.194 101.117 244.675C114.749 231.157 125.562 215.107 132.94 197.444C137.945 185.461 141.301 172.894 142.942 160.081C144.588 172.894 147.951 185.461 152.97 197.444L153.673 199.096C161.048 216.109 171.637 231.579 184.878 244.675L186.167 245.935C193.62 253.127 201.808 259.499 210.586 264.96L99.3259 376.334L100.987 377.993L212.647 266.22C219.028 270.046 225.707 273.397 232.632 276.235L234.31 276.91C250.96 283.495 268.686 287.012 286.613 287.295V378.111H288.962V191.524L407.189 309.871V310.015H407.332L475.558 378.311L477.221 376.652L409.538 308.899V69.1285L480.787 -2.1931L479.125 -3.85254L288.962 186.504V-3.85254H286.613V-3.8319ZM407.189 306.548L289.775 189.013L407.189 71.4797V306.548ZM286.613 284.947C268.388 284.655 250.375 280.965 233.523 274.062C226.889 271.344 220.485 268.147 214.358 264.507L286.613 192.178V284.947ZM-0.341644 -1.48376C17.8314 -1.19074 35.7928 2.49903 52.5968 9.4016C70.1242 16.6014 86.0489 27.154 99.462 40.4556C112.875 53.7571 123.514 69.547 130.772 86.9238C138.03 104.301 141.765 122.925 141.765 141.732C141.765 160.539 138.03 179.163 130.772 196.54C123.514 213.917 112.875 229.707 99.462 243.008C86.0489 256.31 70.1242 266.863 52.5968 274.062C35.7928 280.965 17.8314 284.654 -0.341644 284.947V215.269C8.27057 214.997 16.7729 213.232 24.7803 210.048L25.6245 209.706C34.3206 206.124 42.247 200.926 48.9802 194.394L49.6278 193.757C56.2837 187.139 61.6063 179.32 65.313 170.722L65.667 169.888C69.2849 161.203 71.194 151.91 71.2946 142.515H71.2991V140.167H71.2816C71.0862 131.038 69.1844 122.02 65.667 113.576C62.0649 104.928 56.8373 97.0467 50.2678 90.3512L49.6278 89.7068C42.7573 82.8748 34.6012 77.455 25.6245 73.7575C17.3716 70.3583 8.57379 68.4768 -0.341644 68.1952V-1.48376ZM286.613 188.855L212.291 263.253C202.976 257.507 194.329 250.72 186.53 243.007C173.081 229.705 162.414 213.914 155.137 196.538C147.86 179.162 144.114 160.539 144.114 141.732C144.114 122.925 147.86 104.302 155.137 86.9261C162.414 69.5496 173.081 53.759 186.53 40.4571C199.979 27.1552 215.948 16.6026 233.523 9.40236C250.375 2.49852 268.388 -1.19148 286.613 -1.48376V188.855ZM68.9457 142.515C68.8452 151.6 66.9974 160.586 63.4986 168.986C59.8994 177.626 54.6234 185.478 47.9717 192.092C41.3198 198.707 33.4219 203.955 24.7291 207.536C16.7604 210.818 8.26675 212.638 -0.341644 212.919V142.515H68.9457ZM-0.341644 70.5441C8.26678 70.8249 16.7604 72.6461 24.7291 75.9283C33.4219 79.5088 41.3198 84.757 47.9717 91.3716C54.6234 97.9861 59.8994 105.838 63.4986 114.478C66.8969 122.637 68.7369 131.348 68.9319 140.167H-0.341644V70.5441Z' fill='%233F403F'/%3E%3C/svg%3E");
  position: absolute;
}

.callback__inner::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='479' height='376' viewBox='0 0 479 376' fill='none'%3E%3Cpath d='M191.862 -3.8319C210.393 -3.53943 228.708 0.209474 245.843 7.22926C263.702 14.5456 279.929 25.2697 293.597 38.7885C307.266 52.3072 318.108 68.3565 325.505 86.0195C330.524 98.0033 333.888 110.571 335.534 123.385C337.1 111.161 340.225 99.1614 344.855 87.679L345.536 86.0195C352.683 68.9083 363.055 53.3114 376.09 40.0627L377.359 38.7885C390.565 25.6922 406.166 15.219 423.321 7.9256L424.986 7.22926C442.797 -0.0869887 461.887 -3.85254 481.166 -3.85254V140.167H481.557V142.515H481.166V287.316C462.49 287.316 443.99 283.783 426.659 276.91L424.986 276.235C407.175 268.918 390.991 258.194 377.359 244.675C363.727 231.157 352.913 215.107 345.536 197.444C340.531 185.461 337.175 172.894 335.533 160.081C333.887 172.894 330.524 185.461 325.505 197.444L324.802 199.096C317.428 216.109 306.839 231.579 293.597 244.675L292.308 245.935C284.856 253.127 276.667 259.499 267.89 264.96L379.15 376.334L377.488 377.993L265.828 266.22C259.448 270.046 252.769 273.397 245.843 276.235L244.166 276.91C227.515 283.495 209.789 287.012 191.862 287.295V378.111H189.514V191.524L71.2867 309.871V310.015H71.143L2.91693 378.311L1.25467 376.652L68.9378 308.899V69.1285L-2.31146 -2.1931L-0.649203 -3.85254L189.514 186.504V-3.85254H191.862V-3.8319ZM71.2867 306.548L188.701 189.013L71.2867 71.4797V306.548ZM191.862 284.947C210.088 284.655 228.1 280.965 244.952 274.062C251.586 271.344 257.99 268.147 264.117 264.507L191.862 192.178V284.947ZM478.817 -1.48376C460.644 -1.19074 442.683 2.49903 425.879 9.4016C408.351 16.6014 392.426 27.154 379.013 40.4556C365.6 53.7571 354.962 69.547 347.703 86.9238C340.445 104.301 336.71 122.925 336.71 141.732C336.71 160.539 340.445 179.163 347.703 196.54C354.962 213.917 365.6 229.707 379.013 243.008C392.426 256.31 408.351 266.863 425.879 274.062C442.683 280.965 460.644 284.654 478.817 284.947V215.269C470.205 214.997 461.703 213.232 453.695 210.048L452.851 209.706C444.155 206.124 436.228 200.926 429.495 194.394L428.848 193.757C422.192 187.139 416.869 179.32 413.162 170.722L412.808 169.888C409.19 161.203 407.281 151.91 407.181 142.515H407.176V140.167H407.194C407.389 131.038 409.291 122.02 412.808 113.576C416.41 104.928 421.638 97.0467 428.208 90.3512L428.848 89.7068C435.718 82.8748 443.874 77.455 452.851 73.7575C461.104 70.3583 469.902 68.4768 478.817 68.1952V-1.48376ZM191.862 188.855L266.185 263.253C275.5 257.507 284.147 250.72 291.945 243.007C305.394 229.705 316.061 213.914 323.338 196.538C330.616 179.162 334.361 160.539 334.361 141.732C334.361 122.925 330.616 104.302 323.338 86.9261C316.061 69.5496 305.394 53.759 291.945 40.4571C278.496 27.1552 262.528 16.6026 244.952 9.40236C228.1 2.49852 210.088 -1.19148 191.862 -1.48376V188.855ZM409.53 142.515C409.63 151.6 411.478 160.586 414.977 168.986C418.576 177.626 423.852 185.478 430.504 192.092C437.156 198.707 445.054 203.955 453.746 207.536C461.715 210.818 470.209 212.638 478.817 212.919V142.515H409.53ZM478.817 70.5441C470.209 70.8249 461.715 72.6461 453.746 75.9283C445.054 79.5088 437.156 84.757 430.504 91.3716C423.852 97.9861 418.576 105.838 414.977 114.478C411.578 122.637 409.738 131.348 409.543 140.167H478.817V70.5441Z' fill='%233F403F'/%3E%3C/svg%3E");
  width: 479px;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

.callback__inner::before {
  top: 0;
  left: 0;
  display: block;
  width: 479px;
  height: 100%;
  opacity: 0.6;
}

.steps__item-number::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 4px;
  width: 130px;
  right: 15px;
  margin: auto;
  background: #EBEBEC;
}

.steps__item:nth-last-child(1) .steps__item-number::before {
  display: none;
}

.advantages__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='429' height='340' viewBox='0 0 429 340' fill='none'%3E%3Cpath d='M168.513 -3.48562C185.368 -3.2196 202.027 0.190309 217.613 6.57533C233.856 13.2301 248.616 22.9845 261.049 35.2808C273.481 47.5771 283.343 62.1751 290.071 78.2409C294.636 89.1411 297.696 100.572 299.193 112.228C300.617 101.109 303.46 90.1945 307.671 79.7503L308.291 78.2409C314.791 62.677 324.225 48.4904 336.082 36.4398L337.236 35.2808C349.248 23.3688 363.438 13.8426 379.042 7.2087L380.557 6.57533C396.757 -0.0793459 414.121 -3.5044 431.656 -3.50439V127.492H432.012V129.628H431.656V261.336C414.669 261.336 397.842 258.121 382.078 251.87L380.557 251.256C364.356 244.601 349.635 234.847 337.236 222.55C324.837 210.254 315.001 195.656 308.291 179.59C303.738 168.69 300.686 157.26 299.192 145.605C297.695 157.26 294.636 168.69 290.071 179.59L289.432 181.093C282.724 196.567 273.093 210.638 261.049 222.55L259.876 223.696C253.098 230.238 245.649 236.034 237.666 241.001L338.865 342.304L337.354 343.813L235.791 242.147C229.987 245.627 223.912 248.675 217.613 251.256L216.087 251.87C200.942 257.86 184.819 261.059 168.513 261.316V343.92H166.377V174.205L58.8406 281.851V281.982H58.7099L-3.3468 344.102L-4.85875 342.593L56.7041 280.967V62.8773L-8.10242 -1.99501L-6.59047 -3.50439L166.377 169.639V-3.50439H168.513V-3.48562ZM58.8406 278.828L165.637 171.922L58.8406 65.0159V278.828ZM168.513 259.18C185.09 258.914 201.474 255.559 216.802 249.279C222.836 246.807 228.661 243.9 234.234 240.589L168.513 174.8V259.18ZM429.52 -1.34982C412.99 -1.08329 396.653 2.27283 381.368 8.55123C365.426 15.1 350.941 24.6984 338.741 36.7971C326.541 48.8958 316.864 63.258 310.262 79.0634C303.66 94.8689 300.263 111.809 300.263 128.916C300.263 146.022 303.66 162.962 310.262 178.768C316.864 194.573 326.541 208.935 338.741 221.034C350.941 233.133 365.426 242.731 381.368 249.28C396.653 255.558 412.99 258.914 429.52 259.18V195.803C421.686 195.555 413.953 193.95 406.669 191.054L405.902 190.743C397.992 187.485 390.782 182.757 384.658 176.815L384.069 176.236C378.015 170.216 373.173 163.105 369.802 155.284L369.48 154.526C366.189 146.626 364.453 138.174 364.361 129.628H364.357V127.492H364.373C364.551 119.188 366.281 110.986 369.48 103.305C372.756 95.4399 377.511 88.2709 383.487 82.1809L384.069 81.5948C390.318 75.3806 397.737 70.4509 405.902 67.0877C413.408 63.9959 421.411 62.2845 429.52 62.0284V-1.34982ZM168.513 171.778L236.115 239.448C244.587 234.221 252.452 228.048 259.546 221.033C271.779 208.934 281.481 194.571 288.1 178.766C294.72 162.961 298.126 146.022 298.126 128.916C298.126 111.81 294.72 94.8706 288.1 79.0655C281.481 63.2603 271.779 48.8976 259.546 36.7985C247.313 24.6995 232.789 15.1011 216.802 8.55192C201.474 2.27237 185.09 -1.08397 168.513 -1.34982V171.778ZM366.498 129.628C366.589 137.892 368.27 146.065 371.452 153.705C374.726 161.564 379.525 168.706 385.575 174.722C391.626 180.739 398.809 185.512 406.716 188.769C413.964 191.754 421.69 193.41 429.52 193.666V129.628H366.498ZM429.52 64.1649C421.69 64.4203 413.964 66.0768 406.716 69.0622C398.809 72.319 391.626 77.0926 385.575 83.1091C379.525 89.1255 374.726 96.2672 371.452 104.126C368.361 111.547 366.688 119.471 366.51 127.492H429.52V64.1649Z' fill='%23EBEBEB'/%3E%3C/svg%3E");
  background-size: cover;
}

.contact-form__inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='414' height='256' viewBox='0 0 414 256' fill='none'%3E%3Cpath d='M260.487 -3.48562C243.632 -3.2196 226.973 0.190309 211.387 6.57533C195.144 13.2301 180.384 22.9845 167.951 35.2808C155.519 47.5771 145.657 62.1751 138.929 78.2409C134.364 89.1411 131.304 100.572 129.807 112.228C128.383 101.109 125.54 90.1945 121.329 79.7503L120.709 78.2409C114.209 62.677 104.775 48.4904 92.9185 36.4398L91.764 35.2808C79.7522 23.3688 65.5618 13.8426 49.958 7.2087L48.4433 6.57533C32.2427 -0.0793459 14.8791 -3.5044 -2.65628 -3.50439V127.492H-3.01236V129.628H-2.65628V261.336C14.3312 261.336 31.1577 258.121 46.9216 251.87L48.4433 251.256C64.6439 244.601 79.3646 234.847 91.764 222.55C104.163 210.254 113.999 195.656 120.709 179.59C125.262 168.69 128.314 157.26 129.808 145.605C131.305 157.26 134.364 168.69 138.929 179.59L139.568 181.093C146.276 196.567 155.907 210.638 167.951 222.55L169.124 223.696C175.902 230.238 183.351 236.034 191.334 241.001L90.1352 342.304L91.6465 343.813L193.209 242.147C199.013 245.627 205.088 248.675 211.387 251.256L212.913 251.87C228.058 257.86 244.181 261.059 260.487 261.316V343.92H262.623V174.205L370.159 281.851V281.982H370.29L432.347 344.102L433.859 342.593L372.296 280.967V62.8773L437.102 -1.99501L435.59 -3.50439L262.623 169.639V-3.50439H260.487V-3.48562ZM370.159 278.828L263.363 171.922L370.159 65.0159V278.828ZM260.487 259.18C243.91 258.914 227.526 255.559 212.198 249.279C206.164 246.807 200.339 243.9 194.766 240.589L260.487 174.8V259.18ZM-0.519775 -1.34982C16.0099 -1.08329 32.3472 2.27283 47.6317 8.55123C63.5742 15.1 78.0589 24.6984 90.259 36.7971C102.459 48.8958 112.136 63.258 118.738 79.0634C125.34 94.8689 128.737 111.809 128.737 128.916C128.737 146.022 125.34 162.962 118.738 178.768C112.136 194.573 102.459 208.935 90.259 221.034C78.0589 233.133 63.5742 242.731 47.6317 249.28C32.3472 255.558 16.0099 258.914 -0.519775 259.18V195.803C7.31366 195.555 15.0471 193.95 22.3305 191.054L23.0983 190.743C31.0081 187.485 38.2178 182.757 44.3421 176.815L44.9312 176.236C50.9852 170.216 55.8265 163.105 59.198 155.284L59.52 154.526C62.8108 146.626 64.5472 138.174 64.6387 129.628H64.6428V127.492H64.6268C64.4492 119.188 62.7194 110.986 59.52 103.305C56.2436 95.4399 51.4887 88.2709 45.5133 82.1809L44.9312 81.5948C38.6819 75.3806 31.2633 70.4509 23.0983 67.0877C15.5918 63.9959 7.58945 62.2845 -0.519775 62.0284V-1.34982ZM260.487 171.778L192.885 239.448C184.413 234.221 176.548 228.048 169.454 221.033C157.221 208.934 147.519 194.571 140.9 178.766C134.28 162.961 130.874 146.022 130.874 128.916C130.874 111.81 134.28 94.8706 140.9 79.0655C147.519 63.2603 157.221 48.8976 169.454 36.7985C181.687 24.6995 196.211 15.1011 212.198 8.55192C227.526 2.27237 243.91 -1.08397 260.487 -1.34982V171.778ZM62.5022 129.628C62.4108 137.892 60.7301 146.065 57.5477 153.705C54.2739 161.564 49.475 168.706 43.4248 174.722C37.3744 180.739 30.1906 185.512 22.2839 188.769C15.0358 191.754 7.31021 193.41 -0.519775 193.666V129.628H62.5022ZM-0.519775 64.1649C7.31021 64.4203 15.0358 66.0768 22.2839 69.0622C30.1906 72.319 37.3744 77.0926 43.4248 83.1091C49.475 89.1255 54.2739 96.2672 57.5477 104.126C60.6387 111.547 62.3123 119.471 62.4897 127.492H-0.519775V64.1649Z' fill='%23EBEBEB'/%3E%3C/svg%3E");
  width: 414px;
  height: 100%;
  opacity: 0.8;
}

.contact-form__inner::after {
  content: "";
  position: absolute;
  opacity: 0.8;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='414' height='256' viewBox='0 0 414 256' fill='none'%3E%3Cpath d='M153.513 -3.48562C170.368 -3.2196 187.027 0.190309 202.613 6.57533C218.856 13.2301 233.616 22.9845 246.049 35.2808C258.481 47.5771 268.343 62.1751 275.071 78.2409C279.636 89.1411 282.696 100.572 284.193 112.228C285.617 101.109 288.46 90.1945 292.671 79.7503L293.291 78.2409C299.791 62.677 309.225 48.4904 321.082 36.4398L322.236 35.2808C334.248 23.3688 348.438 13.8426 364.042 7.2087L365.557 6.57533C381.757 -0.0793459 399.121 -3.5044 416.656 -3.50439V127.492H417.012V129.628H416.656V261.336C399.669 261.336 382.842 258.121 367.078 251.87L365.557 251.256C349.356 244.601 334.635 234.847 322.236 222.55C309.837 210.254 300.001 195.656 293.291 179.59C288.738 168.69 285.686 157.26 284.192 145.605C282.695 157.26 279.636 168.69 275.071 179.59L274.432 181.093C267.724 196.567 258.093 210.638 246.049 222.55L244.876 223.696C238.098 230.238 230.649 236.034 222.666 241.001L323.865 342.304L322.354 343.813L220.791 242.147C214.987 245.627 208.912 248.675 202.613 251.256L201.087 251.87C185.942 257.86 169.819 261.059 153.513 261.316V343.92H151.377V174.205L43.8406 281.851V281.982H43.7099L-18.3468 344.102L-19.8588 342.593L41.7041 280.967V62.8773L-23.1024 -1.99501L-21.5905 -3.50439L151.377 169.639V-3.50439H153.513V-3.48562ZM43.8406 278.828L150.637 171.922L43.8406 65.0159V278.828ZM153.513 259.18C170.09 258.914 186.474 255.559 201.802 249.279C207.836 246.807 213.661 243.9 219.234 240.589L153.513 174.8V259.18ZM414.52 -1.34982C397.99 -1.08329 381.653 2.27283 366.368 8.55123C350.426 15.1 335.941 24.6984 323.741 36.7971C311.541 48.8958 301.864 63.258 295.262 79.0634C288.66 94.8689 285.263 111.809 285.263 128.916C285.263 146.022 288.66 162.962 295.262 178.768C301.864 194.573 311.541 208.935 323.741 221.034C335.941 233.133 350.426 242.731 366.368 249.28C381.653 255.558 397.99 258.914 414.52 259.18V195.803C406.686 195.555 398.953 193.95 391.669 191.054L390.902 190.743C382.992 187.485 375.782 182.757 369.658 176.815L369.069 176.236C363.015 170.216 358.173 163.105 354.802 155.284L354.48 154.526C351.189 146.626 349.453 138.174 349.361 129.628H349.357V127.492H349.373C349.551 119.188 351.281 110.986 354.48 103.305C357.756 95.4399 362.511 88.2709 368.487 82.1809L369.069 81.5948C375.318 75.3806 382.737 70.4509 390.902 67.0877C398.408 63.9959 406.411 62.2845 414.52 62.0284V-1.34982ZM153.513 171.778L221.115 239.448C229.587 234.221 237.452 228.048 244.546 221.033C256.779 208.934 266.481 194.571 273.1 178.766C279.72 162.961 283.126 146.022 283.126 128.916C283.126 111.81 279.72 94.8706 273.1 79.0655C266.481 63.2603 256.779 48.8976 244.546 36.7985C232.313 24.6995 217.789 15.1011 201.802 8.55192C186.474 2.27237 170.09 -1.08397 153.513 -1.34982V171.778ZM351.498 129.628C351.589 137.892 353.27 146.065 356.452 153.705C359.726 161.564 364.525 168.706 370.575 174.722C376.626 180.739 383.809 185.512 391.716 188.769C398.964 191.754 406.69 193.41 414.52 193.666V129.628H351.498ZM414.52 64.1649C406.69 64.4203 398.964 66.0768 391.716 69.0622C383.809 72.319 376.626 77.0926 370.575 83.1091C364.525 89.1255 359.726 96.2672 356.452 104.126C353.361 111.547 351.688 119.471 351.51 127.492H414.52V64.1649Z' fill='%23EBEBEB'/%3E%3C/svg%3E");
  background-size: cover;
  width: 414px;
  height: 100%;
}

.articles__card-thumb {
  width: 100% !important;
  height: 181px !important;
  display: block !important;
}

.reviews__card-logo {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
}

.reviews__card-name {
  font-size: 20px;
  line-height: 28px;
}

.team__nav {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.team__wrapper {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.slider-btn.slider-btn--prev {
  transform: rotate(-180deg);
}

.team__nav-btn.team__nav-btn--prev {
  transform: rotate(-180deg);
  position: relative;
  left: -114px;
}

.team__nav-btn.team__nav-btn--next {
  position: relative;
  left: 115px;
}

.reviews__slider .owl-item {
  height: 100%;
}

.ap-new-footer__cta-btn:hover {
  color: var(--white_text_black) !important;
}

.faq__right a.faq__contact-btn.faq__contact-btn--primary:hover {
  color: var(--white_text_black) !important;
}

/* ===== Sticky CTA Button ===== */
.sticky-cta {
  position: fixed;
  bottom: 85px;
  right: 32px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}

.sticky-cta--visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sticky-cta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 32px;
  background: var(--white_text_black);
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.sticky-cta__btn:hover {
  background: #1a1b1c;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.25);
}
.detail.services .owl-item {
  height: 100%;
  display: flex;
}

.detail.services .owl-stage {
  display: flex;
}

.detail.services .owl-stage-outer {
  display: flex;
}
/* ===== RESPONSIVE ===== */

/* ---------- Tablet (max 1200px) ---------- */
@media (max-width: 1200px) {
  .banner__title {
    font-size: 42px;
    line-height: 46px;
  }
  .banner__content {
    padding: 40px;
  }

  .callback__inner {
    padding: 50px 40px;
    gap: 40px;
  }
  .callback__title {
    font-size: 32px;
    line-height: 36px;
  }

  .faq__inner {
    padding: 50px 40px;
    gap: 40px;
  }
  .faq__right {
    width: 300px;
  }

  .steps__grid {
    flex-wrap: wrap;
  }
  .steps__item {
    flex: 0 0 calc(50% - 12px);
    padding-right: 0;
    margin-bottom: 32px;
  }
  .steps__item-number::before {
    display: none;
  }

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

  .articles__inner {
    padding: 50px 40px;
  }
  .articles__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .contact-form__inner {
    padding: 40px;
  }
  .contact-form__title {
    font-size: 36px;
    line-height: 40px;
  }

  .team__nav-btn.team__nav-btn--prev {
    left: -60px;
  }
  .team__nav-btn.team__nav-btn--next {
    left: 60px;
  }

  .text-block__title,
  .team__title,
  .reviews__title,
  .faq__title,
  .steps__title,
  .advantages__title,
  .articles__title {
    font-size: 36px;
    line-height: 40px;
  }
}

/* ---------- Small tablet (max 992px) ---------- */
@media (max-width: 992px) {
  .banner__title {
    font-size: 34px;
    line-height: 38px;
  }
  .banner__buttons {
    flex-direction: column;
    gap: 12px;
  }
  .banner__btn {
    text-align: center;
  }

  .service-tags__list {
    gap: 12px;
  }

  .callback__inner {
    flex-direction: column;
    gap: 32px;
  }
  .callback__left {
    max-width: 100%;
  }

  .faq__inner {
    flex-direction: column;
    gap: 32px;
  }
  .faq__right {
    width: 100%;
  }
  .faq__contact {
    max-width: 100%;
  }

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

  .articles__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-form__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .contact-form__right {
    max-width: 100%;
  }
  .contact-form__title {
    font-size: 32px;
    line-height: 36px;
  }

  .team__nav-btn.team__nav-btn--prev {
    left: -20px;
  }
  .team__nav-btn.team__nav-btn--next {
    left: 20px;
  }

  .text-block__title,
  .team__title,
  .reviews__title,
  .faq__title,
  .steps__title,
  .advantages__title,
  .articles__title {
    font-size: 30px;
    line-height: 34px;
  }

  .reviews__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .articles__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sticky-cta {
    bottom: 0;
    right: 0;
    width: 100%;
  }

  .sticky-cta__btn {
    height: 40px;
    font-size: 14px;
  }


}

/* ---------- Mobile (max 768px) ---------- */
@media (max-width: 768px) {
  .banner {
    margin: 16px auto 24px;
  }
  .banner__content {
    padding: 32px 24px;
  }
  .banner__title {
    font-size: 28px;
    line-height: 32px;
  }
  .banner__label {
    font-size: 13px;
  }

  .service-tags {
    margin-bottom: 32px;
  }
  .service-tags__item {
    font-size: 14px;
    padding: 10px 18px;
  }

  .text-block {
    margin: 48px auto;
  }
  .text-block__title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .text-block__body p {
    font-size: 16px;
    line-height: 24px;
  }

  .team {
    margin: 48px auto;
  }
  .team__title {
    font-size: 26px;
    line-height: 30px;
  }
  .team__wrapper {
    max-width: 100%;
  }

  .callback {
    margin: 48px auto;
  }
  .callback__inner {
    padding: 32px 24px;
  }
  .callback__pretitle {
    font-size: 14px;
  }
  .callback__title {
    font-size: 26px;
    line-height: 30px;
  }
  .callback__desc {
    font-size: 15px;
  }
  .callback__fields {
    flex-direction: column;
  }

  .reviews {
    margin: 48px auto;
  }
  .reviews__title {
    font-size: 26px;
    line-height: 30px;
  }
  .reviews__controls {
    flex-wrap: wrap;
    gap: 8px;
  }

  .faq {
    margin: 48px auto;
  }
  .faq__inner {
    padding: 32px 24px;
  }
  .faq__title {
    font-size: 26px;
    line-height: 30px;
  }
  .faq__question {
    padding: 16px;
  }
  .faq__answer {
    padding: 0 16px 16px;
  }
  .faq__contact {
    padding: 32px 24px;
  }
  .faq__contact-title {
    font-size: 22px;
    line-height: 26px;
  }
  .faq__contact-buttons {
    flex-direction: column;
  }

  .steps {
    margin: 48px auto;
  }
  .steps__title {
    font-size: 26px;
    line-height: 30px;
  }
  .steps__grid {
    flex-direction: column;
    gap: 24px;
  }
  .steps__item {
    flex: 1 1 100%;
    margin-bottom: 0;
  }

  .advantages {
    margin: 48px auto;
  }
  .advantages__title {
    font-size: 26px;
    line-height: 30px;
  }
  .advantages__subtitle {
    font-size: 16px;
  }
  .advantages__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .articles {
    margin: 48px auto;
  }
  .articles__inner {
    padding: 32px 24px;
  }
  .articles__title {
    font-size: 26px;
    line-height: 30px;
  }
  .articles__grid {
    grid-template-columns: 1fr;
  }

  .contact-form {
    margin: 48px auto;
  }
  .contact-form__inner {
    padding: 32px 24px;
  }
  .contact-form__title {
    font-size: 26px;
    line-height: 30px;
  }
  .contact-form__field-row {
    flex-direction: column;
    gap: 16px;
  }
  .contact-form__submit {
    width: 100%;
  }

  .slider-btn {
    width: 40px;
    height: 40px;
  }
  .banner__content {
    padding: 24px 16px;
  }
  .banner__title {
    font-size: 24px;
    line-height: 28px;
  }
  .banner__btn {
    font-size: 12px;
    padding: 14px 24px;
    height: 48px;
  }

  .text-block__title,
  .team__title,
  .reviews__title,
  .faq__title,
  .steps__title,
  .advantages__title,
  .articles__title,
  .contact-form__title {
    font-size: 22px;
    line-height: 26px;
  }

  .callback__inner {
    padding: 24px 16px;
  }
  .callback__title {
    font-size: 22px;
    line-height: 26px;
  }

  .faq__inner {
    padding: 24px 16px;
  }
  .faq__contact {
    padding: 24px 16px;
  }

  .articles__inner {
    padding: 24px 16px;
  }

  .contact-form__inner {
    padding: 24px 16px;
  }

  .reviews__card {
    padding: 24px;
  }
  .reviews__card-text {
    font-size: 15px;
    line-height: 22px;
  }

  .advantages__card {
    padding: 32px 24px;
  }

  .banner__overlay {
    width: 100%;
    opacity: 0.4;
  }

  .team__nav {
    z-index: 10;
  }

  .btn-outline {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }

  .reviews__controls {
    width: 100%;
    justify-content: flex-start;
  }
  
  .btn-outline {
    width: 100%;
  }

  .faq__contact-buttons {
    width: 100%;
  }

  .articles__controls {
    padding-top: 0;
  }

  .articles__header {
    margin-bottom: 24px;
  }

  .contact-form__field {
    width: 100%;
  }

  .text-block h2 {
    font-size: 24px;
  }

  .text-block h3 {
    font-size: 20px;
  }

  .slider-btn.slider-btn--prev {
    transform: rotate(0);
  }

}






/* End */
/* /bitrix/templates/aspro-allcorp3/css/ap-services-detail.css?178524234255518 */