/* Start:/local/templates/main/assets/css/about-page.min.css?179145131359816*/ .about-hero .hero__bg-gradient--green { top: -20%; left: -16% } @media (max-width: 1279px) { .about-hero .hero__bg-gradient--green { top:-23%; left: -26%; width: 700px; height: 700px } } @media (max-width: 767px) { .about-hero .hero__bg-gradient--green { top:-11%; left: -45% } } .about-hero .hero__bg-gradient--blue { top: -6%; left: 7% } .about-hero .hero__inner { padding-top: clamp(6.625rem,-.514rem + 0.87vw,12.5rem); padding-bottom: 100px } .about-hero .hero__content { row-gap: 40px; -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; margin-bottom: 67px } .about-hero .hero__title { max-width: 19ch } @media (max-width: 1279px) { .about-hero .hero__bg-gradient--blue { top:-14%; left: -2%; opacity: .85; width: 700px; height: 700px } .about-hero .hero__content { row-gap: clamp(1rem,-.823rem + 3.8vw,2.5rem) } .about-hero .hero__title { text-align: left } } @media (max-width: 767px) { .about-hero .hero__bg-gradient--blue { top:-6%; left: -9% } .about-hero .hero__inner { padding-top: 80px } .about-hero .hero__content { row-gap: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .about-hero .hero__title { text-align: center } } .about-hero .hero__image-wrap { position: absolute; top: 57px; right: 57px; width: clamp(19.5rem,-9.361rem + 60.13vw,43.25rem); height: clamp(18.313rem,-8.65rem + 51.17vw,40.5rem); } @media (max-width: 1279px) { .about-hero .hero__desc { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start } .about-hero .hero__subtitle { margin-bottom: 0; max-width: 50ch; text-align: left } .about-hero .hero__image-wrap { top: 0px; right: clamp(3rem,2.316rem + 1.42vw,3.563rem); left: initial; -webkit-transform: none; -ms-transform: none; transform: none } .services-grid-block__cell--g-tech .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/001.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-create .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/002.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-support .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/003.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-crm .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/004.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-transfer .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/005.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-gov .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/006.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-study .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/007.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-auto .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/008.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } .services-grid-block__cell--g-integration .service-card::after { position: absolute; right: 0; bottom: 0; z-index: 0; background-image: url(/local/templates/main/assets/css/../img/content/services/decor-elements/009.webp); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; pointer-events: none; content: "" } } .about-hero .advantages__list { gap: 24px } @media (max-width: 767px) { .about-hero .hero__desc { -webkit-box-align:center; -ms-flex-align: center; align-items: center } .about-hero .hero__subtitle { text-align: center } .about-hero .hero__image-wrap { top: 70px; right: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 429px; height: 402px } .about-hero .advantages__list { margin-top: 75px } } .about-hero .advantages__list .advantages__item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 12px); flex: 0 1 calc(50% - 12px) } @media screen and (min-width: 1400px) { .about-hero .advantages__list .advantages__item:last-child { -webkit-box-flex:0; -ms-flex: 0 0 445px; flex: 0 0 445px } } .about-hero .advantages__list .advantages__item:last-child .advantages__item-desc { max-width: none } .about-hero__actions { display: none } .services-grid-block { position: relative; z-index: 1; padding: 150px 0 0; overflow: visible } @media (min-width: 768px) and (max-width:1439px) { .services-grid-block { padding-top:100px } } @media (max-width: 767px) { .about-hero__actions { 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; gap: 16px; margin-top: 60px } .services-grid-block { padding-top: 60px } } .services-grid-block__inner { position: relative; z-index: 0 } .services-grid-block__grid,.services-grid-block__head { position: relative; z-index: 1 } .services-grid-block__bg-gradients { position: absolute; z-index: 0; inset: 0; overflow: visible; pointer-events: none } .services-grid-block__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 } .services-grid-block__bg-gradient svg { display: block; width: 100%; height: 100% } .services-grid-block__bg-gradient--row-1 { top: -160px; left: -200px } .services-grid-block__bg-gradient--row-2 { top: 24%; right: -200px; left: auto } .services-grid-block__bg-gradient--row-3 { top: 50%; left: -200px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .services-grid-block__bg-gradient--row-4 { top: auto; right: -200px; bottom: -120px; left: auto } .services-grid-block__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 (min-width: 768px) and (max-width:1439px) { .services-grid-block__bg-gradient { width:700px; height: 700px } .services-grid-block__bg-gradient--row-1 { top: -120px; left: -120px } .services-grid-block__bg-gradient--row-2 { top: 22%; right: -100px } .services-grid-block__bg-gradient--row-3 { top: 50%; left: -100px } .services-grid-block__bg-gradient--row-4 { right: -100px; bottom: -100px } .services-grid-block__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin-bottom: 56px; text-align: center } } @media (max-width: 767px) { .services-grid-block__bg-gradient { width:480px; height: 480px } .services-grid-block__bg-gradient--row-1 { top: -60px; left: -160px } .services-grid-block__bg-gradient--row-2 { top: 20%; right: -140px } .services-grid-block__bg-gradient--row-3 { top: 48%; left: -180px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .services-grid-block__bg-gradient--row-4 { right: -160px; bottom: -80px } .services-grid-block__head { gap: 12px; margin-bottom: 30px } } .services-grid-block__title { margin: 0; max-width: 863px; 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:1439px) { .services-grid-block__title { -ms-flex-item-align:center; -ms-grid-row-align: center; align-self: baseline; font-size: 26px } } @media (max-width: 767px) { .services-grid-block__title { font-size:20px } } .services-grid-block__subtitle { 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 (min-width: 768px) and (max-width:1439px) { .services-grid-block__subtitle { -ms-flex-item-align:center; -ms-grid-row-align: center; align-self: center; max-width: 562px; font-size: 14px } } .services-grid-block__grid { 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 (min-width: 768px) and (max-width:1439px) { .services-grid-block__grid { display:-ms-grid; display: grid; -ms-grid-columns: minmax(0,1fr) 16px minmax(0,1fr); grid-template-columns: repeat(2,minmax(0,1fr)); -ms-grid-rows: auto 16px auto 16px auto 16px auto 16px auto 16px auto 16px auto 16px auto; gap: 16px; width: 100%; max-width: 100% } } @media (max-width: 767px) { .services-grid-block__subtitle { font-size:14px } .services-grid-block__grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px } } .services-grid-block__cell { -ms-flex-negative: 0; flex-shrink: 0 } .services-grid-block__cell--872 { -webkit-box-flex: 0; -ms-flex: 0 0 872px; flex: 0 0 872px; max-width: 100% } .services-grid-block__cell--312 { -webkit-box-flex: 0; -ms-flex: 0 0 312px; flex: 0 0 312px; max-width: 100% } .services-grid-block__cell--424 { -webkit-box-flex: 0; -ms-flex: 0 0 424px; flex: 0 0 424px; max-width: 100% } .services-grid-block__cell--648 { -webkit-box-flex: 0; -ms-flex: 0 0 648px; flex: 0 0 648px; max-width: 100% } .services-grid-block__cell--984 { -webkit-box-flex: 0; -ms-flex: 0 0 984px; flex: 0 0 984px; max-width: 100% } .services-grid-block__cell--1320 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100% } .service-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 56px; min-height: 260px; overflow: hidden } .service-card--decor .service-card__desc,.service-card--decor .service-card__title { max-width: 546px } .service-card--wide-full .service-card__desc,.service-card--wide-full .service-card__title { max-width: 917px } .service-card__title { position: relative; z-index: 1; margin: 0 0 12px; 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:1439px) { .services-grid-block__cell { -webkit-box-flex:0; -ms-flex: none; flex: none; width: 100%; min-width: 0; max-width: none } .services-grid-block__cell--g-tech { grid-area: tech; -ms-grid-column-span: 3 } .services-grid-block__cell--g-create { grid-area: create; } .services-grid-block__cell--g-crm { grid-area: crm; -ms-grid-column-span: 3 } .services-grid-block__cell--g-support { grid-area: support; } .services-grid-block__cell--g-transfer { grid-area: transfer; -ms-grid-column-span: 3 } .services-grid-block__cell--g-gov { grid-area: gov; -ms-grid-column-span: 3 } .services-grid-block__cell--g-study { grid-area: study; -ms-grid-column-span: 3 } .services-grid-block__cell--g-auto { grid-area: automation; -ms-grid-column-span: 3 } .services-grid-block__cell--g-integration { grid-area: integration; -ms-grid-column-span: 3 } .services-grid-block .service-card { border-radius: 20px; padding: 24px 24px 48px; min-height: 200px } .services-grid-block__cell--g-auto .service-card,.services-grid-block__cell--g-gov .service-card,.services-grid-block__cell--g-integration .service-card { min-height: 250px } .services-grid-block .service-card__title { font-weight: 600; font-size: 18px; line-height: 1.3 } .services-grid-block .service-card__desc { font-size: 14px } } .service-card__desc { position: relative; z-index: 1; 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) { .services-grid-block__cell { -webkit-box-flex:1!important; -ms-flex: 1 1 100%!important; flex: 1 1 100%!important; max-width: 100% } .services-grid-block__cell--g-auto .service-card::after,.services-grid-block__cell--g-create .service-card::after,.services-grid-block__cell--g-crm .service-card::after,.services-grid-block__cell--g-gov .service-card::after,.services-grid-block__cell--g-integration .service-card::after,.services-grid-block__cell--g-study .service-card::after,.services-grid-block__cell--g-support .service-card::after,.services-grid-block__cell--g-tech .service-card::after,.services-grid-block__cell--g-transfer .service-card::after { width: 200px; height: 200px } .service-card { border-radius: 10px; padding: 16px 16px 48px; min-height: 220px } .services-grid-block__cell--g-auto .service-card,.services-grid-block__cell--g-gov .service-card,.services-grid-block__cell--g-integration .service-card { min-height: 250px } .service-card__title { font-size: 16px } .service-card__desc { font-size: 14px } } .service-card__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; bottom: 40px; left: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; z-index: 1; -webkit-transition: color .2s; transition: color .2s; 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 } .service-card__link::after { -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; content: "" } .service-card__link:hover { color: var(--color-deep-grey,currentColor) } @media (max-width: 767px) { .service-card__link { bottom:20px; left: 16px; gap: 4px; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 14px; line-height: 1.1 } .service-card__link::after { 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 } .service-card__link:hover { color: var(--color-green-2,#298955) } } @media (min-width: 768px) and (max-width:1439px) { .services-grid-block .service-card__link { bottom:24px; left: 24px; gap: 4px; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 14px; line-height: 1.1 } .services-grid-block .service-card__link::after { 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 } .services-grid-block .service-card__link:hover { color: var(--color-green-2,#298955) } } .service-card__decor { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: -100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 0; width: 490px; height: 490px; pointer-events: none } @media (min-width: 768px) and (max-width:1279px) { .service-card__decor { top:-40px; right: -20px; opacity: 1; width: 280px; height: 280px } } @media (max-width: 767px) { .service-card__decor { display:none; right: 0 } } .service-card__decor-stack { display: block; position: relative } .service-card__decor-stack--gov,.service-card__decor-stack--tech { width: 400px; height: 400px } @media (min-width: 768px) and (max-width:1279px) { .service-card__decor-stack--gov,.service-card__decor-stack--tech { width:260px; height: 260px } } .service-card__decor-stack--integration { width: 532px; height: 532px } @media (min-width: 768px) and (max-width:1279px) { .service-card__decor-stack--integration { width:300px; height: 300px } } .service-card__decor-base { display: block; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .service-card__decor-base--integration { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-integration-mask.webp); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-integration-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% } .service-card__decor-tint { position: absolute; top: 0; left: 0; mix-blend-mode: color; mask-position: center; mask-size: 100% 100%; mask-repeat: no-repeat; width: 100%; height: 100%; pointer-events: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100%; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center } .service-card__decor-tint--tech { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-tech-mask.webp); background: linear-gradient(126.55deg,#2587f9 2.5325%,#34ae6b 90.001%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-tech-mask.webp) } .service-card__decor-tint--gov { mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-gov-mask.webp); background: linear-gradient(126.55deg,#2587f9 2.5325%,#34ae6b 90.001%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-gov-mask.webp) } .service-card__decor-tint--integration { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-integration-mask.webp); background: linear-gradient(137.277deg,#2bac68 14.261%,#2587f9 89.009%); -webkit-mask-image: url(/local/templates/main/assets/css/../img/content/services/figma-color/card-integration-mask.webp) } .service-card__decor--integration { top: -40px; right: -80px; width: 532px; height: 532px } @media (min-width: 768px) and (max-width:1279px) { .service-card__decor--integration { top:-56px; right: -60px; width: 300px; height: 300px } .services-grid-block .service-card__decor,.services-grid-block .service-card__decor--integration { display: none!important } } .directions { --width-small-cell: clamp(17.063rem, 5.594rem + 23.89vw, 26.5rem); position: relative; z-index: 1; padding: 50px 0 0; overflow: visible } .directions .services-grid-block__bg-gradient--row-1 { top: -99px; left: -36px } @media (max-width: 767px) { .directions { padding:30px 0 } .directions .services-grid-block__bg-gradient--row-1 { top: -70px; left: -85px } } .directions .services-grid-block__bg-gradient--row-2 { top: 8%; right: 25px; left: auto } .directions__inner { position: relative; z-index: 0 } .directions .direction__grid { display: -ms-grid; display: grid; -ms-grid-columns: 424px 1fr 424px; grid-template-columns: 424px 1fr 424px; gap: 24px } .directions .services-grid-block__cell:nth-child(2),.directions .services-grid-block__cell:nth-child(3) { -ms-grid-column-span: 2; grid-column: span 2; height: 100% } .directions .services-grid-block__cell:nth-child(2) .direction-card,.directions .services-grid-block__cell:nth-child(3) .direction-card { -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -ms-flex-line-pack: center; align-content: center; padding-right: 100px } @media (max-width: 1279px) { .directions .services-grid-block__bg-gradient--row-2 { right:-81px } .directions .direction__grid { -ms-grid-columns: 273px 1fr 273px; grid-template-columns: 273px 1fr 273px; gap: 16px } .directions .services-grid-block__cell:nth-child(2) .direction-card,.directions .services-grid-block__cell:nth-child(3) .direction-card { row-gap: 12px; padding-right: 50px } } @media (max-width: 767px) { .directions .services-grid-block__bg-gradient--row-2 { top:28%; right: -95px } .directions .direction__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr } .directions .services-grid-block__cell:nth-child(2),.directions .services-grid-block__cell:nth-child(3) { grid-column: auto } .directions .services-grid-block__cell:nth-child(2) .direction-card,.directions .services-grid-block__cell:nth-child(3) .direction-card { padding-right: 16px } } .directions .services-grid-block__cell:nth-child(2) .direction-card__icon,.directions .services-grid-block__cell:nth-child(3) .direction-card__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-grid-column: 1; grid-column: 1; -ms-grid-row-align: center; align-self: center; width: 90px; height: 90px } @media (max-width: 1279px) { .directions .services-grid-block__cell:nth-child(2) .direction-card__icon,.directions .services-grid-block__cell:nth-child(3) .direction-card__icon { -ms-grid-row:1; grid-row: 1; width: 40px; height: 40px } .directions .services-grid-block__cell:nth-child(2) .direction-card__title,.directions .services-grid-block__cell:nth-child(3) .direction-card__title { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2 } } .directions .services-grid-block__cell:nth-child(2) .direction-card__desc,.directions .services-grid-block__cell:nth-child(3) .direction-card__desc { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3 } .directions .direction-card { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 30px; height: 100%; min-height: 250px } .directions .direction-card__icon { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; right: 0; -ms-grid-row: 1; grid-row: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-self: flex-start; width: clamp(2.5rem,.981rem + 3.16vw,3.75rem); height: clamp(2.5rem,.981rem + 3.16vw,3.75rem) } @media (max-width: 1279px) { .directions .direction-card { row-gap:12px; border-radius: 20px; padding: clamp(1.25rem,.491rem + 1.58vw,1.875rem); min-height: clamp(11.875rem,7.318rem + 9.49vw,15.625rem) } .directions .direction-card__icon { top: 0 } } .directions .direction-card__icon .icon { -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .directions .direction-card__title { margin: 0; font-size: clamp(1.125rem,.669rem + .95vw,1.5rem) } @media (max-width: 767px) { .directions .direction-card { -ms-grid-columns:auto 1fr; grid-template-columns: auto 1fr; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; border-radius: 10px; padding: 16px; min-height: 150px } .directions .direction-card__icon { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; -ms-grid-row-align: center; align-self: center } .directions .direction-card__title { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-size: 16px } .directions .direction-card__desc { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3 } } .directions .direction-card__desc { font-size: clamp(.875rem,.723rem + .32vw,1rem) } .crm-benefits { position: relative; z-index: 1; padding: 150px 0 50px } @media (min-width: 768px) and (max-width:1279px) { .crm-benefits { padding-top:100px; padding-bottom: 40px } } .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; padding-bottom: 30px } .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 } } .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 screen and (max-width: 1023.99px) { .crm-benefits__list { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 767px) { .crm-benefits__title { font-size:20px } .crm-benefits__list { gap: 16px } } .crm-benefits__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 calc(32% - 12px); flex: 0 1 calc(32% - 12px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; min-width: 240px; max-width: 425px } @media (max-width: 1279px) { .crm-benefits__item { -webkit-box-flex:1; -ms-flex: 1 1 calc(32% - 12px); flex: 1 1 calc(32% - 12px) } } @media screen and (max-width: 1023.99px) { .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: 24px } .crm-benefits__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px } .crm-benefits__icon img,.crm-benefits__icon-base { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .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-head { gap:12px } .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 } .auto-page-partners__banner { 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; z-index: 1; -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; width: 100%; max-width: 1320px } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__banner { -webkit-box-align:center; -ms-flex-align: center; align-items: center; margin-right: auto; margin-left: auto; border-radius: 20px; padding: 20px; min-height: 0 } } @media (max-width: 767px) { .auto-page-partners__banner { 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; gap: 24px; border-radius: 10px; padding: 20px 16px 24px; min-height: 0 } } .auto-page-partners__banner-head { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0,495px) minmax(0,1fr) minmax(0,1fr); grid-template-columns: minmax(0,495px) minmax(0,1fr) minmax(0,1fr); -webkit-column-gap: 90px; -moz-column-gap: 90px; column-gap: 90px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 40px } @media (max-width: 1279px) { .auto-page-partners__banner-head { -ms-grid-columns:1fr; grid-template-columns: 1fr; justify-items: flex-start; gap: 24px; margin-bottom: 24px; text-align: left } } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__banner-head { 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: start; -ms-flex-align: start; align-items: flex-start; justify-items: unset; gap: 16px; margin-bottom: 16px; width: 100%; text-align: left } } @media (max-width: 767px) { .auto-page-partners__banner-head { 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; gap: 12px; margin-bottom: 0; width: 100%; text-align: center } } .auto-page-partners__banner-head-left { 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 } @media (max-width: 1279px) { .auto-page-partners__banner-head-left { -webkit-box-align:left; -ms-flex-align: left; align-items: left } } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__banner-head-left { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start; text-align: left } } @media (max-width: 767px) { .auto-page-partners__banner-head-left { -webkit-box-align:center; -ms-flex-align: center; align-items: center; gap: 12px; width: 100%; max-width: 305px } } .auto-page-partners__banner-title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3 } .auto-page-partners__banner-title--head-center { -ms-grid-column-align: start; justify-self: start; max-width: 42em } @media (max-width: 1279px) { .auto-page-partners__banner-title--head-center { justify-self:flex-start; max-width: 40ch } } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__banner-title--head-center { max-width:none; white-space: nowrap } .auto-page-partners__banner-title { font-size: 18px; white-space: nowrap } } @media (max-width: 767px) { .auto-page-partners__banner-title--head-center { max-width:246px } .auto-page-partners__banner-title { font-size: 16px } } .auto-page-partners__banner-text { margin: 0; max-width: 495px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3 } .head-item h4 { text-wrap: balance } .auto-page-partners__banner-badges { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(1rem,-4.62rem + 11.71vw,5.625rem) } @media (max-width: 1279px) { .auto-page-partners__banner-badges { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__banner-text { max-width:447px; font-size: 16px; text-align: left } .auto-page-partners__banner-badges { -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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 35px; width: 100% } } @media (max-width: 767px) { .auto-page-partners__banner-text { margin-right:auto; margin-left: auto; max-width: 305px; font-size: 14px } .auto-page-partners__banner-badges { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; width: 100% } } .auto-page-partners__badge-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 1; flex-shrink: 1; -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: 20px } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__badge-group { width:auto; max-width: none } } @media (max-width: 767px) { .auto-page-partners__badge-group { width:100%; max-width: 295px } } .auto-page-partners__badge-frame { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--color-light-blue,#eef2fa); border-radius: 10px; width: certificates__ticker; height: 212px; overflow: hidden } .auto-page-partners__badge-frame img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .auto-page-partners__badge-frame--gold { border-color: var(--color-light-blue,#eef2fa) } .auto-page-partners__badge-frame--1c { border-color: var(--color-ivory,#e0e0e0) } @media (min-width: 768px) and (max-width:1279px) { .auto-page-partners__badge-frame { -ms-flex-negative:0; flex-shrink: 0; width: 165px; height: 117px } } .auto-page-partners__badge-caption { color: var(--color-deep-grey); font-weight: 600; font-size: clamp(1rem,.848rem + .32vw,1.125rem); line-height: 130%; text-align: center } .certificates-about { padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 } .certificates-about__inner { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: clamp(1.563rem,1.346rem + .96vw,2.188rem); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .certificates-about__head { margin-bottom: 0 } .certificates-about .certificates__ticker { -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,#000),color-stop(90%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,#000),color-stop(90%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); margin-top: clamp(1.25rem,.385rem + 3.85vw,3.75rem) } @media (max-width: 1279px) { .certificates-about .certificates__ticker { -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%) } } @media (max-width: 767px) { .auto-page-partners__badge-frame { width:100%; max-width: 295px; height: 209px } .certificates-about .certificates__ticker { -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%) } } .team-about { padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 } .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__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% } @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: 24px; line-height: 130% } @media (max-width: 1279px) { .team-about__title { font-size:18px } } .clients-about { padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 } .clients-about .clients-about-swiper .card-client { display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; gap: clamp(1.563rem,-1.238rem + 5.7vw,3.75rem); min-height: clamp(10.625rem,1.424rem + 18.73vw,17.813rem) } .clients-about .clients-about-swiper .card-client__content { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: clamp(.625rem,-.175rem + 1.63vw,1.25rem); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% } .clients-about .clients-about-swiper .card-client__logo { width: 112px; height: 79px } .clients-about .clients-about-swiper .card-client__logo img { -webkit-filter: grayscale(1); filter: grayscale(1); width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .clients-about .clients-about-swiper .card-client__logo:hover img { -webkit-filter: grayscale(0); filter: grayscale(0) } @media (max-width: 767px) { .team-about__title { font-size:16px } .clients-about .clients-about-swiper { -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,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) } .clients-about .clients-about-swiper .card-client { -ms-grid-columns: 1fr; grid-template-columns: 1fr } .clients-about .clients-about-swiper .card-client__logo { width: 70px; height: 50px } } .clients-about .clients-about-swiper .card-client__quote { position: relative; padding-inline:clamp(2.188rem,-.933rem + 6.35vw,4.625rem);padding-block:clamp(.938rem,-.263rem + 2.44vw,1.875rem);color: var(--color-deep-grey); font-weight: 400; font-size: clamp(.875rem,.555rem + .65vw,1.125rem); line-height: 130% } .clients-about .clients-about-swiper .card-client__quote::after,.clients-about .clients-about-swiper .card-client__quote::before { position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; width: clamp(1.875rem,-.525rem + 4.89vw,3.75rem); height: clamp(1.875rem,-.525rem + 4.89vw,3.75rem); content: "" } .clients-about .clients-about-swiper .card-client__quote::before { top: 0; left: 0; background-image: url(/local/templates/main/assets/css/../img/general/quote/Group_156.webp) } .clients-about .clients-about-swiper .card-client__quote::after { right: 0; bottom: 0; background-image: url(/local/templates/main/assets/css/../img/general/quote/Group_157.webp) } .clients-about .clients-about-swiper .card-client__author { margin-top: auto; color: var(--color-grey); font-weight: 600; font-size: clamp(.875rem,.715rem + .33vw,1rem); line-height: 110% } .clients-about .clients-about-swiper .card-client__image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 20px; background: #d9d9d9; width: clamp(17.063rem,-3.98rem + 42.83vw,33.5rem); height: 100%; max-height: clamp(10.625rem,1.424rem + 18.73vw,17.813rem); overflow: hidden } .clients-about .clients-about-swiper .card-client__image img { width: 100%; height: auto; -o-object-position: top center; object-position: top center } @media (max-width: 767px) { .clients-about .clients-about-swiper .card-client__image { border-radius:10px; aspect-ratio: 33/17; width: 100%; max-height: none } } .clients-about .clients-about-swiper .card-client__image:not(:has(img)):after { 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; width: 100%; height: 100%; content: attr(data-type); color: var(--color-deep-grey); font-weight: 400; font-size: 18px; line-height: 130% } .clients-about__controls { display: none } @media screen and (max-width: 767px) { .clients-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 } } .clients-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 } .clients-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 } .clients-about__dot[aria-current=true] { background: var(--color-green) } .clients-about__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px } .clients-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 } @media screen and (max-width: 767px) { .clients-about__nav-btn { display:none } } .clients-about__nav-btn.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: none } .clients-about__nav-btn:hover:not(.swiper-button-disabled) { opacity: .95; background: var(--color-green,#34ae6b); color: var(--color-white) } .clients-about__nav-btn--next,.clients-about__nav-btn--prev { z-index: 2 } .clients-about__nav-btn--prev { left: 8px } .clients-about__nav-btn--next { right: 8px } .technologies { padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 } .technologies__inner { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill,minmax(min(clamp(13.125rem,4.771rem + 17.41vw,20rem),100%),1fr)); gap: clamp(1rem,.392rem + 1.27vw,1.5rem) } @media screen and (max-width: 566px) { .technologies__inner { -ms-grid-columns:1fr; grid-template-columns: 1fr } } .technologies .technolog-item { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: clamp(1rem,.392rem + 1.27vw,1.5rem); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white); padding: clamp(1.5rem,.285rem + 2.53vw,2.5rem) } .technologies .technolog-item:nth-child(2) { background: var(--color-light-grey) } .technologies .technolog-item:nth-child(3) { background: var(--color-light-blue) } @media (max-width: 767px) { .technologies .technolog-item { border-radius:10px } } .technologies .technolog-item__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: clamp(.75rem,.446rem + .63vw,1rem); list-style: none } .technologies .technolog-item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(.75rem,.446rem + .63vw,1rem); -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 60px; background: var(--color-white); padding: 4px 12px 4px 8px; color: var(--color-deep-grey); font-weight: 400; font-size: clamp(1rem,.848rem + .32vw,1.125rem); line-height: 130% } .technologies .technolog-item__link .technolog__icon { 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; border: 1px solid var(--color-light-grey); border-radius: 140px; width: clamp(1.875rem,1.116rem + 1.58vw,2.5rem); height: clamp(1.875rem,1.116rem + 1.58vw,2.5rem) } .history { --width-small-cell: clamp(13.438rem, 6.07rem + 15.35vw, 19.5rem); --gap-cell: clamp(1rem, 0.392rem + 1.27vw, 1.5rem); position: relative; z-index: 1; padding: 50px 0; overflow: visible } .history .services-grid-block__bg-gradient--row-1 { top: -99px; left: -36px } @media (max-width: 767px) { .history { padding:30px 0 } .history .services-grid-block__bg-gradient--row-1 { top: -70px; left: -85px } } .history .services-grid-block__bg-gradient--row-2 { top: 8%; right: 25px; left: auto } @media (max-width: 1279px) { .history .services-grid-block__bg-gradient--row-2 { right:-81px } } @media (max-width: 767px) { .history .services-grid-block__bg-gradient--row-2 { top:28%; right: -95px } } .history__inner { position: relative; z-index: 0 } .history .history__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; gap: var(--gap-cell) } .history .services-grid-block__cell { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - var(--gap-cell)/ 2); flex: 0 1 calc(50% - var(--gap-cell)/ 2) } .history .services-grid-block__cell .history-card { -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; -webkit-column-gap: clamp(1rem,.392rem + 1.27vw,1.5rem); -moz-column-gap: clamp(1rem,.392rem + 1.27vw,1.5rem); column-gap: clamp(1rem,.392rem + 1.27vw,1.5rem); -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 1023px) { .history .services-grid-block__cell .history-card { -ms-grid-columns:1fr; grid-template-columns: 1fr; justify-items: flex-start } } .history .services-grid-block__cell--small { -webkit-box-flex: 0; -ms-flex: 0 0 var(--width-small-cell); flex: 0 0 var(--width-small-cell) } .history .services-grid-block__cell--small .history-card { -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-items: center; min-height: 210px } @media screen and (max-width: 1023px) { .history .services-grid-block__cell--small .history-card { min-height:196px } } @media screen and (max-width: 767px) { .history .services-grid-block__cell--small .history-card { justify-items:flex-start; min-height: 0 } } .history .services-grid-block__cell--small .history-card__title { text-align: center } .history .services-grid-block__cell--full { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - var(--width-small-cell) - var(--gap-cell)); flex: 0 1 calc(100% - var(--width-small-cell) - var(--gap-cell)) } .history .services-grid-block__cell--full .history-card { min-height: 210px } @media screen and (max-width: 1023px) { .history .services-grid-block__cell--full .history-card { -ms-grid-columns:1fr; grid-template-columns: 1fr; justify-items: flex-start; min-height: 196px } } .history .history-card { display: -ms-grid; display: grid; row-gap: clamp(.5rem,.059rem + 1.96vw,1rem); padding: clamp(1.875rem,1.04rem + 1.74vw,2.563rem) clamp(1.875rem,1.647rem + .47vw,2.063rem); min-height: 210px } @media screen and (max-width: 1023px) { .history .history-card { -ms-grid-rows:auto 1fr; grid-template-rows: auto 1fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 180px } .history .history-card__title { -ms-flex-item-align: start; align-self: flex-start } } @media screen and (max-width: 840px) { .history .history-card { min-height:160px } } .history .history-card .gradient-text { background-image: var(--gradient-accent); font-size: clamp(3.25rem,-1.003rem + 8.86vw,6.75rem); line-height: .77; -webkit-background-clip: text; background-clip: text; width: -webkit-min-content; width: -moz-min-content; width: min-content; -webkit-text-fill-color: transparent; color: var(--color-green) } @media screen and (max-width: 767px) { .history .services-grid-block__cell--full .history-card { min-height:0 } .history .history-card { padding: clamp(1rem,.228rem + 3.43vw,1.875rem); min-height: 0 } .history .history-card .gradient-text { font-size: clamp(1.688rem,.309rem + 6.13vw,3.25rem) } } .history .history-card__title { margin-bottom: 0; font-weight: 600; font-size: clamp(.875rem,.571rem + .63vw,1.125rem); line-height: 1.3; text-wrap: balance } .history .history-card__desc { font-size: clamp(.875rem,.571rem + .63vw,1.125rem); line-height: 1.3 } .evolution { padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 } .evolution__inner { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: clamp(1.875rem,1.226rem + 2.88vw,3.75rem); -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 } .evolution__text { max-width: 865px; font-size: clamp(.875rem,.788rem + .38vw,1.125rem) } :root { --width-small-cell: 424px } .pagination .active { background-color: var(--color-green, #34ae6b); color: var(--color-white, #fff); } .pagination a, .pagination span { 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 .3s, color .3s; transition: background-color .3s, color .3s; border-radius: 44px; width: 44px; height: 44px; color: var(--color-grey); font-weight: 400; font-size: 16px; line-height: 130%; text-decoration: none; } .work-process { /* padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 */ padding-bottom: 50px; } .work-process__container { position: relative } .work-process__bg-gradient--green { top: 2%; left: -3% } @media (max-width: 1279px) { .work-process__bg-gradient--green { top:8%; left: -12%; opacity: .7; width: 700px; height: 700px } } @media (max-width: 767px) { .work-process__bg-gradient--green { top:13%; left: -33%; width: 500px; height: 500px } } .work-process__bg-gradient--blue { top: 2%; left: 29% } .work-process__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 } .work-process__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3,1fr); gap: 24px; counter-reset: item } @media (max-width: 1279px) { .work-process__bg-gradient--blue { top:37%; left: 26%; opacity: .7; width: 500px; height: 500px } .work-process__inner { row-gap: 30px } .work-process__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); gap: 16px } } @media (max-width: 767px) { .work-process__bg-gradient--blue { top:45%; left: 9%; opacity: .7; width: 500px; height: 500px } .work-process__inner { row-gap: 20px } .work-process__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr } } .work-process__item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; row-gap: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; counter-increment: item; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white); padding: 30px 25px 30px 30px } .work-process__item::after { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; background: linear-gradient(290deg,#d3e7fe 0,#d5eee1 100%); content: counter(item); font-weight: 600; font-size: 150px; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .work-process__item--desc, .work-process__item--title { position: relative; z-index: 1 } @media (max-width: 1279px) { .work-process__item { border-radius:20px; padding: 20px 25px 20px 20px; min-height: 150px } .work-process__item--desc { font-size: 14px } } /* End */ /* Start:/local/templates/main/assets/css/about-reviews.min.css?179084704913841*/ .cta { position: relative; z-index: 1; padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 } .reviews-page-hero { padding-top: 200px } .reviews-page-hero__bg-gradient--green { top: -62%; left: -16% } @media (max-width: 1279px) { .reviews-page-hero { padding-top:100px } .reviews-page-hero__bg-gradient--green { top: -41%; left: -26%; width: 700px; height: 700px } } @media (max-width: 767px) { .reviews-page-hero { padding-top:80px } .reviews-page-hero__bg-gradient--green { top: -22%; left: -30%; opacity: .8; width: 500px; height: 500px } } .reviews-page-hero__bg-gradient--blue { top: -40%; left: 7% } .reviews-page-hero .hero__inner { padding-top: clamp(6.625rem,-.514rem + 14.87vw,12.5rem); padding-bottom: 100px } .reviews-page-hero .hero__content { row-gap: 40px; -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; margin-bottom: 200px } @media (max-width: 1279px) { .reviews-page-hero__bg-gradient--blue { top:-20%; left: -2%; opacity: .85; width: 700px; height: 700px } .reviews-page-hero .hero__content { row-gap: clamp(1rem,-.823rem + 3.8vw,2.5rem) } .reviews-page-hero .hero__title { text-align: left } } @media (max-width: 767px) { .reviews-page-hero__bg-gradient--blue { top:-18%; left: 11%; opacity: .8; width: 500px; height: 500px } .reviews-page-hero .hero__inner { padding-top: 80px } .reviews-page-hero .hero__content { row-gap: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .reviews-page-hero .hero__title { text-align: center } } .reviews-page-hero .hero__image-wrap { position: absolute; top: -162px; right: 57px; width: clamp(19.5rem,-9.361rem + 60.13vw,43.25rem); height: clamp(18.313rem,-8.65rem + 56.17vw,40.5rem) } @media (max-width: 1279px) { .reviews-page-hero .hero__desc { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start } .reviews-page-hero .hero__subtitle { margin-bottom: 0; max-width: 50ch; text-align: left } .reviews-page-hero .hero__image-wrap { top: -15%; right: clamp(3rem,2.316rem + 1.42vw,3.563rem); left: initial; -webkit-transform: none; -ms-transform: none; transform: none } } .reviews-page-hero .advantages__list { gap: 24px } @media (max-width: 767px) { .reviews-page-hero .hero__desc { -webkit-box-align:center; -ms-flex-align: center; align-items: center } .reviews-page-hero .hero__subtitle { text-align: center } .reviews-page-hero .hero__image-wrap { top: 45px; right: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 265px; height: 248px } .reviews-page-hero .advantages__list { margin-top: 75px } } .reviews-page-hero .advantages__list .advantages__item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 12px); flex: 0 1 calc(50% - 12px) } @media screen and (min-width: 1400px) { .reviews-page-hero .advantages__list .advantages__item:last-child { -webkit-box-flex:0; -ms-flex: 0 0 445px; flex: 0 0 445px } } .reviews-page-hero .advantages__list .advantages__item:last-child .advantages__item-desc { max-width: none } .reviews-page-hero__actions { display: none } .reviews-page .clients-say { position: relative; z-index: 1; padding-top: 100px; padding-bottom: clamp(1.875rem,.901rem + 4.33vw,4.688rem) } .reviews-page .clients-say__container { position: relative } .reviews-page .clients-say__bg-gradient--green { top: 10%; left: -9% } .reviews-page .clients-say__bg-gradient--green.green--two { top: 45%; left: 37% } @media (max-width: 1279px) { .reviews-page .clients-say__bg-gradient--green { top:12%; left: -15%; width: 700px; height: 700px } .reviews-page .clients-say__bg-gradient--green.green--two { top: 54%; left: 22%; width: 700px; height: 700px } } @media (max-width: 767px) { .reviews-page-hero__actions { 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; gap: 16px; margin-top: 60px } .reviews-page .clients-say { padding-top: 60px } .reviews-page .clients-say__bg-gradient--green { top: 11%; left: -45% } .reviews-page .clients-say__bg-gradient--green.green--two { top: 54%; left: -14% } } .reviews-page .clients-say__bg-gradient--blue { top: 20%; left: 20% } .reviews-page .clients-say__bg-gradient--blue.blue--two { display: none } .reviews-page .clients-say__inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; row-gap: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1 } @media (max-width: 1279px) { .reviews-page .clients-say__bg-gradient--blue { top:16%; left: 22%; opacity: .85; width: 700px; height: 700px } .reviews-page .clients-say__bg-gradient--blue.blue--two { display: block; top: 42%; left: -13%; opacity: .85; width: 700px; height: 700px } .reviews-page .clients-say__inner { row-gap: 40px } } .reviews-page .clients-say__actions { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 767px) { .reviews-page .clients-say__bg-gradient--blue { top:22%; left: -9% } .reviews-page .clients-say__bg-gradient--blue.blue--two { top: 42%; left: -50% } .reviews-page .clients-say__inner { row-gap: 30px } .reviews-page .clients-say__actions { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px } } @media (max-width: 767px) and (max-width:567px) { .reviews-page .clients-say__actions { -webkit-column-gap:17px; -moz-column-gap: 17px; column-gap: 17px } } .reviews-page .clients-say__actions .mobiles { padding: 10px 24px } @media (min-width: 768px) { .reviews-page .clients-say__actions .mobiles { display:none } } .reviews-page .clients-say__actions .clients-say__tab--active.mobiles { border-color: var(--color-green); background: var(--color-green); color: var(--color-white) } .reviews-page .clients-say__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 12px } .reviews-page .clients-say__tab { 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: color .3s,background .3s; transition: color .3s,background .3s; border: 1px solid var(--color-grey); border-radius: 60px; padding: 10px 24px; color: var(--color-grey); font-weight: 400; font-size: 16px; line-height: 130% } @media (max-width: 1279px) { .reviews-page .clients-say__tabs { gap:8px } .reviews-page .clients-say__tab { font-size: 14px } } @media (max-width: 767px) { .reviews-page .clients-say__tabs { visibility:hidden; opacity: 0; height: 0; overflow: hidden } .reviews-page .clients-say__tabs.active--tabs { visibility: visible; opacity: 1; padding-top: 16px; height: auto } .reviews-page .clients-say__tabs .clients-say__tab:first-of-type { display: none } .reviews-page .clients-say__tab { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 0; border-bottom: 1px solid var(--color-ivory); border-radius: 0; padding: 0 10px 4px; width: 100%; color: var(--color-grey); font-weight: 400; font-size: 16px; line-height: 130% } .reviews-page .clients-say__tab::after { -ms-flex-negative: 0; flex-shrink: 0; background-image: url(/local/templates/main/assets/css/../img/content/caret-down-grey.svg); background-position: center; background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; content: "" } } .reviews-page .clients-say__tab--active { border-color: var(--color-green); background: var(--color-green); color: var(--color-white) } @media (max-width: 767px) { .reviews-page .clients-say__tab--active { border-color:var(--color-ivory); background: 0 0; color: var(--color-green); font-weight: 600 } } .reviews-page .clients-say__tab.mobiles { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 40px; text-align: center } .reviews-page .clients-say__tab.mobiles::after { content: none } .reviews-page .clients-say__panel--content { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .reviews-page .clients-say__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); gap: 24px } @media (max-width: 1279px) { .reviews-page .clients-say__panel--content { row-gap:40px } .reviews-page .clients-say__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 16px } } .reviews-page .clients-say__item { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white); padding: 24px; color: var(--color-deep-grey) } @media (max-width: 1279px) { .reviews-page .clients-say__item { border-radius:20px } } @media (max-width: 767px) { .reviews-page .clients-say__item { border-radius:10px; padding: 20px } } .reviews-page .clients-say__item--quote { position: relative; padding-inline:clamp(2.188rem,-.933rem + 6.35vw,4.625rem);padding-block:clamp(.938rem,-.263rem + 2.44vw,1.875rem);color: var(--color-deep-grey); font-weight: 400; font-size: clamp(.875rem,.555rem + .65vw,1.125rem); line-height: 130% } .reviews-page .clients-say__item--quote::after,.reviews-page .clients-say__item--quote::before { position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; width: clamp(1.875rem,-.525rem + 4.89vw,3.75rem); height: clamp(1.875rem,-.525rem + 4.89vw,3.75rem); content: "" } .reviews-page .clients-say__item--quote::before { top: 0; left: 0; background-image: url(/local/templates/main/assets/css/../img/general/quote/Group_156.webp) } .reviews-page .clients-say__item--quote::after { right: 0; bottom: 0; background-image: url(/local/templates/main/assets/css/../img/general/quote/Group_157.webp) } .reviews-page .clients-say__item--info { display: -ms-grid; display: grid; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; row-gap: 12px; -ms-flex-line-pack: start; align-content: start; width: 100% } .reviews-page .clients-say__item--logotip { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-grid-column: 1; grid-column: 1; -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; /* background:#d9d9d9; */ width: 176px; height: 78px } .reviews-page .clients-say__item--logotip:empty::before { content: attr(data-stub); color: var(--color-deep-grey); font-weight: 600; font-size: 18px; line-height: 130% } .reviews-page .clients-say__item--logotip img,.reviews-page .clients-say__item--logotip svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .reviews-page .clients-say__item--author { font-weight: 600; font-size: 18px; line-height: 130% } @media (max-width: 1279px) { .reviews-page .clients-say__item--info { -webkit-column-gap:12px; -moz-column-gap: 12px; column-gap: 12px } .reviews-page .clients-say__item--logotip { width: 135px; height: 65px } .reviews-page .clients-say__item--author { font-size: 16px } } .reviews-page .clients-say__item--status { font-weight: 400; font-size: 14px; line-height: 130% } .reviews-page .clients-say__item--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: var(--color-grey); font-weight: 600; font-size: 18px; line-height: 110% } .reviews-page .clients-say__item--link:hover { color: var(--color-green) } @media (max-width: 1279px) { .reviews-page .clients-say__item--link { color:var(--color-green) } } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px } .pagination a,.pagination span { 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 .3s,color .3s; transition: background-color .3s,color .3s; border-radius: 44px; width: 44px; height: 44px; color: var(--color-grey); font-weight: 400; font-size: 16px; line-height: 130%; text-decoration: none } @media (max-width: 767px) { .reviews-page .clients-say__item--quote { padding-inline:0; padding-block:25px} .reviews-page .clients-say__item--logotip { width: 111px; height: 65px } .reviews-page .clients-say__item--link { font-size: 16px } .pagination a,.pagination span { width: 35px; height: 35px } } .pagination a:hover { background-color: var(--color-white-30); color: var(--color-green,#34ae6b) } .pagination .active { background-color: var(--color-green,#34ae6b); color: var(--color-white,#fff) } .pagination .next,.pagination .prev { background-color: #f8f9fa } .pagination .next:hover,.pagination .prev:hover { color: var(--color-green,#34ae6b) } .pagination .dots { border: none; padding: 8px 10px } /* 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/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/about-page.min.css?179145131359816 */ /* /local/templates/main/assets/css/about-reviews.min.css?179084704913841 */ /* /local/templates/main/assets/css/utils.css?17888787184206 */ /* /local/components/bitroid/consult.form/templates/.default/style.css?17877375671613 */