/* Start:/local/templates/main/assets/css/site-dev-page.min.css?179135729744304*/
.site-dev-page { position: relative; background: var(--color-white,#fff); overflow-x: clip; color: var(--color-deep-grey,currentColor) } .site-dev-hero { position: relative; z-index: 1; min-height: 800px; overflow: visible } .site-dev-hero .container { position: relative } @media (max-width: 767px) { .site-dev-page { overflow-x:visible } .site-dev-hero .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 520px } } @media (min-width: 768px) and (max-width:1279px) { .site-dev-hero { padding-bottom:0; min-height: 480px } .site-dev-hero .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .site-dev-hero__inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 9; padding-top: 200px; max-width: 838px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-hero__inner { margin-right:auto; padding-top: 105px; width: 100% } } @media (max-width: 767px) { .site-dev-hero { padding-bottom:32px; min-height: 0; overflow: visible } .site-dev-hero__inner { display: contents; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } } .site-dev-hero__bg-gradient,.site-dev-sol__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 900px; height: 900px; pointer-events: none } .site-dev-hero__bg-gradient svg,.site-dev-sol__bg-gradient svg { display: block; z-index: 0; width: 100%; height: 100% } .site-dev-hero__bg-gradient--blue,.site-dev-sol__bg-gradient--blue { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media (max-width: 1279px) { .site-dev-hero__bg-gradient--blue,.site-dev-sol__bg-gradient--blue { top:48% } } @media (max-width: 767px) { .site-dev-hero__bg-gradient--blue,.site-dev-sol__bg-gradient--blue { top:40%; left: 50% } } .site-dev-hero__bg-gradient--green,.site-dev-sol__bg-gradient--green { top: 50%; left: calc(17% + 100px); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media (max-width: 1279px) { .site-dev-hero__bg-gradient--green,.site-dev-sol__bg-gradient--green { top:38%; left: calc(12% + 100px) } .site-dev-hero__bg-gradient,.site-dev-sol__bg-gradient { width: 700px; height: 700px } } @media (max-width: 767px) { .site-dev-hero__bg-gradient--green,.site-dev-sol__bg-gradient--green { top:30%; left: calc(10% + 50px) } .site-dev-hero__bg-gradient,.site-dev-sol__bg-gradient { width: 480px; height: 480px } } .site-dev-hero__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; margin-bottom: 80px } @media (max-width: 767px) { .site-dev-hero__text { position:relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; gap: 12px; z-index: 2; margin-bottom: 0; padding-top: 80px; width: 100%; max-width: 329px; text-align: center } } .site-dev-hero__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 64px; line-height: 1.3; font-family: var(--base-font, "Roboto", sans-serif) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-hero__text { margin-bottom:0; width: 100% } .site-dev-hero__title { width: 100%; max-width: 561px; font-size: 42px } } @media (max-width: 767px) { .site-dev-hero__title { max-width:none; font-size: 24px; text-align: center } } .site-dev-hero__lead { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font, "Roboto", sans-serif) } .site-dev-hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-hero__lead { width:100%; max-width: 77vw } .site-dev-hero__actions { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 32px; margin-right: auto; padding-bottom: 32px; width: 100%; max-width: 678px } } @media (max-width: 767px) { .site-dev-hero__lead { font-size:14px; text-align: center } .site-dev-hero__actions { position: absolute; top: 353px; left: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; gap: 16px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; margin-left: auto; padding-top: 0; padding-bottom: 0; width: 100%; max-width: 100% } } .site-dev-hero__btn-secondary { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.1; font-family: var(--base-font, "Roboto", sans-serif); text-decoration: none } .site-dev-hero__btn-secondary:hover { opacity: .85 } .site-dev-hero__btn-secondary-icon { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px } .site-dev-hero__visual { position: absolute; top: 0; right: -200px; z-index: -11; margin: 0; isolation: isolate; width: 848px; height: 848px; pointer-events: none } @media (min-width: 768px) and (max-width:1279px) { .site-dev-hero__visual { position:absolute; top: 23px; right: -186px; margin: 0; aspect-ratio: auto; width: 557px; height: 410px } } .site-dev-hero__visual-photo { position: absolute; inset: 0; border-radius: 50%; overflow: hidden } .site-dev-hero__visual-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 767px) { .site-dev-hero .btn--primary { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 208px; padding: 16px 20px } .site-dev-hero__visual { position: absolute; top: 173px; right: auto; left: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; aspect-ratio: auto; width: 424px; height: 371px } .site-dev-hero__visual-photo { border-radius: 0 } } .site-dev-hero__visual-gradient { position: absolute; opacity: .95; mix-blend-mode: color; inset: 0; border-radius: 50%; background: linear-gradient(98.536deg,#34ae6b 3.22%,#2587f9 86.86%); pointer-events: none; mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-hero-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-hero-mask.webp); mask-position: center; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover } .site-dev-section { padding: 75px 0 } @media (max-width: 1279px) { .site-dev-section { padding:50px 0 } } .site-dev-section__title { margin: 0 0 20px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font, "Roboto", sans-serif) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-section__title { font-size:26px } } @media (max-width: 767px) { .site-dev-hero__visual-gradient { border-radius:0 } .site-dev-section { padding: 35px 0 } .site-dev-section__title { font-size: 20px } } .site-dev-section__text { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3 } .site-dev-types__intro { margin-bottom: 56px; max-width: 1257px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-section__text { font-size:14px } .site-dev-types__intro { margin-bottom: 40px } } .site-dev-types { position: relative; z-index: 0; overflow: visible } .site-dev-types__container { position: relative; z-index: 0 } .site-dev-types__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .site-dev-types__grid,.site-dev-types__intro { position: relative; z-index: 1 } .site-dev-types__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 900px; height: 900px; pointer-events: none } .site-dev-types__bg-gradient svg { display: block; width: 100%; height: 100% } .site-dev-types__bg-gradient--blue { top: 120px; left: -200px } .site-dev-types__bg-gradient--green { top: 19%; right: -200px } @media (max-width: 1279px) { .site-dev-types__bg-gradient { width:700px; height: 700px } .site-dev-types__bg-gradient--blue { top: 100px; left: -120px } .site-dev-types__bg-gradient--green { top: 30%; right: -120px } } .site-dev-types__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } @media (max-width: 767px) { .site-dev-section__text { font-size:14px } .site-dev-types__intro { margin-bottom: 24px } .site-dev-types__bg-gradient { width: 480px; height: 480px } .site-dev-types__bg-gradient--blue { top: 24%; left: -110px } .site-dev-types__bg-gradient--green { top: 52%; right: -110px } .site-dev-types__grid { gap: 16px } } .site-dev-types__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px } .site-dev-types-card { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px; min-height: 310px; overflow: hidden } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card { padding:24px; min-height: 200px } } @media (max-width: 767px) { .site-dev-types__row { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .site-dev-types-card { border-radius: 10px; padding: 12px; min-height: 250px } } .site-dev-types-card--half { -webkit-box-flex: 1; -ms-flex: 1 1 300px; flex: 1 1 300px; width: calc(50% - 12px); max-width: 648px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card--half { -webkit-box-flex:1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: none } } @media (max-width: 767px) { .site-dev-types-card--half { width:100%; max-width: none } } .site-dev-types-card--full { display: block; position: relative; padding: 40px; width: 100%; max-width: 1320px; min-height: 0; overflow: hidden } @media (max-width: 1279px) { .site-dev-types-card--full { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px } } .site-dev-types-card--full .site-dev-types-card__body { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; z-index: 1; margin-right: auto; width: 100%; max-width: 917px } @media (min-width: 1280px) { .site-dev-types-card--full .site-dev-types-card__body { max-width:min(917px,100% - 420px) } } .site-dev-types-card--full .site-dev-types-card__links { margin-top: 0 } .site-dev-types-card--full .site-dev-types-card__aside { position: absolute; top: -94px; right: -40px; -ms-flex-negative: 0; flex-shrink: 0; width: 498px; height: 498px } @media (max-width: 1279px) { .site-dev-types-card--full .site-dev-types-card__aside { position:relative; top: auto; right: auto; margin: 24px auto 0; aspect-ratio: 1; width: 100%; max-width: 400px; height: auto } } .site-dev-types-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; max-width: 544px } @media (max-width: 767px) { .site-dev-types-card--full { padding:12px } .site-dev-types-card--full .site-dev-types-card__aside { max-width: 280px } .site-dev-types-card__body { gap: 8px; height: 100% } } .site-dev-types-card__decor { display: none; z-index: 0; pointer-events: none } .site-dev-types-card__decor-img { display: block; width: auto; max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain } .site-dev-types-card--decor-1 .site-dev-types-card__body { position: relative; z-index: 1 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card--decor-1 .site-dev-types-card__decor { display:block; position: absolute; right: -2px; bottom: 0 } .site-dev-types-card--decor-1 .site-dev-types-card__decor-img { width: 225px; height: 225px } } @media (max-width: 767px) { .site-dev-types-card--decor-1 .site-dev-types-card__decor { display:block; position: absolute; right: 0; bottom: 0 } .site-dev-types-card--decor-1 .site-dev-types-card__decor-img { width: 225px; height: 225px } } .site-dev-types-card--decor-2 .site-dev-types-card__body { position: relative; z-index: 1 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card--decor-2 .site-dev-types-card__decor { display:block; position: absolute; right: -55px; bottom: 0 } .site-dev-types-card--decor-2 .site-dev-types-card__decor-img { width: 225px; height: 225px } } @media (max-width: 767px) { .site-dev-types-card--decor-2 .site-dev-types-card__decor { display:block; position: absolute; right: -55px; bottom: 0 } .site-dev-types-card--decor-2 .site-dev-types-card__decor-img { width: 225px; height: 225px } } .site-dev-types-card--decor-3 .site-dev-types-card__body { position: relative; z-index: 1 } .site-dev-types-card__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card--decor-3 .site-dev-types-card__decor { display:block; position: absolute; right: 0; bottom: 0 } .site-dev-types-card--decor-3 .site-dev-types-card__decor-img { width: 225px; height: 225px } .site-dev-types-card--decor-3 .site-dev-types-card__aside { display: none } .site-dev-types-card__title { font-size: 18px } } @media (max-width: 767px) { .site-dev-types-card--decor-3 .site-dev-types-card__decor { display:block; position: absolute; right: 0; bottom: 0 } .site-dev-types-card--decor-3 .site-dev-types-card__decor-img { width: 225px; height: 225px } .site-dev-types-card--decor-3 .site-dev-types-card__aside { display: none } .site-dev-types-card__title { font-size: 16px } } .site-dev-types-card__desc { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card__desc { font-size:14px } } @media (max-width: 767px) { .site-dev-types-card__desc { font-size:14px } } .site-dev-types-card__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-top: auto; padding-top: 24px } .site-dev-types-card__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: var(--color-grey,#666); font-weight: 600; font-size: 18px; line-height: 1.3; text-decoration: none } .site-dev-types-card__link:hover { color: var(--color-green,#34ae6b) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-types-card__link { color:var(--color-green,#34ae6b); font-size: 14px } } @media (max-width: 767px) { .site-dev-types-card__link { margin-top:auto; color: var(--color-green,#34ae6b); font-size: 18px; line-height: 1.3 } .site-dev-cycle__bg-gradients { display: none } } .site-dev-types-card__chev { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 15px; height: 15px } .site-dev-types-card__aside { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin: -94px -40px -40px 0; width: 498px; height: 498px } .site-dev-types-card--full .site-dev-types-card__aside { margin: 0 } @media (max-width: 1279px) { .site-dev-types-card__aside { margin:24px auto 0; aspect-ratio: 1; width: 100%; max-width: 400px; height: auto } .site-dev-types-card--full .site-dev-types-card__aside { margin: 24px auto 0 } } .site-dev-types-card__aside-img { position: absolute; inset: 0; border-radius: 50%; -o-object-fit: cover; object-fit: cover } .site-dev-types-card__aside-grad { position: absolute; opacity: .95; mix-blend-mode: color; mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-types-aside-mask.webp); inset: 0; border-radius: 50%; background: linear-gradient(98.536deg,#34ae6b 3.22%,#2587f9 86.86%); pointer-events: none; -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-types-aside-mask.webp); mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .site-dev-sol { position: relative; z-index: 0; overflow: visible } .site-dev-sol__container { position: relative; z-index: 0 } .site-dev-sol__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .site-dev-sol__grid,.site-dev-sol__intro { position: relative; z-index: 1 } .site-dev-cycle { position: relative; z-index: 0; overflow: visible } .site-dev-cycle__container { position: relative; z-index: 0 } .site-dev-cycle__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .site-dev-cycle__container>:not(.site-dev-cycle__bg-gradients) { position: relative; z-index: 1 } .site-dev-cycle__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 900px; height: 900px; pointer-events: none } .site-dev-cycle__bg-gradient svg { display: block; width: 100%; height: 100% } .site-dev-cycle__bg-gradient--blue { top: 70%; right: auto; left: -200px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-cycle__bg-gradient--blue { left:-120px } } @media (max-width: 767px) { .site-dev-cycle__bg-gradient--blue { left:-100px } } .site-dev-cycle__bg-gradient--green { top: 70%; right: -200px; left: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-cycle__bg-gradient--green { right:-120px } .site-dev-cycle__bg-gradient { width: 700px; height: 700px } } @media (max-width: 767px) { .site-dev-cycle__bg-gradient--green { right:-100px } .site-dev-cycle__bg-gradient { width: 480px; height: 480px } } .site-dev-process { position: relative; z-index: 0; overflow: visible } .site-dev-process__container { position: relative; z-index: 0 } .site-dev-process__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .site-dev-process__container>:not(.site-dev-process__bg-gradients) { position: relative; z-index: 1 } .site-dev-process__deco { display: block; position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; width: min(100%,1502px); max-width: min(100%,1502px); height: auto; -o-object-fit: contain; object-fit: contain; pointer-events: none } .site-dev-page .cases--site-dev .cases__slider-outer>.container { overflow: visible } .site-dev-page .cases--site-dev .cases-gradient { top: 50%; right: auto; z-index: 0; width: 900px; height: 900px; pointer-events: none } .site-dev-page .cases--site-dev .cases-gradient--green { left: calc(50% - 100px); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-process__deco { top:58%; width: min(100%,1200px); max-width: min(100%,1200px) } .site-dev-page .cases--site-dev .cases-gradient--green { left: calc(50% - 80px) } } @media (max-width: 767px) { .site-dev-process__deco { top:52%; width: 100%; max-width: 100% } .site-dev-page .cases--site-dev .cases-gradient--green { left: calc(50% - 50px) } } .site-dev-page .cases--site-dev .cases-gradient--blue { left: calc(50% + 100px); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .site-dev-page .cases--site-dev .cases__controls,.site-dev-page .cases--site-dev .cases__viewport { position: relative; z-index: 1 } .faq.crm-page__faq.site-dev-page__faq .faq__inner { overflow: visible } .faq.crm-page__faq.site-dev-page__faq .faq-gradient { z-index: 0; width: 900px; height: 900px; pointer-events: none } .faq.crm-page__faq.site-dev-page__faq .faq__content { position: relative; z-index: 1 } .faq.crm-page__faq.site-dev-page__faq .faq__decor { z-index: 1 } .faq.crm-page__faq.site-dev-page__faq .faq-gradient--blue,.faq.crm-page__faq.site-dev-page__faq .faq-gradient--green { right: auto; bottom: auto } .faq.crm-page__faq.site-dev-page__faq .faq-gradient--blue { top: 35%; left: -200px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 768px) and (max-width:1279px) { .site-dev-page .cases--site-dev .cases-gradient--blue { left:calc(50% + 80px) } .site-dev-page .cases--site-dev .cases-gradient { width: 700px; height: 700px } .faq.crm-page__faq.site-dev-page__faq .faq-gradient--blue { top: 32%; left: -120px } } @media (max-width: 767px) { .site-dev-page .cases--site-dev .cases-gradient--blue { left:calc(50% + 50px) } .site-dev-page .cases--site-dev .cases-gradient { width: 480px; height: 480px } .faq.crm-page__faq.site-dev-page__faq .faq-gradient--blue { top: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } .faq.crm-page__faq.site-dev-page__faq .faq-gradient--green { top: 35%; left: 400px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .site-dev-page__lead .crm-lead__bg-gradient--blue { top: 0; right: auto; bottom: auto; left: -200px } @media (max-width: 1279px) { .site-dev-page__lead .crm-lead__bg-gradient--blue { top:0; left: -120px } } .site-dev-page__lead .crm-lead__bg-gradient--green { top: 0; right: -200px; bottom: auto; left: auto } .site-dev-sol__intro { margin-bottom: 56px; max-width: 1115px } @media (min-width: 768px) and (max-width:1279px) { .faq.crm-page__faq.site-dev-page__faq .faq-gradient--green { top:32%; left: 240px } .faq.crm-page__faq.site-dev-page__faq .faq-gradient { width: 700px; height: 700px } .site-dev-page__lead .crm-lead__bg-gradient--green { top: 54%; right: -120px } .site-dev-sol__intro { margin-bottom: 40px } } .site-dev-sol__grid { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(280px,648px))[2]; grid-template-columns: repeat(2,minmax(280px,648px)); gap: 24px } @media (max-width: 1279px) { .site-dev-sol__grid { -ms-grid-columns:(minmax(0,1fr))[2]; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px } } @media (max-width: 767px) { .faq.crm-page__faq.site-dev-page__faq .faq-gradient--green { top:auto; bottom: 180px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .faq.crm-page__faq.site-dev-page__faq .faq-gradient { width: 480px; height: 480px } .site-dev-page__lead .crm-lead__bg-gradient--blue { top: 38%; left: -120px } .site-dev-page__lead .crm-lead__bg-gradient--green { top: 60%; right: -100px } .site-dev-sol__intro { margin-bottom: 24px } .site-dev-sol__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 16px } } .site-dev-sol-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px; min-height: 310px } @media (max-width: 1279px) { .site-dev-sol-card { border-radius:20px; padding: 20px; min-height: 180px } } @media (max-width: 767px) { .site-dev-sol-card { gap:12px; border-radius: 10px; padding: 16px; min-height: 10px } } .site-dev-sol-card__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px } .site-dev-sol-card__icon-clay { display: block; position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px } .site-dev-sol-card__icon-clay--market { width: 39px } @media (max-width: 767px) { .site-dev-sol-card__icon-clay { width:36px; height: 36px } .site-dev-sol-card__icon-clay.site-dev-sol-card__icon-clay--market { width: 35px } } .site-dev-sol-card__icon-base { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .site-dev-sol-card__icon-tint { position: absolute; mix-blend-mode: color; mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; inset: 0; pointer-events: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .site-dev-sol-card__icon-tint--1 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-seo-mask.webp); background: linear-gradient(98.5355deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-seo-mask.webp) } .site-dev-sol-card__icon-tint--2 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-market-mask.webp); background: linear-gradient(98.3252deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-market-mask.webp) } .site-dev-sol-card__icon-tint--3 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-crm-mask.webp); background: linear-gradient(98.5355deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-crm-mask.webp) } .site-dev-sol-card__icon-tint--4 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-b2b-mask.webp); background: linear-gradient(98.5355deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-sol-b2b-mask.webp) } .site-dev-sol-card__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-sol-card__title { font-size:18px } } @media (max-width: 767px) { .site-dev-sol-card__title { font-size:16px } } .site-dev-sol-card__text { margin: 0; color: var(--color-deep-grey,currentColor); font-size: 18px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-sol-card__text { font-size:14px } } @media (max-width: 767px) { .site-dev-sol-card__text { font-size:14px } } .site-dev-sol-card__more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: auto; color: var(--color-grey,#666); font-weight: 600; font-size: 18px; line-height: 1.3; text-decoration: none } .site-dev-sol-card__more:hover { color: var(--color-green,#34ae6b) } @media (max-width: 1279px) { .site-dev-sol-card__more { color:var(--color-green,#34ae6b); font-size: 14px } } @media (max-width: 767px) { .site-dev-sol-card__more { font-size:14px } } .site-dev-cycle__title { margin: 0 0 112px; font-weight: 600; font-size: 40px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-cycle__title { margin-bottom:48px; font-size: 26px } } @media (max-width: 767px) { .site-dev-cycle__title { margin-bottom:32px; font-size: 20px } } .site-dev-cycle__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-bottom: 40px } .site-dev-cycle__accordion { display: none } @media (max-width: 767px) { .site-dev-cycle__tabs { gap:8px; margin-bottom: 24px } .site-dev-cycle__accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 24px } .site-dev-cycle__panels,.site-dev-cycle__tabs { display: none } } .site-dev-cycle-acc__item { margin: 0 } .site-dev-cycle-acc__summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background: var(--color-white,#fff); padding: 10px 16px; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .site-dev-cycle-acc__summary::-webkit-details-marker { display: none } .site-dev-cycle-acc__label { color: var(--color-grey,#666); font-weight: 400; font-size: 16px; line-height: normal } .site-dev-cycle-acc__chev { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 15px; height: 15px; color: var(--color-grey,#666) } .site-dev-cycle-acc__chev svg { display: block; width: 100%; height: 100% } .site-dev-cycle-acc__item[open] .site-dev-cycle-acc__summary { border-radius: 30px; background: var(--color-green,#34ae6b) } .site-dev-cycle-acc__item[open] .site-dev-cycle-acc__label { color: var(--color-white,#fff); font-weight: 600 } .site-dev-cycle-acc__item[open] .site-dev-cycle-acc__chev { color: var(--color-white,#fff) } .site-dev-cycle-acc__content { padding-top: 24px } .site-dev-cycle-acc__title { margin: 0 0 12px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.3 } .site-dev-cycle-acc__text { margin: 0 0 16px; color: var(--color-deep-grey,currentColor); font-size: 14px; line-height: 1.3 } .site-dev-cycle-acc__list { margin: 0; padding-left: 27px; color: var(--color-deep-grey,currentColor); font-size: 14px; line-height: 1.3 } .site-dev-cycle-acc__list li { margin-bottom: 0 } .site-dev-cycle__tab { cursor: pointer; border: 1px solid var(--color-grey,#666); border-radius: 60px; background: var(--color-white,#fff); padding: 10px 24px; color: var(--color-grey,#666); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font, "Roboto", sans-serif) } .site-dev-cycle__tab--active { border-color: var(--color-green,#34ae6b); background: var(--color-green,#34ae6b); color: var(--color-white,#fff); font-weight: 600 } .site-dev-cycle__panels { position: relative } .site-dev-cycle__panel { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 357px; grid-template-columns: 1fr 357px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 40px; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff) } .site-dev-cycle__panel[hidden] { display: none!important } .site-dev-cycle__panel:not([hidden]) { -webkit-animation: .35s site-dev-cycle-panel-in; animation: .35s site-dev-cycle-panel-in } @media (max-width: 1279px) { .site-dev-cycle__panel { -ms-grid-columns:1fr; grid-template-columns: 1fr; gap: 24px; min-height: 295px } } @media (max-width: 767px) { .site-dev-cycle__tab { padding:8px 16px; font-size: 14px } .site-dev-cycle__panel { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 16px; border-radius: 10px; min-height: 0 } } .site-dev-cycle__panel--content { padding: 40px } @media (max-width: 1279px) { .site-dev-cycle__panel--content { padding:20px } } @-webkit-keyframes site-dev-cycle-panel-in { from { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes site-dev-cycle-panel-in { from { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .site-dev-cycle__panel-title { margin: 0 0 24px; font-weight: 600; font-size: 24px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-cycle__panel-title { margin-bottom:16px; font-size: 18px } } @media (max-width: 767px) { .site-dev-cycle__panel--content { padding:16px; min-height: 0 } .site-dev-cycle__panel-title { margin-bottom: 12px; font-size: 16px } } .site-dev-cycle__panel-text { margin: 0 0 16px; max-width: 794px; font-size: 18px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-cycle__panel-text { font-size:14px } } @media (max-width: 767px) { .site-dev-cycle__panel-text { font-size:14px } } .site-dev-cycle__panel-list { margin: 16px 0 0; padding-left: 27px; font-size: 18px; line-height: 1.3 } .site-dev-cycle__panel-list li { margin-bottom: 0 } .site-dev-cycle__panel-img { -ms-grid-column-align: end; justify-self: end; border-radius: 0 30px 30px 0; width: 357px; height: 357px; -o-object-fit: cover; object-fit: cover } @media (min-width: 768px) and (max-width:1279px) { .site-dev-cycle__panel-list { font-size:14px } .site-dev-cycle__panel-img { -ms-grid-column-align: center; justify-self: center; border-radius: 12px; width: 222px; height: 222px } } @media (max-width: 767px) { .site-dev-cycle__panel-list { font-size:14px } .site-dev-cycle__panel-img { -ms-grid-column-align: center; justify-self: center; border-radius: 10px; aspect-ratio: 1; width: 100%; max-width: 280px; height: auto } } .site-dev-process__intro { margin-bottom: 48px; max-width: 647px } .site-dev-process__grid { position: relative; margin-top: 24px; min-height: 772px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-process__grid { display:-ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 16px; margin-right: auto; margin-left: auto; max-width: 678px; min-height: 0 } } @media (max-width: 767px) { .site-dev-process__intro { margin-bottom:24px } .site-dev-process__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; min-height: 0 } } .site-dev-process-card { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 16px; background: var(--color-white,#fff); padding: 30px; min-height: 175px } .site-dev-process-card:after { position: absolute; top: 30px; right: 30px; -ms-flex-negative: 0; flex-shrink: 0; color: currentColor; font-weight: 600; font-size: 24px; line-height: 1.1 } @media (max-width: 1279px) { .site-dev-process-card:after { top:20px; right: 20px; font-size: 18px } .site-dev-process-card { position: relative; top: auto!important; left: auto!important; padding: 20px; width: 100%!important; min-height: 173px } } @media (max-width: 767px) { .site-dev-process-card:after { font-size:16px } .site-dev-process-card { position: relative; top: auto!important; left: auto!important; border-radius: 10px; padding: 20px; width: 100%!important; min-height: 0 } } .site-dev-process-card--1 { top: 0; left: 0; width: 647px } .site-dev-process-card--2 { top: 0; left: 672px; width: 648px } .site-dev-process-card--3 { top: 199px; left: 0; width: 536px } .site-dev-process-card--4 { top: 199px; left: 560px; width: 760px } .site-dev-process-card--5 { top: 398px; left: 0; width: 647px } .site-dev-process-card--6 { top: 398px; left: 672px; width: 645px } .site-dev-process-card--7 { top: 597px; left: 0; width: 536px } .site-dev-process-card--8 { top: 597px; left: 560px; width: 760px } .site-dev-process-card__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; margin-bottom: 16px } .site-dev-process-card__title { margin: 0; font-weight: 600; font-size: 24px; line-height: 1.1 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-process-card__title { font-size:18px } } @media (max-width: 767px) { .site-dev-process-card__title { font-size:16px } } .site-dev-process-card__text { margin: 0; font-size: 18px; line-height: 1.3 } .site-dev-why__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin-top: 40px } .site-dev-why-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 240px; flex: 1 1 240px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; width: calc(25% - 18px); min-width: 240px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-process-card__text { font-size:14px } .site-dev-why__grid { gap: 16px } .site-dev-why-card { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 8px); flex: 1 1 calc(50% - 8px); width: calc(50% - 8px); min-width: 0; max-width: calc(50% - 8px) } } @media (max-width: 767px) { .site-dev-process-card__text { font-size:14px } .site-dev-why-card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: none } } .site-dev-why-card__icon-wrap { -ms-flex-negative: 0; flex-shrink: 0 } .site-dev-why-card__icon-clay { display: block; position: relative; width: 60px; height: 60px } .site-dev-why-card__icon-clay--bubble { width: 59px } @media (min-width: 768px) and (max-width:1279px) { .site-dev-why-card__icon-clay { width:40px; height: 40px } .site-dev-why-card__icon-clay.site-dev-why-card__icon-clay--bubble { width: 39px } } @media (max-width: 767px) { .site-dev-why-card__icon-clay { width:40px; height: 40px } .site-dev-why-card__icon-clay.site-dev-why-card__icon-clay--bubble { width: 39px } } .site-dev-why-card__icon-base { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .site-dev-why-card__icon-tint { position: absolute; mix-blend-mode: color; mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; inset: 0; pointer-events: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .site-dev-why-card__icon-tint--1 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-1-mask.webp); background: linear-gradient(98.5355deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-1-mask.webp) } .site-dev-why-card__icon-tint--2 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-2-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-2-mask.webp) } .site-dev-why-card__icon-tint--3 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-3-mask.webp); background: linear-gradient(98.3953deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-3-mask.webp) } .site-dev-why-card__icon-tint--4 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-4-mask.webp); background: linear-gradient(134.318deg,#2bac68 13.397%,#2587f9 84.002%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/site-dev/site-dev-why-4-mask.webp) } .site-dev-why-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .site-dev-why-card__title { margin: 0; font-weight: 600; font-size: 24px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-why-card__title { font-size:18px } } @media (max-width: 767px) { .site-dev-why-card__title { font-size:18px } } .site-dev-why-card__text { margin: 0; font-size: 16px; line-height: 1.3 } @media (min-width: 768px) and (max-width:1279px) { .site-dev-why-card__text { font-size:14px } } .site-dev-pricing__box { position: relative; margin-top: 40px; border-radius: 30px; background: var(--color-light-blue,#eef2fa); padding: 40px; overflow: hidden } @media (max-width: 767px) { .site-dev-why-card__text { font-size:14px } .site-dev-pricing__box { margin-top: 24px; border-radius: 10px; padding: 24px 16px } } .site-dev-pricing__title { margin: 0 0 40px; font-weight: 600; font-size: 40px; line-height: normal } @media (min-width: 768px) and (max-width:1279px) { .site-dev-pricing__title { margin-bottom:32px; font-size: 26px } } .site-dev-pricing__row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 40px } @media (max-width: 1279px) { .site-dev-pricing__row { -ms-grid-columns:1fr; grid-template-columns: 1fr; row-gap: 24px } } @media (max-width: 767px) { .site-dev-pricing__title { margin-bottom:24px; font-size: 20px } .site-dev-pricing__row { row-gap: 16px } } .site-dev-pricing__tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; border-radius: 30px; background: var(--color-white,#fff); padding: 12px 20px; font-weight: 600; font-size: 24px; line-height: 1.3 } @media (max-width: 1279px) { .site-dev-pricing__tag { font-size:18px } } .site-dev-pricing__list-title { margin: 0 0 12px; font-weight: 600; font-size: 16px; line-height: 1.1 } @media (max-width: 767px) { .site-dev-pricing__list-title { font-size:14px } } .site-dev-pricing__list { margin: 0; padding-left: 24px; font-size: 16px; line-height: 1.3 } @media (max-width: 767px) { .site-dev-pricing__list { font-size:14px } } .site-dev-pricing__aside-text { margin: 0 0 24px; max-width: 452px; font-size: 16px; line-height: 1.3 } @media (max-width: 767px) { .site-dev-pricing__aside-text { font-size:14px } } .site-dev-pricing__cta-text { margin: 0 0 24px; max-width: 410px; font-weight: 600; font-size: 16px; line-height: 1.3 } @media (max-width: 767px) { .site-dev-pricing__cta-text { font-size:14px; text-align: center } .site-dev-pricing__row>div:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .site-dev-pricing__row>div:nth-child(2) .btn--primary { margin: 0 auto } } .site-dev-page .faq__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
/* End */


/* Start:/local/templates/main/assets/css/crm-page.min.css?179084755477810*/
.page__body--crm .site-container { overflow-x: clip } .crm-page { position: relative; background: var(--color-white,#fff); overflow-x: hidden } @supports (overflow: clip) { .crm-page { overflow-x:clip } } .crm-hero { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; padding: 0; min-height: 800px } @media (min-width: 1280px) { .crm-hero { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start } } @media (max-width: 1279px) { .crm-hero { padding-bottom:40px; min-height: auto } } @media (max-width: 1279px) and (min-width:768px) and (max-width:1279px) { .crm-hero { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-bottom: 40px; min-height: 488px } } @media (max-width: 767px) { .crm-page { overflow-x:visible } .crm-hero { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0; min-height: 540px; overflow: visible } } .crm-hero__inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 800px } @media (min-width: 1280px) { .crm-hero__inner { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 200px } } @media (max-width: 1279px) { .crm-hero__inner { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 32px; min-height: 0 } } @media (max-width: 1279px) and (min-width:768px) and (max-width:1279px) { .crm-hero__inner { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; padding-top: 105px; min-height: 488px; overflow: visible } } @media (max-width: 767px) { .crm-hero__inner { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; padding-top: 80px; min-height: 540px; overflow: visible } } .crm-hero__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1; width: 900px; height: 900px; pointer-events: none } .crm-hero__bg-gradient svg { display: block; z-index: 0; width: 100%; height: 100% } .crm-hero__bg-gradient--green { top: -200px; left: -200px } @media (max-width: 1279px) { .crm-hero__bg-gradient--green { top:-207px; left: -254px } } @media (max-width: 767px) { .crm-hero__bg-gradient--green { top:-50px; left: -200px; width: 500px; height: 500px } } .crm-hero__bg-gradient--blue { top: 0; left: 200px; opacity: .9; width: 800px; height: 800px } .crm-hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 80px; z-index: 2; max-width: 723px } @media (min-width: 1280px) { .crm-hero__content { max-width:744px } } @media (max-width: 1279px) { .crm-hero__bg-gradient--blue { top:-14px; left: 101px } .crm-hero__content { gap: 40px; max-width: 100% } } @media (max-width: 767px) { .crm-hero__bg-gradient--blue { top:-50px; right: -170px; left: auto; width: 500px; height: 500px } .crm-hero__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; text-align: center } .crm-hero__content.mobile .crm-hero__title { max-width: 303px; font-size: 24px } } .crm-hero__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } .crm-hero__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 64px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-hero__title { font-size:42px } } @media (max-width: 767px) { .crm-hero__title { font-size:24px } .crm-hero__content.mobile .crm-hero__subtitle { max-width: 329px; font-size: 14px } } .crm-hero__subtitle { margin: 0; max-width: 723px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 1280px) { .crm-hero__subtitle { max-width:744px } } @media (min-width: 768px) and (max-width:1279px) { .crm-hero__subtitle { max-width:441px; font-size: 16px } } .crm-hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px } @media (max-width: 767px) { .crm-hero__subtitle { font-size:14px } .crm-hero__actions { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; margin-top: 60px; width: 100% } } .crm-hero__link-secondary.link-arrow { line-height: 1.1 } .crm-hero__media { position: absolute; top: 20px; right: 0; z-index: 1; width: 814px; height: 742px; pointer-events: none } @media (min-width: 1280px) { .crm-hero__media { right:auto; left: 744px } } @media (max-width: 1279px) { .crm-hero__media { position:relative; top: auto; margin-right: auto; margin-left: auto; width: 100%; max-width: 600px; height: 400px } } @media (max-width: 1279px) and (min-width:768px) and (max-width:1279px) { .crm-hero__media { position:absolute; top: 25px; right: auto; left: 59.587020649%; margin: 0; width: 480px; max-width: none; height: 438px } } .crm-hero__media-photo { position: absolute; inset: 0; border-radius: 0; overflow: hidden } .crm-hero__media-photo img { display: block; width: 100%; max-width: none; height: 196%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top } @media (min-width: 1280px) { .crm-hero__media-photo img { position:relative; top: -45.86%; height: 196.34% } } @media (max-width: 767px) { .crm-hero__media { position:absolute; top: 155px; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; margin: 0; width: 422px; max-width: calc(100% + 62px); height: 385px } .crm-hero__media-photo img { position: relative; top: -45.86%; height: 196.44% } } .crm-why { position: relative; z-index: 1; padding: 150px 0 0 } @media (min-width: 768px) and (max-width:1279px) { .crm-hero__media-photo img { position:relative; top: -45.86%; height: 196.44% } .crm-why { padding-top: 100px } } .crm-why__bg-gradient--green { top: 13%; left: 24px } @media (max-width: 1279px) { .crm-why__bg-gradient--green { top:6%; left: 15% } } @media (max-width: 767px) { .crm-why { padding-top:60px } .crm-why__bg-gradient--green { top: 6%; left: -83% } } .crm-why__bg-gradient--blue { top: 13%; left: 22% } @media (max-width: 1279px) { .crm-why__bg-gradient--blue { top:21%; left: -8%; opacity: .8; width: 600px; height: 600px } } .crm-why__title { margin: 0 0 60px; max-width: 789px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-why__grid { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0,424px) 24px minmax(0,424px) 24px minmax(0,424px); grid-template-columns: repeat(3,minmax(0,424px)); -ms-grid-rows: auto 24px auto; grid-template-areas: "c1 c2 c3" "c4 c5 aside"; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 24px } .crm-why-card { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 16px; background: var(--color-white,#fff); padding: 24px; min-width: 0; min-height: 184px } @media (min-width: 768px) and (max-width:1279px) { .crm-why__title { margin-bottom:40px; font-size: 26px } .crm-why__grid { -ms-grid-columns: minmax(0,1fr) 20px minmax(0,1fr); grid-template-columns: repeat(2,minmax(0,1fr)); -ms-grid-rows: auto 20px auto 20px auto; grid-template-areas: "c1 c2" "c3 c4" "c5 aside"; gap: 20px } .crm-why-card { border-radius: 10px; padding: 20px; min-height: 0 } } @media (max-width: 767px) { .crm-why__bg-gradient--blue { top:47%; left: -8% } .crm-why__title { margin-bottom: 30px; font-size: 20px } .crm-why__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto 16px auto 16px auto 16px auto 16px auto 16px auto; grid-template-areas: "c1" "c2" "c3" "c4" "c5" "aside"; gap: 16px } .crm-why-card { border-radius: 10px; padding: 16px; min-height: 0 } } .crm-why-card:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: c1 } .crm-why-card:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: c2 } .crm-why-card:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: c3 } .crm-why-card:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: c4 } .crm-why-card:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: c5 } .crm-why__aside { -ms-grid-row: 3; -ms-grid-column: 5; display: -webkit-box; display: -ms-flexbox; display: flex; grid-area: aside; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-row-align: center; align-self: center; gap: 16px; padding-top: 32px; text-align: center } @media (min-width: 768px) and (max-width:1279px) { .crm-why-card:nth-child(1) { -ms-grid-row:1; -ms-grid-column: 1 } .crm-why-card:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .crm-why-card:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1 } .crm-why-card:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3 } .crm-why-card:nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1 } .crm-why__aside { -ms-grid-row: 5; -ms-grid-column: 3; padding-top: 8px } } .crm-why__aside-text { margin: 0; max-width: 241px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .crm-why-card:nth-child(1) { -ms-grid-row:1; -ms-grid-column: 1 } .crm-why-card:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1 } .crm-why-card:nth-child(3) { -ms-grid-row: 5; -ms-grid-column: 1 } .crm-why-card:nth-child(4) { -ms-grid-row: 7; -ms-grid-column: 1 } .crm-why-card:nth-child(5) { -ms-grid-row: 9; -ms-grid-column: 1 } .crm-why__aside { -ms-grid-row: 11; -ms-grid-column: 1; gap: 12px; padding-top: 0 } .crm-why__aside-text { max-width: 280px; font-size: 14px } } .crm-why-card__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-bottom: 12px } @media (max-width: 767px) { .crm-why-card__head { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; margin-bottom: 10px } } .crm-why-card__icon-wrap { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px } @media (max-width: 767px) { .crm-why-card__icon-wrap { width:36px; height: 36px } } .crm-why-card__icon-clay { display: block; position: relative; width: 40px; height: 40px } .crm-why-card__icon-clay--chart { width: 39.333px } @media (max-width: 767px) { .crm-why-card__icon-clay { width:36px; height: 36px } .crm-why-card__icon-clay--chart { width: 35px } } .crm-why-card__icon-base { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .crm-why-card__icon-tint { position: absolute; mix-blend-mode: color; mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; inset: 0; pointer-events: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .crm-why-card__icon-tint--1 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-1-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-1-mask.webp) } .crm-why-card__icon-tint--2 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-2-mask.webp); background: linear-gradient(98.3953deg,#34ae6b 3.2197%,#2587f9 86.856%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-2-mask.webp) } .crm-why-card__icon-tint--3 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-3-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-3-mask.webp) } .crm-why-card__icon-tint--4 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-4-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-4-mask.webp) } .crm-why-card__icon-tint--5 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-5-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-why-5-mask.webp) } .crm-why-card__name { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-why-card__name { font-size:15px } } @media (max-width: 767px) { .crm-why-card__name { font-size:14px } } .crm-why-card__text { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-tech { position: relative; z-index: 1; padding: 150px 0 0; overflow: visible } .crm-tech__inner { position: relative; z-index: 0 } .crm-tech__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .crm-tech__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 900px; height: 900px; pointer-events: none } .crm-tech__bg-gradient svg { display: block; width: 100%; height: 100% } .crm-tech__bg-gradient--green { top: 77%; left: -200px } @media (max-width: 1279px) { .crm-tech__bg-gradient--green { top:70%; left: -180px } } .crm-tech__bg-gradient--blue { top: 66%; right: -136px; left: auto } @media (min-width: 768px) and (max-width:1279px) { .crm-tech { padding-top:100px } .crm-tech__bg-gradient { width: 700px; height: 700px } .crm-tech__bg-gradient--green { left: -100px } .crm-tech__bg-gradient--blue { right: -100px } } @media (max-width: 767px) { .crm-why-card__text { font-size:14px } .crm-tech { padding-top: 60px } .crm-tech__bg-gradient { width: 480px; height: 480px } .crm-tech__bg-gradient--green { left: -120px } .crm-tech__bg-gradient--blue { right: -120px } } .crm-tech__slider-wrap,.crm-tech__title { position: relative; z-index: 1 } .crm-tech__title { margin: 0 0 60px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-tech__title { margin-bottom:40px; font-size: 26px } } .crm-tech__title-short { display: none } @media (max-width: 767px) { .crm-tech__title { margin-bottom:30px; font-size: 20px } .crm-tech__title-short { display: block } .crm-tech__title-long { display: none } } .crm-tech__slider-wrap { position: relative; z-index: 0; padding-bottom: 0; min-width: 0 } .crm-tech__frame { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); width: 100%; min-width: 0; overflow: hidden } .crm-tech__frame .swiper,.crm-tech__slider-wrap .swiper { position: relative; z-index: 0; width: 100%; min-width: 0; overflow: hidden } @media (min-width: 1280px) { .crm-tech__frame { min-height:400px } .crm-tech__frame .swiper,.crm-tech__slider-wrap .swiper { height: 100% } } .crm-tech-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; background: 0 0; padding: 40px 40px 0; min-height: 0 } @media (min-width: 1280px) { .crm-tech-slide { display:-ms-grid; display: grid; -ms-grid-columns: minmax(0,627px) 460px; grid-template-columns: minmax(0,627px) 460px; -webkit-column-gap: 118px; -moz-column-gap: 118px; column-gap: 118px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; min-height: 400px } .crm-tech-slide__body { min-width: 0 } } @media (min-width: 768px) and (max-width:1279px) { .crm-tech__frame { border-radius:20px } .crm-tech-swiper .swiper-slide { height: auto } .crm-tech-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; padding: 32px 32px 0; min-height: 0 } } @media (max-width: 767px) { .crm-tech__frame { border-radius:10px } .crm-tech-swiper .swiper-slide { height: auto } .crm-tech-slide { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; padding: 0 0 20px; min-height: 283px; overflow: visible } } .crm-tech-slide__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 400px; flex: 1 1 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; max-width: 627px } @media (min-width: 768px) and (max-width:1279px) { .crm-tech-slide__body { -webkit-box-flex:1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 16px; min-width: 0; max-width: 100% } } @media (max-width: 767px) { .crm-tech-slide__body { position:relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 12px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 20px 0; width: 100%; max-width: 100% } } .crm-tech-slide__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .crm-tech-slide__product { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-tech-slide__product { font-size:20px } } .crm-tech-slide__desc { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .crm-tech-slide__text { gap:12px; width: 100%; max-width: none } .crm-tech-slide__product { font-size: 16px } .crm-tech-slide__desc { font-size: 14px } } .crm-tech-slide__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: var(--color-grey,#666); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-decoration: none } .crm-tech-slide__link:hover { color: var(--color-deep-grey,currentColor) } @media (min-width: 768px) and (max-width:1279px) { .crm-tech-slide__link { color:var(--color-green,#34ae6b); font-size: 16px } .crm-tech-slide__link:hover { color: var(--color-deep-grey,currentColor) } } @media (max-width: 767px) { .crm-tech-slide__link { -ms-flex-item-align:start; align-self: flex-start; gap: 4px; margin-top: 12px; padding: 0; color: var(--color-green,#34ae6b); font-size: 14px; line-height: 1.1 } .crm-tech-slide__link:hover { color: var(--color-deep-grey,currentColor) } } .crm-tech-slide__link-chevron { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3 6l4.5 4.5L12 6' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; width: 15px; height: 15px } .crm-tech-slide__visual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 460px; height: auto; max-height: 280px } .crm-tech-slide__visual img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain } @media (min-width: 1280px) { .crm-tech-slide__visual { -ms-grid-row:1; grid-row: 1; -ms-grid-column: 2; grid-column: 2; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; width: 100%; max-width: 460px; max-height: 280px } .crm-tech-slide__visual img { max-width: 460px; max-height: 280px } } @media (min-width: 768px) and (max-width:1279px) { .crm-tech-slide__visual { -webkit-box-flex:0; -ms-flex: 0 0 149px; flex: 0 0 149px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 149px; min-width: 149px; max-width: 149px; height: 90px; max-height: 90px } .crm-tech-slide__visual img { max-width: 149px; max-height: 90px } } @media (max-width: 767px) { .crm-tech-slide__link-chevron { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3 6l4.5 4.5L12 6' stroke='%2334ae6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat } .crm-tech-slide__visual { position: absolute; top: 20px; right: 20px; left: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; z-index: 2; width: 101px; min-width: 0; max-width: 101px; height: 61px; min-height: 0; max-height: 61px; pointer-events: none } .crm-tech-slide__visual img { width: auto; max-height: 61px } } .crm-tech__footer { display: -ms-grid; display: grid; position: static; -ms-grid-rows: auto auto; grid-template-rows: auto auto; -ms-grid-columns: minmax(0,1fr) auto; grid-template-columns: minmax(0,1fr) auto; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 8px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 8px 40px 24px; width: 100%; max-width: none; pointer-events: none } @media (min-width: 1280px) { .crm-tech__footer { display:block; position: absolute; right: 40px; bottom: 40px; left: 40px; padding: 0; width: auto; min-height: 16px } .crm-tech__count { position: absolute; top: 0; left: 0 } } @media (min-width: 768px) and (max-width:1279px) { .crm-tech__footer { padding:8px 32px 24px } } @media (max-width: 767px) { .crm-tech__footer { -webkit-column-gap:12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 11px; padding: 8px 20px 21px } } .crm-tech__count { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; pointer-events: none; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-tech__nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2; -ms-grid-column-align: end; justify-self: end; gap: 14px; z-index: 1; pointer-events: auto } @media (min-width: 1280px) { .crm-tech__nav { position:absolute; top: 2px; left: 485px } } .crm-tech__arrow { cursor: pointer; border: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3 6l4.5 4.5L12 6' stroke='%2334ae6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; padding: 0; width: 15px; height: 15px } .crm-tech__arrow--prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .crm-tech__arrow--next { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .crm-tech__arrow.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: none } .crm-tech__bar { position: relative; -ms-grid-row: 2; grid-row: 2; grid-column: 1/-1; margin: 0; border-radius: 2px; background: var(--color-ivory,#e0e0e0); width: 100%; min-width: 0; max-width: none; height: 2px; pointer-events: none } @media (min-width: 1280px) { .crm-tech__bar { position:absolute; top: 13px; left: 35px; width: 440px } } .crm-tech__bar-fill { position: absolute; top: 0; left: 0; -webkit-transition: width .25s; transition: width .25s; border-radius: 2px; background: var(--color-green,#34ae6b); width: 25%; height: 2px } .crm-compare { position: relative; z-index: 1; padding: 150px 0 0 } .crm-compare__title { margin: 0 0 60px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-compare { padding-top:100px } .crm-compare__title { margin-bottom: 40px; font-size: 26px } } @media (max-width: 767px) { .crm-compare { padding-top:60px } .crm-compare__title { margin-bottom: 24px; font-size: 20px } } @media (max-width: 1279px) { .crm-compare__head { display:none } } @media (min-width: 1280px) { .crm-compare__head { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; margin-bottom: 55px; padding-left: 0 } .crm-compare__row--tall { min-height: 189px } } .crm-compare__head-spacer { -webkit-box-flex: 0; -ms-flex: 0 0 167px; flex: 0 0 167px; min-width: 167px } .crm-compare__head-brands { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 170px } .crm-compare__brand { margin: 0; color: var(--color-blue,#2587f9); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-align: left } .crm-compare__row { margin-bottom: 40px; border-bottom: 1px solid var(--color-ivory,#e0e0e0); padding-bottom: 16px } .crm-compare__row:last-child { margin-bottom: 0 } @media (max-width: 767px) { .crm-compare__row { margin-bottom:24px } } .crm-compare__row--tall { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 60px; padding-bottom: 16px } @media (max-width: 1279px) { .crm-compare__row--tall { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; min-height: 0 } } .crm-compare__label { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .crm-compare__label { -webkit-box-flex:1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 16px } } .crm-compare__cols { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0,1fr))[4]; grid-template-columns: repeat(4,minmax(0,1fr)); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 24px; min-width: 0 } @media (max-width: 1279px) { .crm-compare__cols { -ms-grid-columns:(minmax(0,1fr))[2]; grid-template-columns: repeat(2,minmax(0,1fr)) } } .crm-compare .container.desktop .crm-compare__row--tall .crm-compare__label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 9em } .crm-compare .container.desktop .crm-compare__row--simple .crm-compare__label { -webkit-box-flex: 0; -ms-flex: 0 0 111px; flex: 0 0 111px } .crm-compare .container.desktop .crm-compare__row--mobile .crm-compare__label { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px } .crm-compare .container.desktop .crm-compare__row--price .crm-compare__label { -webkit-box-flex: 0; -ms-flex: 0 0 44px; flex: 0 0 44px } .crm-compare .container.desktop .crm-compare__row--simple { gap: 55px } .crm-compare .container.desktop .crm-compare__row--mobile { min-height: 100px } .crm-compare .container.desktop .crm-compare__cols,.crm-compare .container.desktop .crm-compare__cols--mobile,.crm-compare .container.desktop .crm-compare__cols--price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; min-width: 0; max-width: 1156px } .crm-compare .container.desktop .crm-compare__cols .crm-compare__cell:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 28px; width: 270px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols .crm-compare__cell:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 22px; width: 270px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols .crm-compare__cell:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 3px; width: 270px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols .crm-compare__cell:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; width: 290px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols--mobile>.crm-compare__cell-text:nth-child(1),.crm-compare .container.desktop .crm-compare__cols--price>.crm-compare__price-block:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 28px; width: 270px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols--mobile>.crm-compare__cell-text:nth-child(2),.crm-compare .container.desktop .crm-compare__cols--price>.crm-compare__price-block:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 22px; width: 270px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols--mobile>.crm-compare__cell-text:nth-child(3),.crm-compare .container.desktop .crm-compare__cols--price>.crm-compare__price-block:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 3px; width: 270px; min-width: 0 } .crm-compare .container.desktop .crm-compare__cols--mobile>.crm-compare__cell-text:nth-child(4),.crm-compare .container.desktop .crm-compare__cols--price>.crm-compare__price-block:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; width: 290px; min-width: 0 } .crm-compare .container.desktop .crm-compare__row-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; min-width: 0; max-width: 1156px } .crm-compare .container.desktop .crm-compare__row-line>span:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 28px; width: 270px } .crm-compare .container.desktop .crm-compare__row-line>span:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 22px; width: 270px } .crm-compare .container.desktop .crm-compare__row-line>span:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 3px; width: 270px } .crm-compare .container.desktop .crm-compare__row-line>span:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; width: 290px } .crm-compare__cell-lead { margin: 0 0 8px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-compare__cell-text { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-compare__cell-text>span { margin-right: 4px } .crm-compare__row--simple { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 60px; padding-bottom: 16px; min-height: 62px } @media (max-width: 767px) { .crm-compare__cols { -ms-grid-columns:1fr; grid-template-columns: 1fr } .crm-compare__row--simple { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } .crm-compare__row-line { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4,1fr); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 16px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-compare__row-line { -ms-grid-columns:(1fr)[2]; grid-template-columns: repeat(2,1fr) } } .crm-compare__row--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 57px; padding-bottom: 16px } @media (max-width: 767px) { .crm-compare__row-line { -ms-grid-columns:1fr; grid-template-columns: 1fr } .crm-compare__row--mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } .crm-compare__cols--mobile { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0,1fr))[4]; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px } @media (max-width: 1279px) { .crm-compare__cols--mobile { -ms-grid-columns:(minmax(0,1fr))[2]; grid-template-columns: repeat(2,minmax(0,1fr)) } } .crm-compare__row--price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 122px; border-bottom: 1px solid var(--color-ivory,#e0e0e0); padding-bottom: 16px } @media (max-width: 767px) { .crm-compare__cols--mobile { -ms-grid-columns:1fr; grid-template-columns: 1fr } .crm-compare__row--price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } .crm-compare__cols--price { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0,1fr))[4]; grid-template-columns: repeat(4,minmax(0,1fr)); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 24px } @media (max-width: 1279px) { .crm-compare__cols--price { -ms-grid-columns:(minmax(0,1fr))[2]; grid-template-columns: repeat(2,minmax(0,1fr)) } } .crm-compare__price-block { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-compare__price-block strong { font-weight: 600 } .crm-compare-tablet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .crm-compare-acc { border-bottom: 1px solid var(--color-ivory,#e0e0e0) } .crm-compare-acc:first-of-type { border-top: 1px solid var(--color-ivory,#e0e0e0) } .crm-compare-acc__summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; cursor: pointer; padding: 20px 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif; list-style: none } .crm-compare-acc__summary::-webkit-details-marker { display: none } .crm-compare-acc__chev { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%231e1e1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; width: 24px; height: 24px } .crm-compare-acc[open] .crm-compare-acc__chev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .crm-compare-acc__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 0 0 20px } .crm-compare-acc__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px } .crm-compare-acc__brand { margin: 0; color: var(--color-blue,#2587f9); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-compare-acc__panel--simple { color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.4; font-family: var(--base-font),sans-serif } .crm-compare-acc__panel--simple p { margin: 0 } .crm-stages { position: relative; z-index: 1; padding: 150px 0 0; overflow: visible } @media (min-width: 768px) and (max-width:1279px) { .crm-stages { padding-top:100px } } @media (max-width: 767px) { .crm-compare__cols--price { -ms-grid-columns:1fr; grid-template-columns: 1fr } .crm-stages { padding-top: 60px } } .crm-stages>.container:not(.crm-stages__gradients-anchor) { position: relative; z-index: 1 } .crm-stages__gradients-anchor { position: relative; z-index: 0; padding-top: 0; padding-bottom: 0; height: 0; min-height: 0; overflow: visible; pointer-events: none } .crm-stages__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 900px; height: 900px; pointer-events: none } .crm-stages__bg-gradient svg { display: block; width: 100%; height: 100% } .crm-stages__bg-gradient--green { top: -141px; left: -166px } @media (max-width: 1279px) { .crm-stages__bg-gradient--green { top:-86px; left: -166px; width: 700px; height: 700px } .crm-stages__bg-gradient--blue { width: 700px; height: 700px } } @media (max-width: 767px) { .crm-stages__bg-gradient--green { top:-50px; left: -200px } } .crm-stages__bg-gradient--blue { top: -87px; right: -127px; left: auto } .crm-stages__slider-wrap { position: relative; z-index: 0 } .crm-stages__slider-wrap .swiper { position: relative; z-index: 0; overflow: hidden } .crm-stages__slider-wrap .swiper .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .crm-stages__slider-wrap .swiper .swiper-slide { height: auto } .crm-stages__title { margin: 0 0 60px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-stages__title { margin-bottom:40px; font-size: 26px } } .crm-stages__card { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px 40px 100px 480px; height: 100%; min-height: 400px } @media (max-width: 1279px) { .crm-stages__card { border-radius:20px; padding: 24px 24px 96px; min-height: 333px } .crm-stages__figure { display: none } } @media (max-width: 767px) { .crm-stages__bg-gradient--blue { display:none; top: 300px; left: -200px } .crm-stages__title { margin-bottom: 30px; font-size: 20px } .crm-stages__card { border-radius: 10px; padding: 20px 20px 88px; min-height: 350px } } .crm-stages__figure { position: absolute; top: 0; left: 0; border-radius: 30px 0 0 30px; width: 400px; height: 400px; overflow: hidden } .crm-stages__figure img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .crm-stages__content { position: relative; z-index: 1; max-width: 656px } .crm-stages__step-label { margin: 0 0 8px; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-stages__step-title { margin: 0 0 16px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-stages__step-title { font-size:18px } } @media (max-width: 767px) { .crm-stages__step-title { font-size:16px } } .crm-stages__list { margin: 0 0 16px; padding-left: 24px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-stages__list { font-size:16px } } @media (max-width: 767px) { .crm-stages__list { margin:0 0 16px; padding-left: 21px; font-size: 14px } } .crm-stages__list li { margin-bottom: 0 } .crm-stages__result { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-stages__result strong { font-weight: 600 } .crm-stages__footer { display: -ms-grid; display: grid; position: absolute; right: 40px; bottom: 40px; left: 480px; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; z-index: 2; max-width: 520px; pointer-events: none } @media (max-width: 1279px) { .crm-stages__result { font-size:16px } .crm-stages__footer { right: 24px; bottom: 24px; left: 24px; max-width: calc(100% - 48px) } } @media (max-width: 767px) { .crm-stages__result { font-size:14px } .crm-stages__footer { right: 20px; bottom: 24px; left: 20px; max-width: calc(100% - 40px) } } .crm-stages__count { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; pointer-events: none; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-stages__nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 3; grid-column: 3; gap: 14px; z-index: 1; pointer-events: auto } .crm-stages__arrow { cursor: pointer; border: none; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3 6l4.5 4.5L12 6' stroke='%2334ae6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; padding: 0; width: 15px; height: 15px } .crm-stages__arrow--prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .crm-stages__arrow--next { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .crm-stages__arrow.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: none } .crm-stages__bar { position: relative; -ms-grid-row: 2; grid-row: 2; grid-column: 1/-1; margin-left: 35px; border-radius: 2px; background: var(--color-ivory,#e0e0e0); max-width: 440px; height: 2px; pointer-events: none } .crm-stages__bar-fill { position: absolute; top: 0; left: 0; -webkit-transition: width .25s; transition: width .25s; border-radius: 2px; background: var(--color-green,#34ae6b); width: 20%; height: 2px } .crm-stages__slider-wrap--mobile .crm-stages__footer,.crm-stages__slider-wrap--tablet .crm-stages__footer { right: 24px; bottom: 24px; left: 24px; max-width: calc(100% - 48px) } .crm-stages__slider-wrap--mobile .crm-stages__footer { right: 20px; bottom: 24px; left: 20px; max-width: calc(100% - 40px) } .crm-stages__slider-wrap--mobile .crm-stages__footer .crm-stages__bar { margin-left: 35px; max-width: min(190px,100% - 35px) } .crm-benefits { position: relative; z-index: 1; padding: 150px 0 0 } @media (min-width: 768px) and (max-width:1279px) { .crm-benefits { padding-top:100px } } .crm-benefits__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin-bottom: 60px; max-width: 100% } @media (max-width: 767px) { .crm-benefits { padding-top:60px } .crm-benefits__head { gap: 12px; margin-bottom: 40px } } .crm-benefits__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-benefits__title { font-size:26px } } @media (max-width: 767px) { .crm-benefits__title { font-size:20px } } .crm-benefits__subtitle { margin: 0; max-width: 550px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-benefits__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin: 0; padding: 0; list-style: none } @media (max-width: 767px) { .crm-benefits__subtitle { font-size:14px } .crm-benefits__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .crm-benefits__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 18px); flex: 0 0 calc(25% - 18px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; min-width: 240px; max-width: 312px } @media (max-width: 1279px) { .crm-benefits__item { -webkit-box-flex:1; -ms-flex: 1 1 calc(50% - 12px); flex: 1 1 calc(50% - 12px) } } @media (max-width: 767px) { .crm-benefits__item { -webkit-box-flex:1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100% } } .crm-benefits__item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .crm-benefits__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px } .crm-benefits__icon:not(.crm-benefits__icon--clay) img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .crm-benefits__icon--clay { position: relative } .crm-benefits__icon--clay-narrow { width: 39.333px } .crm-benefits__icon--tablet.crm-benefits__icon--clay-narrow { width: 59px } .crm-benefits__icon--mobile.crm-benefits__icon--clay-narrow { width: 29.5px } .crm-benefits__icon-base { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .crm-benefits__icon-tint { position: absolute; mix-blend-mode: color; mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; inset: 0; pointer-events: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .crm-benefits__icon-tint--1 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-1-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-1-mask.webp) } .crm-benefits__icon-tint--2 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-2-mask.webp); background: linear-gradient(136.169deg,#2bac68 9.1837%,#2587f9 90.884%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-2-mask.webp) } .crm-benefits__icon-tint--3 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-3-mask.webp); background: linear-gradient(134.318deg,#2bac68 13.397%,#2587f9 84.002%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-3-mask.webp) } .crm-benefits__icon-tint--4 { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-4-mask.webp); background: linear-gradient(135.699deg,#2bac68 16.38%,#2587f9 85.291%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-benefits-4-mask.webp) } .crm-benefits__item-title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .crm-benefits__item-title { font-size:18px } } .crm-benefits__item-text { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-benefits__subtitle--tablet { max-width: 100%; font-size: 14px } .crm-benefits__list--tablet { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0,1fr))[2]; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px } .crm-benefits__item--tablet { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: none } .crm-benefits__icon--tablet { width: 60px; height: 60px } .crm-benefits__subtitle--mobile { max-width: 100%; font-size: 14px } .crm-benefits__list--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin: 0; padding: 0; list-style: none } .crm-benefits__item--mobile { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 8px; max-width: 100% } .crm-benefits__item--mobile .crm-benefits__item-head { gap: 12px } .crm-benefits__icon--mobile { width: 30px; height: 30px } .crm-page__lead { position: relative; z-index: 0; padding: 100px 0 50px; overflow: visible } @media (max-width: 767px) { .crm-benefits__list--tablet { -ms-grid-columns:1fr; grid-template-columns: 1fr } .crm-page__lead { padding: 60px 0 35px } } .crm-lead__gradients-scope { position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 60px; width: 100%; max-width: 1440px; overflow: visible; pointer-events: none } @media (max-width: 1279px) { .crm-lead__gradients-scope { padding:0 16px } } @media (min-width: 768px) and (max-width:1279px) { .crm-lead__gradients-scope { padding:0 45px } } .crm-lead__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .crm-lead__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 900px; height: 900px; pointer-events: none } .crm-lead__bg-gradient svg { display: block; width: 100%; height: 100% } .crm-lead__bg-gradient--green { top: -160px; left: -200px } .crm-lead__bg-gradient--blue { top: auto; right: -200px; bottom: -120px; left: auto } .crm-page__lead>.container { position: relative; z-index: 1 } .crm-lead__card.cta__card { min-height: 525px } .crm-lead__subtitle,.crm-lead__title { max-width: 621px } .crm-facts { position: relative; z-index: 1; padding: 75px 0 } @media (max-width: 1279px) { .crm-lead__bg-gradient { width:700px; height: 700px } .crm-lead__bg-gradient--green { top: -100px; left: -100px } .crm-lead__bg-gradient--blue { right: -100px; bottom: -100px } .crm-facts { padding: 50px 0 } } .crm-facts__title { margin: 0 0 60px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-facts__layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; min-width: 0 } @media (min-width: 1280px) { .crm-facts__layout { display:-ms-grid; display: grid; -ms-grid-columns: minmax(0,536px) 60px minmax(0,1fr); grid-template-columns: minmax(0,536px) minmax(0,1fr); -ms-grid-rows: auto 24px auto; grid-template-areas: "cards intro" "cards stats"; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; row-gap: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: start } .crm-facts__intro-block { grid-area: intro } } .crm-facts__intro-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; min-width: 0 } .crm-facts__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; min-width: 0 } @media (min-width: 768px) and (max-width:1279px) { .crm-facts__title { margin-bottom:40px; font-size: 26px } .crm-facts__cards { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 16px } } @media (max-width: 767px) { .crm-lead__bg-gradient { width:480px; height: 480px } .crm-lead__bg-gradient--green { top: -60px; left: -120px } .crm-lead__bg-gradient--blue { right: -120px; bottom: -60px } .crm-facts { padding: 35px 0 } .crm-facts__title { margin-bottom: 30px; font-size: 20px } .crm-facts__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .crm-facts-card { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px; min-width: 0; min-height: 230px } @media (min-width: 768px) and (max-width:1279px) { .crm-facts-card { border-radius:20px; padding: 24px; min-height: 141px } } @media (max-width: 767px) { .crm-facts-card { border-radius:20px; padding: 24px } } .crm-facts-card__title { margin: 0 0 24px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-facts-card__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .crm-facts-card__logo-plate { display: block; mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-facts-mincifry-mask.webp); margin: 0 auto; background: var(--color-blue,#2587f9); aspect-ratio: 431/94.281; width: 100%; max-width: 431px; -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-facts-mincifry-mask.webp); mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .crm-facts-card--top { display: block; position: relative; padding: 0; min-height: 230px; overflow: hidden } .crm-facts-card__media { min-width: 0; overflow: hidden } @media (min-width: 1280px) { .crm-facts__cards { grid-area:cards } .crm-facts-card--top { gap: 19px; min-height: 230px } .crm-facts-card__media { position: absolute; top: -3px; left: -85px; width: 320px; height: 236px } } @media (max-width: 1279px) { .crm-facts-card--top { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 19px; min-height: 0 } .crm-facts-card__media { position: relative; top: 0; left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; border-radius: 20px 0 0 20px; width: 40%; min-width: 0; max-width: 200px; height: auto; min-height: 0 } } @media (max-width: 767px) { .crm-facts-card__media { -webkit-box-flex:0; -ms-flex: 0 0 36%; flex: 0 0 36%; border-radius: 20px 0 0 20px; width: 36%; max-width: 160px } } .crm-facts-card__media img { display: block; width: 100%; min-width: 0; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .crm-facts-card__top-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0 } @media (min-width: 1280px) { .crm-facts-card__top-body { position:relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 40px 40px 247px; min-height: 230px } .crm-facts__stats { grid-area: stats } } @media (max-width: 1279px) { .crm-facts-card__top-body { -webkit-box-flex:1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 19px; padding: 20px 20px 20px 16px; min-width: 0; min-height: 0 } } .crm-facts-card__lead { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-facts-card__top-mark-wrap { -ms-flex-negative: 0; flex-shrink: 0; line-height: 0 } .crm-facts-card__top-mark { display: block; aspect-ratio: 204.907/36.5234; width: 204.907px; max-width: 100%; height: auto } .crm-facts-card__note { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-facts__intro { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-facts__intro { font-size:16px } } @media (max-width: 767px) { .crm-facts-card__top-body { padding:16px 16px 16px 12px } .crm-facts__intro { font-size: 14px } } .crm-facts__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: var(--color-grey,#666); font-weight: 600; font-size: 16px; line-height: 1.1; font-family: var(--base-font),sans-serif; text-decoration: none } .crm-facts__link:hover { color: var(--color-deep-grey,currentColor) } .crm-facts__link-ico { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3 6l4.5 4.5L12 6' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; width: 15px; height: 15px } .crm-facts__stats { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; margin: 0; padding: 0; list-style: none } @media (max-width: 767px) { .crm-facts__stats { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; text-align: center } } .crm-facts-stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; max-width: 280px } @media (max-width: 767px) { .crm-facts-stat { -webkit-box-flex:1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; text-align: center } } .crm-facts-stat__num { display: inline-block; -ms-flex-item-align: start; align-self: flex-start; margin: 0 0 20px; background: var(--gradient-accent,linear-gradient(108.835deg,#34ae6b 3.22%,#2587f9 86.86%)); background-clip: text; color: transparent; font-weight: 600; font-size: 38px; line-height: 1; font-family: var(--base-font),sans-serif; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .crm-facts-stat__title { margin: 0 0 10px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-facts-stat__text { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-pricing { position: relative; z-index: 1; padding: 75px 0 } .crm-pricing__title { margin: 0 0 60px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-pricing { padding:50px0 } .crm-pricing__title { margin-bottom: 40px; font-size: 26px } } @media (max-width: 767px) { .crm-facts-stat__num { -ms-flex-item-align:center; -ms-grid-row-align: center; align-self: center } .crm-facts-stat__text,.crm-facts-stat__title { text-align: center } .crm-pricing { padding: 35px 0 } .crm-pricing__title { margin-bottom: 30px; font-size: 20px } } .crm-pricing__grid { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0,648px))[2]; grid-template-columns: repeat(2,minmax(0,648px)); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 24px } .crm-price-card { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px 40px 120px; min-height: 474px } @media (max-width: 767px) { .crm-price-card { border-radius:20px; padding: 24px 24px 100px; min-height: 0 } } .crm-price-card--gradient { -webkit-box-shadow: none; box-shadow: none; background: linear-gradient(-73deg,#d3e7fe 7.81%,#d5eee1 89.18%) } .crm-price-card__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-bottom: 24px } .crm-price-card__name { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-pricing__grid { -ms-grid-columns:1fr; grid-template-columns: 1fr; gap: 16px } .crm-price-card__name { font-size: 18px } } .crm-price-card__tag { margin: 0; border: 1px solid var(--color-ivory,#e0e0e0); border-radius: 30px; background: var(--color-white,#fff); padding: 12px 20px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-price-card__tag { font-size:18px } } @media (max-width: 767px) { .crm-price-card__tag { font-size:16px } } .crm-price-card__tag--light { -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border: none; background: var(--color-white,#fff) } .crm-price-card__list { margin: 0 0 1em; padding-left: 24px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-price-card__intro { margin-bottom: 1em } .crm-price-card__intro p { margin: 0 0 8px; color: var(--color-deep-grey,currentColor); font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .crm-price-card__intro p,.crm-price-card__list { font-size:14px } } .crm-price-card__note { margin: 16px 0 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-price-card__btn { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 200px; white-space: nowrap } .crm-price-card__btn--dark { -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08) } .crm-checklist { position: relative; z-index: 1; padding: 75px 0 } @media (max-width: 767px) { .crm-price-card__note { font-size:14px; text-align: center } .crm-checklist { padding: 40px 0 } } .crm-checklist__inner { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0,1fr) 365px; grid-template-columns: minmax(0,1fr) 365px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-light-blue,#eef2fa); padding: 0; min-height: 340px; overflow: hidden } .crm-checklist__text { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px; min-width: 0 } @media (max-width: 1279px) { .crm-checklist__inner { -ms-grid-columns:1fr; grid-template-columns: 1fr; border-radius: 20px; min-height: 0 } .crm-checklist__text { padding: 24px 16px } } .crm-checklist__title { margin: 0 0 50px; max-width: 624px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-checklist__title { margin-bottom:32px; font-size: 26px } } @media (max-width: 767px) { .crm-checklist__title { margin-bottom:24px; font-size: 20px } .crm-checklist__submit { margin: 0 auto } } .crm-checklist__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px } .crm-checklist__input { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border: none; border-radius: 10px; background: var(--color-white,#fff); padding: 10px 16px; width: 410px; max-width: 100%; height: 50px; color: var(--color-deep-grey,currentColor); font-size: 16px; font-family: var(--base-font),sans-serif } .crm-checklist__input::-webkit-input-placeholder { color: var(--color-grey,#666) } .crm-checklist__input::-moz-placeholder { color: var(--color-grey,#666) } .crm-checklist__input:-ms-input-placeholder { color: var(--color-grey,#666) } .crm-checklist__input::-ms-input-placeholder { color: var(--color-grey,#666) } .crm-checklist__input::placeholder { color: var(--color-grey,#666) } .crm-checklist__submit { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200px } .crm-checklist__consent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; max-width: 560px; color: var(--color-grey,#666); font-size: 12px; line-height: 1.3; font-family: var(--base-font),sans-serif } .crm-checklist__consent strong { font-weight: 600 } .crm-checklist__checkbox { -ms-flex-negative: 0; flex-shrink: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin: 0; border: 1px solid var(--color-green,#34ae6b); border-radius: 4px; background-color: var(--color-white,#fff); width: 16px; height: 16px } .crm-checklist__checkbox:checked { border-color: var(--color-green,#34ae6b); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-size: 10px 8px; background-repeat: no-repeat; background-color: var(--color-green,#34ae6b) } .crm-checklist__checkbox:focus-visible { outline: 2px solid var(--color-blue,#2587f9); outline-offset: 2px } .crm-checklist__visual { position: relative; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; min-height: 340px } .crm-checklist__visual img { display: block; width: 100%; height: 100%; min-height: 340px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media (max-width: 1279px) { .crm-checklist__visual { display:none; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; min-height: 0 } .crm-checklist__visual img { border-radius: 16px; min-height: 200px; max-height: 240px } } .crm-page__faq.faq { padding-bottom: 0 } .crm-page__faq.faq .faq__inner { overflow: visible } .crm-page__faq.faq .faq-gradient { z-index: 0; width: 900px; height: 900px; pointer-events: none } .crm-page__faq.faq .faq__content { position: relative; z-index: 1 } .crm-page__faq.faq .faq__decor { z-index: 1 } .crm-page__faq.faq .faq-gradient--blue,.crm-page__faq.faq .faq-gradient--green { right: auto; bottom: auto } .crm-page__faq.faq .faq-gradient--blue { top: 35%; left: -200px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 768px) and (max-width:1279px) { .crm-page__faq.faq .faq-gradient--blue { top:32%; left: -120px } } @media (max-width: 767px) { .crm-checklist__visual img { min-height:180px; max-height: 220px } .crm-page__faq.faq .faq-gradient--blue { top: 20%; left: -100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .crm-page__faq.faq .faq-gradient--green { top: 35%; left: 400px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 768px) and (max-width:1279px) { .crm-page__faq.faq .faq-gradient--green { top:32%; left: 240px } .crm-page__faq.faq .faq-gradient { width: 700px; height: 700px } .crm-page__faq.faq .faq__decor { display: none } } .crm-page__final { padding-top: 100px; padding-bottom: 0 } @media (max-width: 767px) { .crm-page__faq.faq .faq-gradient--green { top:20%; left: 50%; -webkit-transform: translate(10%,-50%); -ms-transform: translate(10%,-50%); transform: translate(10%,-50%) } .crm-page__faq.faq .faq-gradient { width: 480px; height: 480px } .crm-page__final { padding-top: 60px } } .crm-related { position: relative; z-index: 1; padding: 100px 0 80px } .crm-related__title { margin: 0 0 60px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .crm-related { padding:80px 0 60px } .crm-related__title { margin-bottom: 40px; font-size: 26px } } @media (max-width: 767px) { .crm-related { padding:60px 0 40px } .crm-related__title { margin-bottom: 30px; font-size: 20px } } .crm-related__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; margin: 0; padding: 0; list-style: none } @media (min-width: 1280px) { .crm-facts__intro-block { -ms-grid-row:1; -ms-grid-column: 3 } .crm-facts__cards { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1 } .crm-facts__stats { -ms-grid-row: 3; -ms-grid-column: 3 } .crm-related__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (min-width: 768px) and (max-width:1279px) { .crm-related__list { display:-ms-grid; display: grid; -ms-grid-columns: (minmax(0,1fr))[3]; grid-template-columns: repeat(3,minmax(0,1fr)); -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; gap: 24px } .crm-related__list>li { min-width: 0 } } .crm-related__list>li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0 } @media (max-width: 767px) { .crm-related__list { display:-ms-grid; display: grid; -ms-grid-columns: (minmax(0,1fr))[2]; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px } .crm-related__list>li { min-width: 0 } } .crm-related-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: -webkit-box-shadow .2s,-webkit-transform var(--transition); transition: -webkit-box-shadow .2s,-webkit-transform var(--transition); transition: box-shadow .2s,transform var(--transition); transition: box-shadow .2s,transform var(--transition),-webkit-box-shadow .2s,-webkit-transform var(--transition); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 16px; background: var(--color-white,#fff); padding: 23px 14px; width: 200px; height: 100%; min-height: 138px; color: inherit; text-decoration: none } .crm-related-card:hover { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 8px 30px rgba(1,8,3,.12); box-shadow: 0 8px 30px rgba(1,8,3,.12) } @media (max-width: 1279px) { .crm-related-card { row-gap:12px; width: 100%; max-width: none } } @media (max-width: 767px) { .crm-related-card { border-radius:10px; padding: 16px 12px 12px; width: 100%; min-height: 0 } } .crm-related-card__icon { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 8px; width: 64px; height: 64px } .crm-related-card__icon--clay { position: relative } .crm-related-card__icon-base { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .crm-related-card__icon-tint { position: absolute; mix-blend-mode: color; mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; inset: 0; background: linear-gradient(98.5355deg,var(--color-green,#34ae6b) 3.2197%,var(--color-blue,#2587f9) 86.856%); pointer-events: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100% } .crm-related-card__icon-tint--site { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-site-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-site-mask.webp) } .crm-related-card__icon-tint--support { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-support-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-support-mask.webp) } .crm-related-card__icon-tint--auto { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-auto-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-auto-mask.webp) } .crm-related-card__icon-tint--transfer { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-transfer-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-transfer-mask.webp) } .crm-related-card__icon-tint--training { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-training-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-training-mask.webp) } .crm-related-card__icon-tint--tech { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-tech-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/crm-related-tech-mask.webp) } .crm-related-card__name { margin-top: auto; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-align: center } @media (max-width: 767px) { .crm-related-card__name { font-size:14px } }
/* End */


/* Start:/local/templates/main/assets/css/utils.css?17888787184206*/
.link-tag,.tag{color:var(--color-grey,#666);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.link-tag:hover,.tag:hover{color:var(--color-deep-grey,currentColor)}.link-arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-12,12px);color:var(--color-deep-grey,currentColor);font-weight:600;font-size:16px;line-height:1.1;font-family:var(--base-font),sans-serif;text-decoration:none}.link-arrow:hover{color:var(--color-green,#34ae6b)}.link-arrow__icon{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-4,4px);z-index:1}.breadcrumbs-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:20px;padding-bottom:20px;min-height:64px}.breadcrumbs-wrap .container{position:relative;z-index:1}@media (max-width:767px){.breadcrumbs .breadcrumbs__item{font-size:14px}.breadcrumbs .breadcrumbs__icon{width:16px;height:16px}.breadcrumbs .breadcrumbs__divider{width:16px;height:16px;font-size:12px}.breadcrumbs-wrap{padding-top:8px;padding-bottom:8px;min-height:40px}}.breadcrumbs__item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-8,8px);color:var(--color-deep-grey,currentColor);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.breadcrumbs__item--link{color:var(--color-green,#34ae6b)}.breadcrumbs__item--link:hover{text-decoration:underline}.breadcrumbs__icon{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px}.breadcrumbs__divider{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);width:24px;height:24px;color:var(--color-grey,#666);font-size:14px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.pagination__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;cursor:pointer;border:none;border-radius:4px;background:0 0;padding:8px;width:32px;height:32px;color:var(--color-deep-grey,currentColor)}.pagination__arrow:hover{background:var(--color-light-grey,#f8f8f8)}.pagination__arrow-icon{width:24px;height:24px}.pagination__number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;cursor:pointer;border:none;border-radius:1000px;background:0 0;padding:0 8px;min-width:44px;height:44px;color:var(--color-grey,#666);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.pagination__number:hover{color:var(--color-deep-grey,currentColor)}.pagination__number--active{cursor:default;background:var(--color-green,#34ae6b);color:var(--color-white,#fff);font-weight:600}.pagination__ellipsis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;min-width:44px;height:44px;color:var(--color-grey,#666);font-size:16px;font-family:var(--base-font),sans-serif}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/team_about/style.css?17911889138309*/
.team-about {
    padding: clamp(50px,.901rem + 4.33vw,4.688rem) 0
}

@media (max-width: 767px) {
    .team-about {
        padding-top: 30px;
    }
}


.team-about__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: clamp(1rem,.048rem + 4.23vw,3.75rem)
}

.team-about__head-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(.75rem,.577rem + .77vw,1.25rem);
    max-width: 830px
}

.team-about__subtitle {
    margin: 0;
    color: var(--color-deep-grey,currentColor);
    font-weight: 400;
    font-size: clamp(.875rem,.788rem + .38vw,1.125rem);
    line-height: 1.3;
    font-family: var(--base-font),sans-serif
}

.team-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.team-about__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    row-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-inline:clamp(3.75rem,-2.037rem + 9.04vw,5.875rem)}

@media (max-width: 1279px) {
    .team-about__grid {
        padding-inline:0
    }

    .team-about .team-about-swiper {
        -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(9%,#000),color-stop(91%,#000),to(rgba(0,0,0,0)));
        -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 9%,#000 91%,rgba(0,0,0,0) 100%);
        mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(9%,#000),color-stop(91%,#000),to(rgba(0,0,0,0)));
        mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 9%,#000 91%,rgba(0,0,0,0) 100%);
        margin-inline:-45px;padding-top: 6px;
        padding-bottom: 20px;
        padding-inline:45px;width: calc(100% + 90px);
        max-width: calc(100% + 90px)
    }
}

.team-about .team-about-swiper .team-about-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.team-about .team-about-swiper .team-about-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    overflow: hidden
}

.team-about .team-about-swiper .team-about-card__image img,.team-about .team-about-swiper .team-about-card__image picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.team-about .team-about-swiper .team-about-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px
}

.team-about .team-about-swiper .team-about-card__name {
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: 16px;
    line-height: 130%
}

.team-about .team-about-swiper .team-about-card__image {
        height: 310px;
        max-height: 310px;
    }

@media (max-width: 425px) {
    .team-about .team-about-swiper .team-about-card__image {
        height: 410px;
        max-height: 410px;
    }
}  

@media (max-width: 767px) {
    .team-about .team-about-swiper {
        -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0)));
        -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%);
        mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0)));
        mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%);
        margin-inline:-16px;padding-top: 6px;
        padding-bottom: 20px;
        padding-inline:16px;width: calc(100% + 32px);
        max-width: calc(100% + 32px)
    }

    

    .team-about .team-about-swiper .team-about-card__name {
        font-size: 14px
    }
}

.team-about .team-about-swiper .team-about-card__status {
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%
}

.team-about__nav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .2s,opacity .2s,color .2s;
    transition: background-color .2s,opacity .2s,color .2s;
    cursor: pointer;
    -webkit-box-shadow: var(--input-shadow);
    box-shadow: var(--input-shadow);
    border: none;
    border-radius: 60px;
    background: var(--color-white,#fff);
    width: 44px;
    height: 44px
}

.team-about__nav-btn.swiper-button-disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none
}

.team-about__nav-btn:hover:not(.swiper-button-disabled) {
    opacity: .95;
    background: var(--color-green,#34ae6b);
    color: var(--color-white)
}

.team-about__nav-btn--next,.team-about__nav-btn--prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.team-about__nav-btn--prev {
    left: 8px
}

.team-about__nav-btn--next {
    right: 8px
}

.team-about .team-about__controls {
    display: none
}

@media (max-width: 1279px) {
    .team-about__nav-btn {
        display:none
    }

    .team-about .team-about__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        margin-top: 10px
    }
}

.team-about .team-about-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.team-about .team-about__dot {
    display: block;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    border: 1px solid var(--color-ivory);
    border-radius: 50%;
    background: #fff;
    width: 10px;
    height: 10px
}

.team-about .team-about__dot[aria-current=true] {
    background: var(--color-green)
}

.team-about__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px
}

@media (max-width: 1279px) {
    .team-about__info {
        font-size:14px
    }

    .team-about__info ul>li {
        gap: 12px
    }
}

.team-about__title {
    margin: 0;
    color: var(--color-deep-grey,currentColor);
    font-family: var(--base-font),sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 130%
}

@media (max-width: 1279px) {
    .team-about__title {
        font-size:26px
    }
}
/* End */


/* Start:/local/components/bitroid/consult.form/templates/.default/style.css?17877375671613*/
.bitroid-consult-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.bitroid-consult-form__honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bitroid-consult-form__textarea {
    display: block;
    width: 100%;
    min-height: 124px;
    resize: vertical;
    font: inherit;
}

.bitroid-consult-form__message {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.4;
}

.bitroid-consult-form__message.is-success {
    color: #208f51;
}

.bitroid-consult-form__message.is-error {
    color: #c93434;
}

.bitroid-consult-form [hidden] {
    display: none !important;
}

.bitroid-consult-form__success {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bitroid-consult-form__success-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
    border-radius: 50%;
    color: #ffffff;
    background: #34ae6b;
    font-size: 36px;
    line-height: 1;
}

.bitroid-consult-form__success .cta__subtitle {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}

.bitroid-consult-form__success .btn {
    margin-top: 24px;
}

.bitroid-consult-form [type="submit"][disabled] {
    cursor: wait;
    opacity: 0.7;
}

/* End */
/* /local/templates/main/assets/css/site-dev-page.min.css?179135729744304 */
/* /local/templates/main/assets/css/crm-page.min.css?179084755477810 */
/* /local/templates/main/assets/css/utils.css?17888787184206 */
/* /local/templates/main/components/bitrix/news.list/team_about/style.css?17911889138309 */
/* /local/components/bitroid/consult.form/templates/.default/style.css?17877375671613 */