/home/bdqbpbxa/dev-subdomains/precisai-dev.goodface.com.ua/wp-content/themes/precisai/style.css
/*
Theme Name: Precis AI by Kobzza
Text Domain: http://holodomor-90.kobzzaagency.com/
Author: Bogdan Shmarov
Author URI: https://kobzza.com/
*/
:root {
--c-white: #fff;
--c-accent: #421694;
--c-ligh-gray: #F5F5F5;
--c-dark-grey: #1A1A1A;
--c-grey-4: #53517F;
--c-black: #000;
--c-dark-blue: #241F5A;
--c-light-violet: #8771F5;
--c-violet: #574D85;
--c-violet-6: #6443c4;
--c-violet-dark: #14092a;
--c-dark-green: #2C5047;
--c-green: #1D3E23;
--с-light-green-grey: #dbe4e1;
--с-green-grey: #5d7975;
--c-light-green: #5D7975;
--c-extra-light-green: #ECF0EF;
--c-red: #FF524F;
--font-family-base: 'Poppins', sans-serif;
--font-family-accent: 'Instrument Sans', sans-serif;
--move-s: 1px;
--move-s-n: -1px;
--move-l: 4px;
--move-l-n: -4px;
font-size: .75em;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
height: 100%;
scroll-behavior: smooth;
scroll-padding-top: 40px;
}
.html-glossary-term {
scroll-padding-top: 120px;
}
html.scrollLock {
overflow: hidden;
}
html, body {
min-height: 100%;
}
body {
font-family: var(--font-family-base);
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
line-height: 1.3;
color: var(--c-white);
}
body.inversion {
background-color: var(--c-extra-light-green);
}
body.scroll-lock {
overflow: hidden;
}
.body {
padding-top: 100px;
}
main {
flex: 1;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input:focus,
textarea:focus {
outline: unset;
}
::-webkit-input-placeholder {
color: #333;
font-weight: 500;
font-size: 16px;
opacity: 0.5;
}
::-moz-placeholder {
color: #333;
font-weight: 500;
font-size: 16px;
opacity: 0.5;
}
:-ms-input-placeholder {
color: #333;
font-weight: 500;
font-size: 16px;
opacity: 0.5;
}
::-ms-input-placeholder {
color: #333;
font-weight: 500;
font-size: 16px;
opacity: 0.5;
}
input::placeholder {
color: #444;
font-weight: 400;
}
p {
margin: 0;
}
p:not([class]):not(:last-child) {
margin-bottom: .6rem;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
line-height: 1;
font-family: var(--font-family-accent);
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h5 {
font-weight: bold;
font-family: var(--font-family-accent);
}
.fz-h1,
.fz-h2,
.fz-h3,
.fz-h4,
.hero-title,
.page-subtitle,
.why-precis-ai-item__title,
.section-title {
font-family: var(--font-family-accent);
}
/*.try-main :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .fz-h1, .fz-h2, .fz-h3, .fz-h4, .hero-title, .page-subtitle, .why-precis-ai-item__title, .section-title) {*/
/* font-family: var(--font-family-base);*/
/*}*/
img {
max-width: 100%;
height: auto;
}
::placeholder {
font-size: 16px;
}
a {
color: #777;
text-decoration: none;
}
a:active {
color: #ccc;
}
ul, ol {
padding: 0;
margin: 0;
}
li {
padding: 0;
margin: 0;
list-style: none;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: right;
}
.wp-block-quote {
margin: 0;
padding: 1em 2em;
background-color: #f3f3f3;
border-left: 4px solid var(--c-accent);
color: var(--c-accent);
}
.wp-block-quote p {
margin: 0;
font-size: 1.2em;
font-style: italic;
color: #000;
}
.single-content :where(h2, h3, h4, p, ul, ol, li),
.archive-press-releases-content :where(h2, h3, h4, p, ul, ol, li) {
margin: revert;
line-height: revert;
color: var(--c-dark-blue);
font-weight: revert;
}
.single-content :where(li, p),
.archive-press-releases-content :where(li, p) {
font-size: 16px;
line-height: 1.6;
}
.single-content li:not(:first-child),
.archive-press-releases-content li:not(:first-child) {
margin-top: .6rem;
}
.single-content :where(ul, ol),
.archive-press-releases-content :where(ul, ol) {
padding: revert;
list-style: revert;
}
.single-content li,
.archive-press-releases-content li {
list-style-type: revert;
}
/* Classes */
.c-pointer {
cursor: pointer;
}
.p-relative {
position: relative;
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.t-center {
text-align: center;
}
.fs-0 {
flex-shrink: 0;
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
.fs-0 {
flex-shrink: 0;
}
.pos-r {
position: relative;
}
.pos-a {
position: absolute;
}
.c-white {
color: var(--c-white);
}
.d-inline-flex {
display: inline-flex;
flex-wrap: wrap;
}
.d-block {
display: block;
}
.w-100 {
width: 100%;
}
.gap-8 {
gap: 8px;
}
.gap-16 {
gap: 1rem;
}
.gap-20 {
gap: 1.25rem;
}
.gap-32 {
gap: 2rem;
}
.jc-c {
justify-content: center;
}
.fd-column {
flex-direction: column;
}
.jc-sb {
justify-content: space-between;
}
.ai-c {
align-items: center;
}
.ai-fs {
align-items: flex-start;
}
.ai-fe {
align-items: flex-end;
}
.lh-1 {
line-height: 1;
}
.lh-13 {
line-height: 1.3;
}
.lh-15 {
line-height: 1.5;
}
.lh-16 {
line-height: 1.6;
}
.mb-4 {
margin-bottom: .25rem;
}
.mb-8 {
margin-bottom: .5rem;
}
.mb-16 {
margin-bottom: 1rem;
}
.mb-24 {
margin-bottom: 1.5rem;
}
.mb-32 {
margin-bottom: 2rem;
}
.mb-40 {
margin-bottom: 2.5rem;
}
.mb-56 {
margin-bottom: 3.5rem;
}
.mt-0 {
margin-top: 0;
}
.mt-16 {
margin-top: 1rem;
}
.mt-40 {
margin-top: 2.5rem;
}
.mt-56 {
margin-top: 3.5rem;
}
.ws-pl {
white-space: pre-line;
}
.c-dark-blue {
color: var(--c-dark-blue);
}
.с-green-grey {
color: var(--с-green-grey);
}
.с-violet-6 {
color: var(--c-violet-6);
}
.fz-h1 {
font-size: 20px;
}
.fz-h2 {
font-size: 28px;
}
.fz-h3 {
font-size: 32px;
}
.fz-h4 {
font-size: clamp(16px, 3.8vw, 1.5rem);
}
.fz-p1 {
font-size: clamp(16px, 2.9vw, 1.125rem);
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
/* Classes */
.section,
section {
padding: 30px 0;
}
.section--p-md {
padding: 3.75rem 0;
}
.section-pb-md {
padding-bottom: 3.75rem;
}
.section--sm-p {
padding: 40px 0;
}
.section--pt-0 {
padding-top: 0;
}
.section--pb-0 {
padding-bottom: 0;
}
header {
position: fixed;
top: 20px;
left: 0;
z-index: 3;
width: 100%;
transition: top .4s ease-in;
}
header.active {
top: 0;
}
.burger-menu {
display: block;
cursor: pointer;
user-select: none;
width: 40px;
position: relative;
z-index: 5;
padding: 10px 8px;
}
.burger-menu span {
display: block;
height: 2px;
background: #81CDAE;
margin-bottom: 8px;
border-radius: 100px;
transition: all .35s;
}
span.mobile-btn-bottom {
margin-bottom: 0;
}
.burger-menu.--active .mobile-btn-top {
transform: translateY(5px) translateX(0) rotate(45deg);
}
.burger-menu.--active .mobile-btn-bottom {
transform: translateY(-5px) translateX(0) rotate(-45deg);
}
.container {
width: 100%;
margin: 0 auto;
overflow-x: clip;
padding: 0 18px;
max-width: 1600px;
}
.container--fluid {
max-width: 100%;
}
div.container--right {
padding-right: 0;
}
.header-menu .buttons {
display: flex;
align-items: center;
}
.header-logo {
padding: 14px 0;
}
.header-logo-letter {
fill: var(--c-white);
transition: .3s fill ease-in-out;
}
.header-inversion .header-logo-letter {
fill: #421694;
}
.logo-animation {
transition: transform 0.3s ease-in-out;
}
.logo-animation:hover .frame-tl {
animation: TLAnimation 1s ease-in-out;
}
.logo-animation:hover .frame-tr {
animation: TRAnimation 1s ease-in-out;
}
.logo-animation:hover .frame-br {
animation: BRAnimation 1s ease-in-out;
}
.logo-animation:hover .frame-bl {
animation: BLAnimation 1s ease-in-out;
}
.frame {
transition: transform 0.2s;
}
.logo-animation:active .frame-tl {
transform: translate(var(--move-s), var(--move-s));
}
.logo-animation:active .frame-tr {
transform: translate(var(--move-s-n), var(--move-s));
}
.logo-animation:active .frame-br {
transform: translate(var(--move-s), var(--move-s-n));
}
.logo-animation:active .frame-bl {
transform: translate(var(--move-s-n), var(--move-s-n));
}
@keyframes TLAnimation {
0%,
50%,
100% {
transform: translate(0px);
}
25% {
transform: translate(var(--move-l-n), var(--move-l-n));
}
65% {
transform: translate(var(--move-s), var(--move-s));
}
}
@keyframes TRAnimation {
0%,
50%,
100% {
transform: translate(0px);
}
25% {
transform: translate(var(--move-l), var(--move-l-n));
}
65% {
transform: translate(var(--move-s-n), var(--move-s));
}
}
@keyframes BRAnimation {
0%,
50%,
100% {
transform: translate(0px);
}
25% {
transform: translate(var(--move-l-n), var(--move-l));
}
65% {
transform: translate(var(--move-s), var(--move-s-n));
}
}
@keyframes BLAnimation {
0%,
50%,
100% {
transform: translate(0px);
}
25% {
transform: translate(var(--move-l), var(--move-l));
}
65% {
transform: translate(var(--move-s-n), var(--move-s-n));
}
}
.header-logo__image {
display: inline-block;
max-width: 112px;
height: auto;
transition: max-width .3s ease-in-out;
}
.header-menu__row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 24px;
background: rgba(14, 7, 49, 0.49);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: 1px solid var(--c-violet);
border-radius: 8px;
}
.header-inversion .header-menu__row {
background-color: rgba(255, 255, 255, 0.4);
border-color: #7F9C90;
}
.menu-item-has-children > a:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: 4px;
height: 6px;
width: 10px;
background: url('/wp-content/uploads/2023/06/arrow-down-icon.svg') no-repeat center / cover;
filter: brightness(0) invert(1);
}
.menu-item-has-children:hover > a:after {
transform: rotate(180deg) translateY(4px);
}
.button {
display: inline-flex;
justify-content: center;
align-items: center;
background: var(--c-light-violet);
color: var(--c-white);
padding: 1rem 3.5em;
font-size: 18px;
font-weight: 600;
border-radius: 4px;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out;
border: 1px solid transparent;
line-height: 1;
}
.button--arrow {
gap: 8px;
align-items: center;
}
.button:hover {
box-shadow: 0 4px 20px rgba(255,255,255, .3);
}
.button--sm {
padding: 7px 50px;
text-transform: lowercase;
}
.button--white {
background-color: var(--c-ligh-gray);
color: var(--c-dark-blue);
}
.button--transparent {
border-color: transparent;
color: #6443C4;
background-color: transparent;
transition: .3s ease-in-out border-color;
}
.button--transparent:hover {
border-color: #6443C4;
}
.button--blue {
border-color: var(--c-dark-blue);
color: var(--c-dark-blue);
}
.button--dark-blue {
background-color: var(--c-dark-blue);
}
.button-arrow--sm .button-text {
padding: 11px 28px;
}
.button--blue .button-arrow {
background-color: var(--c-dark-blue);
}
.button--blue:hover {
box-shadow: 0 4px 20px rgba(21,56,98,.3);
}
.button-text {
padding: 12px 46px;
}
.button-arrow {
display: flex;
align-self: stretch;
background-color: var(--c-white);
padding: 14px 20px;
line-height: 1;
border-radius: 0 12px 12px 0;
}
.page-404-php {
text-align: center;
padding-top: 50px;
}
/*Pagination*/
.pagination-wrap {
display: flex;
justify-content: center;
width: 100%;
}
.nav-links {
display: flex;
justify-content: center;
align-items: center;
}
.navigation.pagination {
text-align: center;
padding: 20px 0;
}
.pagination {
display: flex;
gap: 8px;
justify-self: center;
flex-wrap: wrap;
}
.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
font-size: 16px;
font-weight: 600;
padding: 4px 10px;
line-height: 1;
border: 1px solid #DBE4E1;
border-radius: 50%;
color: #5D7975;
background-color: #fff;
transition: .3s ease-in-out background-color, .3s ease-in-out color, .3s ease-in-out border-color;
}
.page-numbers--disabled {
background-color: #f4f6f5;
cursor: default;
}
.page-numbers path {
fill: var(--c-violet-6);
}
.page-numbers--disabled path {
fill: rgba(20, 9, 42, 0.3);
}
.page-numbers:not(.page-numbers--disabled):hover,
.page-numbers:not(.page-numbers--disabled).current {
color: var(--c-light-violet);
border-color: var(--c-light-violet);
background-color: #f3f1fe;
}
.prev.page-numbers:not(.page-numbers--disabled):hover,
.next.page-numbers:not(.page-numbers--disabled):hover {
background: #f8f8f8;
}
.pagination-wrap .prev:not(.page-numbers--disabled):hover path,
.pagination-wrap .next:not(.page-numbers--disabled):hover path {
fill: #4D24AA;
}
.page-numbers--disabled {
}
.page-404-php {
width: 100%;
padding-top: 0;
padding-bottom: 50px;
margin-top: 50px;
}
.page-404-php .content {
text-align: left;
}
.page-404-php .title {
font-size: 80px;
margin-bottom: 0;
}
.page-404-php .text {
font-size: 28px;
}
.page-404-php .button {
padding: 20px 40px;
display: inline-block;
text-align: center;
margin: 36px 0;
/*background: #259bd4;*/
color: #fff;
}
.page-404-php .inner {
display: flex;
align-items: center;
justify-content: space-around;
}
.page-404-php img {
max-width: 350px;
}
.hero,
.try-hero {
background-color: var(--c-violet-dark);
z-index: 1;
overflow: hidden;
overflow-x: clip;
}
.hero__gradient {
position: absolute;
width: 100%;
height: 341px;
background: linear-gradient(180deg, rgba(20, 9, 42, 0.00) 3.88%, #14092A 81.07%);
left: 0;
bottom: 58rem;
transform: translateY(85%);
}
.video-section {
max-width: 1170px;
width: 100%;
margin: 0 auto 0;
transition: .15s linear transform;
z-index: 1;
}
.video-section-inner {
/*padding: 30px 63px 33px 58px;*/
padding: 2.6% 5% 2.7% 4.8%;
max-width: 1174px;
margin: 0 auto;
background: url('/wp-content/uploads/2024/12/ipad-pgoto.png') no-repeat center / contain;
}
.video-section-video {
display: block;
border-radius: 8px;
}
.video-section-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-section-content__text {
font-size: 2rem;
}
.hero__cube {
position: absolute;
left: -10%;
bottom: -45%;
z-index: 1;
pointer-events: none;
width: 738px;
height: 806px;
object-fit: contain;
}
.video-section-blur {
position: absolute;
top: 0;
right: 0;
transform: translate(42%, -13%);
z-index: -2;
pointer-events: none;
}
.video-section-button {
width: 4rem;
height: auto;
}
.video-section-image {
display: block;
height: auto;
border-radius: 8px;
}
.hero__container,
.try-main-container {
position: relative;
z-index: 1;
perspective: 700px;
overflow-x: unset;
}
.hero::before,
.try-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 900px;
background: url('/wp-content/uploads/2023/10/bg-mobile-first.jpg') no-repeat center / cover;
}
.hero__row {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
max-width: 1206px;
margin: 0 auto;
transition: .15s linear all, opacity .15s linear;
}
.hero-title {
font-size: 3.2rem;
font-weight: 700;
line-height: 1.2;
color: var(--c-white);
}
.hero-title p:not([class]):not(:last-child) {
margin-bottom: 0;
}
.hero-cube-image {
width: 360px;
height: 360px;
object-fit: contain;
margin-bottom: -50px;
}
.hero__row em {
color: #81CDAE;
font-style: inherit;
}
.meet-writing-assistant {
background-color: var(--c-extra-light-green);
}
.meet-writing-assistant__container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 64px;
}
.meet-writing-assistant-slider {
position: relative;
width: 100%;
}
/*.meet-writing-assistant-slider::after {*/
/* position: absolute;*/
/* content: "";*/
/* background: linear-gradient(270deg, #ECF0EF 19.77%, rgba(236, 240, 239, 0.00) 100%);*/
/* width: 160px;*/
/* height: 300px;*/
/* right: -50px;*/
/* top: 50%;*/
/* transform: translateY(-50%);*/
/*}*/
.meet-writing-assistant-text {
display: none;
}
.meet-writing-assistant-text.--active {
display: block;
}
.section-text-group h2 {
color: var(--c-dark-blue);
font-size: 28px;
font-weight: 700;
line-height: 1.3;
}
.section-text-group h2 em {
color: var(--c-accent);
font-style: inherit;
}
.section-text-group h3 {
color: var(--c-dark-blue);
margin: 24px 0 16px;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
}
.section-text-group p {
color: var(--c-dark-green);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.section-text-group ul {
margin-top: 40px;
}
.section-text-group li {
position: relative;
min-height: 38px;
padding-left: 46px;
font-size: 1.5rem;
}
.section-text-group li::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: url('/wp-content/uploads/2023/10/check-mark-icon.svg') no-repeat center / cover;
width: 32px;
height: 33px;
}
.section-text-group li:not(:last-child) {
margin-bottom: 6px;
}
.section-title {
font-size: 3rem;
font-weight: 700;
color: var(--c-dark-blue);
}
.section-title em {
color: var(--c-accent);
font-style: inherit;
}
.section-subtitle {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
color: var(--c-accent);
}
.section-subtitle--dark-blue {
color: var(--c-dark-blue);
}
.page-subtitle {
font-size: 1.5rem;
font-weight: 600;
color: var(--c-light-green);
line-height: 1.3;
}
.page-subtitle--dark-blue {
color: var(--c-dark-blue);
}
.meet-writing-assistant-slider__item {
position: relative;
height: 100%;
display: flex;
color: var(--c-green);
flex-direction: column;
align-items: center;
justify-content: center;
padding: .75rem 1.5rem;
text-align: center;
border-radius: 8px;
border: 1px solid #38574A;
background: rgba(111, 139, 127, 0.25);
transition: background .3s ease-in-out;
overflow: hidden;
}
.meet-writing-assistant-slider__item::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(227, 221, 255, 0.00) 0%, rgba(101, 79, 216, 0.52) 100%);
opacity: 0;
transition: .3s ease-in-out opacity, .3s ease-in-out border-color, .3s ease-in-out background;
}
.splide__slide.is-active .meet-writing-assistant-slider__item:not(.--no-active),
.meet-writing-assistant-slider__item:hover {
color: var(--c-accent);
border: 1px solid #B7AAFA;
background: var(--c-white);
}
.splide__slide.is-active .meet-writing-assistant-slider__item:not(.--no-active)::before,
.meet-writing-assistant-slider__item:hover::before {
opacity: 1;
}
.meet-writing-assistant-slider__icon-wrap {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: .3s ease-in-out background-color, .3s ease-in-out border-color;
}
.meet-writing-assistant-slider__icon {
object-fit: contain;
height: 110px;
width: auto;
}
.meet-writing-assistant-slider__title {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
word-spacing: 1000px;
white-space: pre-line;
margin-top: 16px;
}
.meet-writing-assistant-slider__about {
font-size: 18px;
font-weight: 600;
color: var(--c-light-green);
}
.my-carousel-progress-row {
position: relative;
display: flex;
align-items: center;
gap: 15px;
/*padding-right: 8.375rem;;*/
margin-top: 40px;
z-index: 1;
}
.my-carousel-progress {
position: relative;
background: #DBE4E1;
width: 100%;
height: 4px;
}
.my-carousel-progress-bar {
position: absolute;
top: 0;
background-color: var(--c-accent);
height: 4px;
transition: left 400ms ease;
width: 0;
}
.my-carousel-progress__count,
.track-user-activity__count {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.5;
color: var(--c-accent);
}
.delegate-job {
background-color: #DBE4E1;
}
.delegate-job-lists {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.delegate-job-item {
display: flex;
flex-direction: column;
padding: 2rem 2rem 0;
border-radius: 24px;
border: 1px solid #F6F8F7;
background: var(--c-extra-light-green);
box-shadow: -10px 16px 98px 0px rgba(127, 156, 144, 0.40);
}
.delegate-job-item__text h2 {
font-size: 2.5rem;
}
.delegate-job-item__text {
margin-bottom: 3rem;
}
.delegate-job-item__image {
display: block;
margin-top: auto;
}
.delegate-job {
overflow-x: clip;
}
.delegate-job__container {
overflow: unset;
}
.delegate-job-lists__cube {
position: absolute;
pointer-events: none;
width: 420px;
height: 420px;
/*top: 0;*/
/*right: 0;*/
/*transform: translate(45%, -41%);*/
top: -100px;
right: 0;
translate: 50% -50%;
object-fit: contain;
}
.delegate-job-lists__cube-shadow {
position: absolute;
bottom: -77px;
left: -13px;
z-index: -1;
width: 739px;
height: 539px;
object-fit: contain;
filter: blur(14px);
}
.track-user-activity {
margin: -1px 0;
}
.track-user-activity-slider__slide {
display: flex;
/*flex-wrap: wrap;*/
justify-content: space-between;
gap: 32px;
}
.track-user-activity__text-content {
width: 100%;
}
.track-user-activity__text :is(h2, h3, p, li) {
color: var(--c-white);
}
.track-user-activity__text h2 em {
color: #b7aafa;
}
.track-user-activity__image {
flex: 1;
height: auto;
align-self: baseline;
object-fit: contain;
object-position: left top;
}
.track-user-activity__container {
display: flex;
flex-wrap: wrap;
gap: 64px;
}
.track-user-activity__carousel-progress {
background-color: var(--c-extra-light-green);
height: 100%;
width: 4px;
}
.track-user-activity__progress-bar {
background-color: var(--c-accent);
transition: width 400ms ease;
}
.track-user-activity-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
/*.why-precis-ai {*/
/* background: radial-gradient(71.23% 24.55% at -3.83% 48.17%, rgba(219, 0, 255, 0.47) 0%, rgba(0, 0, 0, 0.00) 100%), radial-gradient(92.32% 65.05% at 89.01% -10.81%, rgba(26, 13, 171, 0.46) 0%, rgba(16, 74, 188, 0.00) 100%), #14092A;*/
/*}*/
.why-precis-ai.section {
overflow: hidden;
background-color: var(--c-violet-dark);
padding-bottom: 8rem;
}
.why-precis-ai__title {
font-size: 32px;
font-weight: 700;
line-height: 1.3;
color: var(--c-white);
margin-bottom: 3.5rem;
}
.why-precis-ai__lists {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.why-precis-ai-item {
max-width: calc(50% - 4px);
padding: 16px;
border-radius: 24px;
background: radial-gradient(113.13% 100% at 100% 100%, rgba(135, 113, 245, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), #14092A;
}
.why-precis-ai-item__title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
margin: .5rem 0 1rem;
}
.why-precis-ai-item__text {
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: #D3CBFB;
}
.flexible-pricing__lists {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.flexible-pricing-list {
display: flex;
flex-direction: column;
width: 100%;
padding: 2.5rem;
border-radius: 24px;
border: 1px solid #919FE2;
background: rgba(111, 82, 164, 0.35);
backdrop-filter: blur(16px);
color: var(--c-white);
}
.flexible-pricing-list__button {
padding: 16px;
width: 100%;
text-align: center;
margin-top: auto;
white-space: nowrap;
}
.flexible-pricing-list:hover,
.flexible-pricing-list:nth-of-type(2) {
border: 1px solid #919FE2;
background: linear-gradient(180deg, rgba(135, 113, 245, 0.81) 0%, rgba(83, 155, 119, 0.32) 100%);
backdrop-filter: blur(16px);
}
.flexible-pricing-list:nth-of-type(1) .flexible-pricing-list__button {
background-color: transparent;
border-color: var(--c-white);
color: var(--c-white);
}
.flexible-pricing-list__subtitle {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.flexible-pricing-list-price-row {
margin: 2rem 0;
display: flex;
align-items: center;
gap: 8px;
}
.flexible-pricing-list-price-row__subtitle {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.flexible-pricing-list-price-row__title {
font-size: 4.5rem;
font-weight: 700;
line-height: 1;
}
.flexible-pricing-list:nth-of-type(3) .flexible-pricing-list-price-row__title {
font-size: 3.5rem;
}
.flexible-pricing-list-row {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 16px;
}
.flexible-pricing-lists-row {
margin-bottom: 24px;
}
.flexible-pricing-list-row__title {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.flexible-pricing-list-row__image {
width: 12px;
height: auto;
transform: translateY(8px);
}
.why-precis-ai-cube-row {
position: relative;
height: 160px;
}
.why-precis-ai-cube {
position: absolute;
width: 1050px;
height: 1248px;
left: 75%;
top: 50%;
transform: translate(-75%, -42%);
object-fit: contain;
pointer-events: none;
}
.why-precis-ai-better {
background-color: #f3f1fe;
}
.why-precis-ai-better__row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 32px 64px;
}
.why-precis-ai-better-time {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 2px 74px;
padding: 24px;
border-radius: 24px;
border: 1px solid #D3CBFB;
background: var(--c-white);
width: 100%;
max-width: 450px;
}
.why-precis-ai-better-time__item {
position: relative;
font-size: 64px;
font-weight: 700;
line-height: 1.2;
color: #6443C4;
}
.why-precis-ai-better-time__item:nth-of-type(1)::after {
position: absolute;
content: "";
right: -44px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 30px;
background: url('/wp-content/uploads/2023/10/colons-icon.svg') no-repeat center / contain;
}
.why-precis-ai-better-info {
display: flex;
align-items: flex-start;
gap: clamp(16px, 1.6vw, 24px);
/*gap: 24px;*/
}
.why-precis-ai-better-time__item-row {
display: flex;
justify-content: space-between;
align-items: center;
width: 240px;
font-size: 18px;
color: #6443c4;
}
.why-precis-ai-better__image {
width: clamp(40px, 5vw, 80px);
height: auto;
flex-shrink: 0;
}
.why-precis-ai-better__title h2 {
font-size: clamp(20px, 3vw, 3rem);
}
.why-precis-ai-better-time__text {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #8E8BAB;
margin-top: 10px;
}
.why-precis-ai-better-time__caption-image {
width: 105px;
height: auto;
}
.why-precis-ai-better-table-wrap {
margin-top: 5rem;
padding: 4rem;
background-color: var(--c-white);
border-radius: 24px;
overflow-x: auto;
overflow-y: clip;
}
.why-precis-ai-better-table-title {
max-width: 700px;
}
.why-precis-ai-better-table-item {
display: flex;
gap: 16px;
border-bottom: 1px solid #E8E5F0;
}
.why-precis-ai-better-table-item:first-child .why-precis-ai-better-table-item__col-1 {
font-size: 2.5rem;
font-weight: 700;
}
.why-precis-ai-better-table-item:first-child {
border-bottom: unset;
}
.why-precis-ai-better-table-item:first-child :where(.why-precis-ai-better-table-item__col-2, .why-precis-ai-better-table-item__col-3, .why-precis-ai-better-table-item__col-4) {
padding: 30px 0 40px;
}
.why-precis-ai-better-table-item__col-1 span {
color: var(--c-accent);
}
.why-precis-ai-better-table-item:last-child {
border-bottom: unset;
}
.why-precis-ai-better-table {
min-width: 660px;
}
.why-precis-ai-better-table-item__col-1 {
flex: 1;
font-size: 1.5rem;
font-weight: 500;
color: var(--c-dark-blue);
padding: 20px 0;
min-width: 240px;
}
.why-precis-ai-better-table-item__col-2,
.why-precis-ai-better-table-item__col-3,
.why-precis-ai-better-table-item__col-4 {
display: flex;
justify-content: center;
align-items: center;
flex: 0 1 140px;
font-size: 1.5rem;
font-weight: 700;
color: var(--c-dark-blue);
text-align: center;
padding: 20px 0;
background-color: rgba(221,255,238,.7);
border-left: 2px solid #adebcc;
border-right: 2px solid #adebcc;
}
.why-precis-ai-better-table-item:first-child .why-precis-ai-better-table-item__col-2 {
border-top: 2px solid #adebcc;
border-radius: 16px 16px 0 0;
}
.why-precis-ai-better-table-item:last-child .why-precis-ai-better-table-item__col-2 {
border-bottom: 2px solid #adebcc;
border-radius: 0 0 16px 16px;
}
.why-precis-ai-better-table-item__col-3,
.why-precis-ai-better-table-item__col-4 {
background-color: rgba(255,244,244,.7);
border-left: 2px solid #FFBAB8;
border-right: 2px solid #FFBAB8;
}
.why-precis-ai-better-table-item:first-child .why-precis-ai-better-table-item__col-3,
.why-precis-ai-better-table-item:first-child .why-precis-ai-better-table-item__col-4 {
border-top: 2px solid #FFBAB8;
border-radius: 16px 16px 0 0;
}
.why-precis-ai-better-table-item:last-child .why-precis-ai-better-table-item__col-3,
.why-precis-ai-better-table-item:last-child .why-precis-ai-better-table-item__col-4 {
border-bottom: 2px solid #FFBAB8;
border-radius: 0 0 16px 16px;
}
.why-precis-ai-better-table__image {
width: 24px;
height: auto;
}
.reviews {
background-color: #dbe4e1;
}
.splide__slide-inner {
display: flex;
gap: 48px;
}
.reviews-slider-image-wrap {
max-width: 350px;
width: 100%;
background-color: #DBE4E1;
border-radius: 16px;
}
.reviews-slider__image {
height: 100%;
width: 100%;
object-fit: contain;
object-position: bottom center;
}
.splide__slide-content {
flex: 1;
}
.splide__slide-inner {
padding: clamp(2.5rem, 4.5vw, 4rem);
border-radius: 24px;
background-color: var(--c-white);
}
.reviews-slider__title {
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
color: var(--c-dark-blue);
}
.reviews-slider__signature {
font-size: 1.5rem;
font-weight: 500;
color: var(--c-light-green);
margin: 16px 0 24px;
}
.reviews-slider-count-row {
font-size: 1.5rem;
font-weight: 600;
color: #7F9C90;
}
.reviews-slider__count--active-slide {
color: var(--c-dark-green);
}
.reviews-slider-count-row {
display: flex;
align-items: center;
}
.reviews-slider-count-row-arrows {
display: flex;
align-items: center;
gap: 16px;
}
.reviews-slider-count-arrows {
width: 32px;
height: auto;
}
.splide__arrows--circle .splide__arrow {
position: absolute;
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--c-extra-light-green);
border: unset;
z-index: 1;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.splide__arrows--circle .splide__arrow--bg-white {
background-color: var(--c-white);
}
.splide__arrow--prev {
left: -58px;
}
.splide__arrow--next {
right: -58px;
}
.reviews-slider__quote {
position: absolute;
left: 0;
top: 25%;
transform: translateX(-56%);
}
.faq-row {
max-width: 1000px;
margin: 0 auto;
}
.faq.section {
position: relative;
padding-top: 0;
z-index: 1;
color: var(--c-dark-blue);
background-color: #dbe4e1;
}
.faq-wave-top {
z-index: -1;
width: 100%;
height: auto;
top: 0;
left: 0;
transform: translateY(-1px);
}
.faq-subtitle {
margin: 40px 0 10px;
font-size: 20px;
font-weight: 700;
}
.faq-title {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 2.5rem;
color: var(--c-accent);
}
.faq-item__header {
display: flex;
gap: 8px;
}
.faq-indicator {
position: relative;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.faq-indicator::before,
.faq-indicator::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -40%);
background: var(--c-accent);
border-radius: 10px;
}
.faq-indicator::before {
width: 100%;
height: 3px;
top: 60%;
}
.faq-indicator::after {
width: 3px;
height: 100%;
transition: .3s ease-in-out height;
}
.faq-item {
padding: 16px 24px;
border: #F6F8F7;
background: var( --c-extra-light-green);
border-radius: 8px;
cursor: pointer;
}
.faq-item__body {
padding: 0 20px;
max-height: 0;
opacity: 0;
overflow: hidden;
will-change: max-height;
transition: opacity 0.3s ease-out, max-height 0.3s ease-out, padding .3s ease-out, margin .3s ease-out;
box-sizing: content-box;
border-top: 1px solid #DBE4E1;
}
.faq-item.--show .faq-item__body {
opacity: 1;
padding: 1.3rem 20px;
margin: 1.25rem 0 0;
}
.faq-item__text {
line-height: 1.3;
font-size: 18px;
font-weight: 500;
color: var(--c-dark-green);
}
.faq-item__text a {
color: var(--c-accent);
}
.faq-item.--show .faq-indicator::after {
height: 0;
}
.faq-item:not(:last-child) {
margin-bottom: 25px;
}
.faq-item__text ul {
padding: 20px 0 20px 20px;
}
.faq-item__text li {
list-style: revert;
}
.faq-item__text li:not(:last-child) {
margin-bottom: 16px;
}
.faq-item__title,
.faq-item__count {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
}
.faq-item__title {
flex: 1;
}
.faq-sub-lists:not(:last-child) {
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
border-bottom: 1px solid #eec76840;
}
.faq-sub-lists:first-child .faq-title {
margin-top: 3rem;
}
div.increase-efficiency {
background-color: #F6F8F7;
padding: 80px 0;
overflow: hidden;
}
.body-front-page .increase-efficiency {
background-color: var(--c-white);
}
.increase-efficiency__title {
font-size: 2.3rem;
font-weight: 700;
line-height: 1.3;
margin-bottom: 16px;
color: var(--c-dark-blue);
}
.increase-efficiency .wpcf7-spinner {
position: absolute;
}
.increase-efficiency form .wpcf7-response-output {
font-size: 20px;
color: var(--c-light-violet);;
}
.wpcf7 form .wpcf7-response-output {
color: var(--c-dark-blue);
}
.increase-efficiency__text {
max-width: 740px;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
color: var(--c-dark-blue);
}
.increase-efficiency__row {
z-index: 1;
max-width: 1200px;
margin: 0 auto;
}
.increase-efficiency-form__row {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 4rem auto 0;
}
.increase-efficiency-form__row .button {
min-height: 56px;
}
.increase-efficiency-form__row .wpcf7-form.invalid .wpcf7-response-output {
display: none;
}
.increase-efficiency-form__title {
font-size: 16px;
font-weight: 700;
color: var(--c-dark-blue);
margin-bottom: 16px;
}
.increase-efficiency__image {
position: absolute;
/*left: 640px;*/
left: 44%;
top: 140%;
transform: translateY(-50%);
width: 1600px;
height: 1600px;
object-fit: contain;
z-index: -1;
pointer-events: none;
}
.increase-efficiency__container {
overflow: unset;
}
.subscribe-form__row {
display: flex;
align-items: flex-start;
gap: 24px;
max-width: 760px;
}
.subscribe-form__row .form-item {
width: 100%;
}
.form-item input {
width: 100%;
font-size: 16px;
font-weight: 400;
padding: 18px 22px;
border: 1px solid #B7AAFA;
background-color: transparent;
color: #B7AAFA;
border-radius: 4px;
}
.form-item input::placeholder,
.form-item textarea::placeholder {
font-family: var(--font-family-base);
font-size: 16px;
font-weight: 400;
opacity: .9;
color: #b7aafa;
}
.increase-efficiency .form-item input {
border: 2px solid #DBE4E1;
}
.increase-efficiency input::placeholder {
color: #7F9C90;
}
.about-us-main .drop-us-line {
background-color: var(--c-white);
}
.drop-us-line__container {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.drop-us-line-drop-us {
width: 100%;
padding: 2.5rem;
border-radius: 24px;
border: #DBE4E1;
background: #E3DDFF;
}
.drop-us-line-drop-us .wpcf7-not-valid-tip {
text-align: left;
}
.popup-form .drop-us-line-drop-us {
max-width: 100%;
padding: 0;
}
.more-question-form {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.form-item {
width: 100%;
}
.form-item--50 {
width: 100%;
}
.more-question-form input {
padding: 9.5px 12px;
border-radius: 4px;
border: 1px solid #D3CBFB;
background: #F3F1FE;
font-size: 16px;
color: #14092A;
font-weight: 400;
}
.more-question-form .form-item input::placeholder,
.more-question-form .form-item textarea::placeholder {
font-size: 16px;
font-weight: 400;
opacity: .9;
color: var(--c-grey-4);
}
.form-item textarea {
font-family: var(--font-family-base);
border-radius: 4px;
border: 2px solid #D3CBFB;
background: #F3F1FE;
padding: 9.5px 12px;
font-size: 16px;
color: #14092A;
font-weight: 400;
width: 100%;
resize: unset;
max-height: 80px;
}
.more-question-form .button {
padding: 14px 125px;
background-color: var(--c-light-violet);
color: var(--c-white);
border: 2px solid var(--c-light-violet);
font-weight: 600;
margin-top: 16px;
text-transform: capitalize;
}
div.get-started {
position: relative;
text-align: center;
padding: 7.5rem 0 max(17rem, 16vw);
overflow: hidden;
}
.get-started::after {
content: "";
position: absolute;
bottom: max(10.5vw, 130px);
left: 50%;
transform: translate(-50%, 100%);
border-radius: 50%;
width: 4415px;
height: 1812px;
background-color: var(--c-dark-blue);
}
.get-started__container {
position: relative;
overflow-x: unset;
z-index: 1;
}
.get-started__bg {
position: absolute;
z-index: -1;
left: 50%;
top: 0;
bottom: 0;
transform: translateX(-50%);
/*width: calc(100% - 3rem * 2);*/
width: 100%;
max-width: 1440px;
height: 100%;
object-fit: cover;
border-radius: 80px 80px 0 0;
}
.get-started__title {
font-size: 3rem;
font-weight: 700;
line-height: 1;
color: var(--c-dark-blue);
}
.get-started__text {
font-size: 2rem;
color: var(--c-white);
font-weight: 700;
margin: 2rem 0 0;
}
.get-started__row {
max-width: 788px;
margin: 0 auto;
}
.get-started__image {
display: none;
}
footer.footer {
position: relative;
background-color: var(--c-dark-blue);
padding-bottom: 0;
/*z-index: 1;*/
overflow: hidden;
padding-top: 5rem;
}
footer.footer-pt-100 {
padding-top: 6.25rem;
}
.footer-row__top,
.footer-row__bottom {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: center;
justify-content: space-between;
}
.footer-soc-icons {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 42px;
}
.footer .wpcf7-spinner {
position: absolute;
}
.footer-soc-icon-item {
width: 44px;
}
.footer-soc-icon-item__link {
display: block;
}
.footer-soc-icon-item__image {
width: 100%;
height: auto;
}
.footer-logo,
.footer-soc-icons {
width: 100%;
}
.footer-logo__image {
width: 160px;
}
.footer-menu {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 1rem 2.75rem;
}
.footer-menu a {
font-size: 18px;
font-weight: 500;
color: #B7AAFA;
}
.footer .increase-efficiency-form__title {
color: var(--c-white);
}
.footer .increase-efficiency-form__row,
.menu-footer-container {
max-width: 992px;
margin: 0;
flex: 1;
}
.footer-copyright {
margin-top: 4rem;
padding: 26px 0 24px;
background-color: #E3DDFF;
font-size: 14px;
font-weight: 500;
color: var(--c-dark-blue);
text-align: center;
}
.popup-form__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(12, 36, 64, 0.70);
z-index: 98;
transition: .3s ease-in-out opacity;
opacity: 0;
display: none;
}
.popup-form {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
padding: 3.75rem 6.25rem;
transition: .3s ease-in-out opacity;
opacity: 0;
display: none;
max-height: calc(100% - 30px);
max-width: 926px;
width: calc(100% - 30px);
background-color: #E3DDFF;
text-align: center;
min-height: 440px;
border-radius: 24px;
overflow: hidden;
border: 1px solid #D3CBFB;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.08);
}
.popup-form .more-question-form .button {
background-color: var(--c-violet-6);
border: 2px solid var(--c-violet-6);
}
.popup-form .wpcf7-form.invalid .button {
background-color: var(--c-red);
border: 2px solid var(--c-red);
}
.popup-form .wpcf7-response-output {
display: none;
}
.popup-form__overlay.--show,
.popup-form.--show {
opacity: 1;
display: block;
}
.popup-form__close {
position: absolute;
top: 44px;
right: 44px;
width: 24px;
height: 24px;
cursor: pointer;
}
.popup-form__close:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
height: 2px;
width: 100%;
background-color: #14092A;
transform: translateY(9px) translateX(0) rotate(45deg);
}
.popup-form__close:after {
content: "";
position: absolute;
top: 14px;
left: 0;
display: block;
height: 2px;
width: 100%;
background-color: #14092A;
transform: translateY(-5px) translateX(0) rotate(-45deg);
}
.popup-form__title {
color: var(--c-dark-blue);
font-size: 2.2rem;
line-height: 1.3;
font-weight: 600;
}
.popup-form__subtitle {
color: var(--c-dark-blue);
margin: 2.2rem 0 1rem;
font-size: 1.2rem;
}
.popup-form__text {
font-size: 1.25rem;
color: var(--c-dark-grey);
line-height: 1.6;
font-weight: 500;
}
.popup-form__text p:not(:last-child) {
margin-bottom: 1.2rem;
}
.popup-form__wave {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: -2;
}
.popup-form__car {
position: absolute;
bottom: -21px;
right: -2px;
z-index: -1;
max-width: 271px;
}
.drop-us-line-drop-us .wpcf7-spinner {
display: none;
}
.footer-contact-item__image {
width: 24px;
height: auto;
}
.footer-contact-item {
display: flex;
gap: 12px;
align-items: flex-start;
color: var(--c-white);
font-size: 18px;
font-weight: 500;
}
.footer-contact-item__text-content {
margin-top: 2px;
}
.footer-contact {
display: flex;
flex-wrap: wrap;
gap: 20px 62px;
margin-bottom: 3rem;
}
.header-mobile-menu__logo {
width: 112px;
height: auto;
margin-bottom: 54px;
display: block;
}
.page-php__content {
border-radius: 16px;
border: 1px solid #DBE4E1;
background: var(--c-white);
padding: 16px;
color: var(--c-dark-blue);
margin-bottom: 8.75rem;
}
.page-php__content .section-subtitle,
.page-php__content h2,
.page-php__content h3,
.page-php__content h4,
.page-php__content p {
margin: revert;
line-height: revert;
color: var(--c-dark-blue);
}
.page-php__content p {
line-height: 1.5;
}
.page-php__content ul,
.page-php__content ol {
padding: revert;
margin: revert;
}
.page-php__content p:not(:first-child),
.page-php__content li:not(:first-child) {
margin-top: .9rem;
}
.page-php__content li {
list-style: revert;
line-height: normal;
}
.page-php__content ol ol li {
list-style: lower-latin;
}
.archive-posts {
display: grid;
gap: 16px;
align-items: flex-start;
}
.archive-post {
height: 100%;
display: flex;
flex-direction: column;
border-radius: 16px;
overflow: hidden;
}
.archive-post-image {
border-radius: 16px 16px 0 0;
display: block;
width: 100%;
aspect-ratio: 388 / 218;
object-fit: cover;
object-position: top center;
}
.archive-post__content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
padding: 1.5rem clamp(1.5rem, 1.6vw, 2rem) 2rem;
background-color: var(--c-white);
}
.archive-post-title {
flex: 1;
}
.archive-post-title__link {
font-size: 1.25rem;
color: var(--c-dark-blue);
line-height: 1.3;
}
.archive-post-date {
display: block;
color: #8E8BAB;
font-size: 14px;
font-weight: 400;
}
.archive-post-date::after {
content: "⦁";
margin: 0 5px;
}
.archive-page-sidebar .archive-post-date::after {
display: none;
}
.archive-page__container,
.archive-page__header {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 40px;
}
.archive-page__header {
margin-bottom: 32px;
align-items: center;
}
.archive-page-content,
.archive-page-content__header {
flex: 1;
}
.archive-page-content__header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.archive-page-sidebar {
width: 100%;
}
.archive-page-sidebar-title {
display: flex;
align-items: center;
gap: 4px;
font-weight: 600;
color: var(--c-dark-blue);
font-size: 1.25rem;
}
.archive-page-sidebar-text {
font-size: 1.125rem;
color: var(--c-dark-blue);
}
.archive-page-sidebar-text a {
color: var(--c-grey-4);
}
.archive-page-sidebar-text a:hover {
color: #6443C4;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: unset;
padding: 0;
color: var(--с-green-grey);
}
.wpcf7 form.invalid .wpcf7-response-output {
color: var(--c-red);
}
.archive-page-sidebar__category {
display: block;
font-size: 1.25rem;
color: var(--c-grey-4);
font-weight: 500;
transition: .3s ease-in-out color;
}
.archive-page-sidebar__item {
display: flex;
flex-direction: column;
gap: 1.125rem;
}
.archive-page-sidebar__category:nth-child(2) {
order: -1;
}
.archive-page-sidebar__category:hover {
color: #6443C4;
}
.archive-page-sidebar__category.--active {
color: var(--c-dark-blue);
font-weight: 600;
}
.archive-post-blog-image-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 400;
color: var(--c-grey-4);
}
.archive-post-bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px 20px;
justify-content: space-between;
width: 100%;
}
.archive-post-read {
display: block;
color: #8E8BAB;
font-size: 14px;
font-weight: 400;
}
.latest-news {
background-color: var(--c-extra-light-green);
overflow: hidden;
}
.latest-news__inner {
max-width: 1200px;
margin: 0 auto;
}
.reviews__inner {
max-width: 1000px;
margin: 0 auto;
}
.reviews .reviews__container,
.latest-news .latest-news__container {
padding-left: 60px;
padding-right: 60px;
}
.archive-search {
width: 100%;
}
.archive-search__label {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 4px;
border: 2px solid #DBE4E1;
background-color: #F6F8F7;
}
.archive-search__input {
border: unset;
background-color: unset;
font-size: 18px;
font-weight: 500;
color: #7F9C90;
}
.archive-search__input::placeholder {
font-weight: 500;
font-size: 18px;
}
.search-result-header {
display: flex;
align-items: center;
gap: 32px;
}
.archive-page__back {
display: flex;
align-items: center;
gap: 8px;
font-size: 18px;
color: var(--c-grey-4);
font-weight: 500;
}
.search-result-header__arrow {
width: 20px;
height: auto;
}
.archive-page__no-result {
font-size: 20px;
font-weight: 500;
color: var(--c-grey-4);
}
.single-page-inner {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 40px;
margin-bottom: 140px;
}
.single-content,
.archive-press-releases-main .archive-page-content {
padding: clamp(16px, 4vw, 40px);
border-radius: 16px;
border: 1px solid #DBE4E1;
background: var(--c-white);
flex: 1;
}
.single-subheader {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.5rem 1.25rem;
}
.single-sidebar {
position: sticky;
top: 116px;
display: flex;
flex-wrap: wrap;
gap: 16px;
width: 100%;
}
.single-poster {
border-radius: 20px 20px 0 0;
/*padding: clamp(16px, 4vw, 40px) clamp(16px, 4vw, 40px) 0;*/
/*background: url('/wp-content/uploads/2023/10/get-started-bg.jpg') no-repeat center / cover;*/
}
.single-poster__title {
font-size: clamp(1.5rem, 5vw, 2.5rem);
font-weight: 700;
color: var(--c-dark-blue);
}
.single-poster__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1.25rem;
}
.single-poster__body {
display: flex;
justify-content: space-between;
gap: 1.25rem;
}
.single-poster__logo {
max-width: clamp(100px, 14vw, 140px);
}
.single-poster__author {
font-size: 1.25rem;
color: var(--c-dark-blue);
font-weight: 500;
}
.single-image {
width: 100%;
/*max-width: calc(100% - 40px - 20px);*/
border-radius: 20px 20px 0 0;
}
.single-poster-logo-vertical {
writing-mode: tb-rl;
transform: scale(-1, -1);
font-size: clamp(1.7rem, 3vw, 2rem);
color: var(--c-white);
font-weight: 600;
}
.single-poster-logo-vertical__wrap {
display: flex;
align-items: flex-end;
margin-bottom: 1.8rem;
border-right: 4px solid var(--c-light-violet);
padding-right: 8px;
}
.single-content-signature {
display: grid;
grid-template-columns: 110px 1fr;
grid-template-rows: 2fr 1fr;
gap: 12px 10px;
padding: 16px;
border-radius: 16px;
border: 1px solid #DBE4E1;
background: #F6F8F7;
}
.single-content-signature__image {
grid-column: span 1;
grid-row: span 3;
}
.single-content-signature__title {
font-size: 1.5rem;
color: var(--c-dark-blue);
grid-column: span 1;
grid-row: span 2;
align-self: center;
}
.single-content-signature__bottom {
/*grid-template-columns: 86px 1fr;*/
grid-column: span 2;
}
.single-content-signature__email,
.single-content-signature__phone {
font-size: 18px;
color: var(--c-light-green);
grid-column: span 2;
grid-row: span 1;
}
.single-content-signature__image {
border-radius: 16px;
}
.archive-press-releases-sidebar-post {
display: block;
width: 100%;
padding: 2rem;
border-radius: 16px;
border: 1px solid #DBE4E1;
background-color: var(--c-white);
}
.archive-press-releases-main .archive-page-sidebar::-webkit-scrollbar {
width: 6px;
height: 8px;
}
.archive-press-releases-main .archive-page-sidebar::-webkit-scrollbar {
height: 12px;
background-color: var(--c-ligh-gray);
}
.archive-press-releases-main .archive-page-sidebar::-webkit-scrollbar-thumb {
background-color: #7F9C90;
border-radius: 5px;
}
.archive-press-releases-main .archive-posts {
grid-template-columns: repeat(1, 1fr);
flex: 1;
}
.archive-press-releases-main .archive-post {
height: auto;
}
.single-content-signature__title p {
margin: 0;
font-size: inherit;
}
.sidebar-contact-form .form-item {
display: block;
margin-bottom: .8rem;
}
.sidebar-contact-form .form-item :where(input, textarea) {
padding: 9.5px 12px;
background: transparent;
border: 2px solid #dbe4e1;
color: var(--c-violet-dark);
}
.sidebar-contact-form .form-item textarea {
max-height: 110px;
}
.sidebar-contact-form .form-item :where(input, textarea)::placeholder {
color: #7f9c90;
}
.sidebar-contact-form .button {
background-color: #8771f5;
color: var(--c-white);
width: 100%;
text-transform: capitalize;
}
.archive-page-sidebar .wpcf7 form.sent .wpcf7-response-output {
color: #46b450;
margin: 0;
border: unset;
padding: 0;
}
.archive-page-sidebar-title__media-contact {
color: #5d7975;
}
.hero-about {
padding-bottom: 60px;
}
.hero-about__text {
max-width: 950px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.hero-about__bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
inset: 0;
}
.management-team {
background-color: #f6f8f7;
}
.management-team-head {
display: flex;
flex-wrap: wrap;
gap: 2.5rem;
}
.management-team-head-item {
width: 100%;
display: flex;
height: auto;
}
.management-team-slider__photo {
object-fit: cover;
object-position: top center;
width: 200px;
border-radius: 12px 0 0 12px;
height: 100%;
}
.management-team-head-item__wrap {
padding: 26px 16px;
background-color: var(--c-white);
color: var(--c-dark-blue);
transition: .3s ease-in-out background-color, .3s ease-in-out color;
border-radius: 0 0 12px 12px;
}
.management-team-head-item__name {
font-size: 20px;
}
.management-team-head-item__position {
font-size: 1.375rem;
color: var(--с-green-grey);
transition: .3s ease-in-out color;
}
.precis-advisory-board-items {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 2.6rem;
}
.precis-advisory-board-items .precis-advisory-board-item {
display: flex;
gap: 16px;
width: 100%;
}
.precis-advisory-board-item__photo {
align-self: baseline;
max-width: 105px;
height: auto;
border-radius: 4px;
}
.precis-advisory-board-item__text {
font-size: 1.125rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.precis-advisory-board-item__title {
font-size: 1.75rem;
}
.precis-advisory-board-item__read-more {
font-size: 1rem;
}
.popup-precis-advisory-board {
background-color: #f6f8f7;
padding: 2.5rem;
min-height: auto;
}
.popup-precis-advisory-board .precis-advisory-board-item {
display: flex;
align-items: center;
gap: 12px 24px;
max-width: 100%;
text-align: left;
}
.popup-precis-advisory-board .precis-advisory-board-item__photo {
max-width: 314px;
}
.popup-precis-advisory-board .precis-advisory-board-item__text {
overflow: unset;
margin-bottom: 0;
display: block;
-webkit-line-clamp: unset;
}
.popup-precis-advisory-board .precis-advisory-board-item__read-more {
display: none;
}
.precis-advisory-board-title em,
.management-team-title em {
font-style: normal;
color: var(--c-accent);
}
.platform-about {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px 72px;
margin: 0 auto;
}
.platform-about__content {
padding: 24px;
}
.platform-about__content::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border-radius: 40px;
/*background-image: linear-gradient(109.73deg, #919FE2 11.28%, rgba(51, 81, 130, 0) 55.92%, #90B5C7 98.75%),*/
/*radial-gradient(28.91% 28.91% at 50% 100.01%, #FFB3FC 0%, rgba(255, 179, 252, 0) 100%);*/
-webkit-backdrop-filter: blur(26px);
backdrop-filter: blur(26px);
z-index: -1;
}
.platform-about__content::after {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border-radius: 40px;
background-image: linear-gradient(109.73deg, #919FE2 11.28%, rgba(51, 81, 130, 0) 55.92%, #90B5C7 98.75%), radial-gradient(28.91% 28.91% at 50% 100.01%, #FFB3FC 0%, rgba(255, 179, 252, 0) 100%);
z-index: -2;
opacity: .2;
}
.platform-about__image {
position: absolute;
top: -44%;
left: -3%;
transform: translate(-19%, 4%) rotate(357deg);
z-index: -2;
object-fit: contain;
}
.platform-about__title em {
color: #b7aafa;
font-style: normal;
}
.platform-about__subtitle em {
color: #92e5bc;
font-style: normal;
}
.platform-about__text p + p {
margin-top: 1rem;
}
.header-try {
position: absolute;
top: 0;
background-color: #0E073133;
text-align: center;
}
.footer-try {
background-color: #27203C;
padding: 12px 0;
color: #C5C3D6;
font-weight: 500;
font-size: 12px;
line-height: 2;
text-align: center;
}
/*.try-section {*/
/* background: #14092A url('/wp-content/uploads/2025/03/bg-mobile-photo.jpg') no-repeat center / cover;*/
/*}*/
.try-slider {
min-width: 1px;
}
.try-slider-slide {
display: flex;
padding: 2rem .6rem;
opacity: .3;
transition: .1s ease-in-out opacity;
}
.try-slider-slide-inner {
position: relative;
backdrop-filter: blur(32px);
background: rgba(111, 82, 164, 0.3);
border-radius: 16px;
transition: .1s ease-in-out box-shadow;
margin-bottom: 2rem;
overflow: hidden;
}
.try-slider-slide-inner::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px; /* Толщина рамки */
background: linear-gradient(45deg, #919FE2 0, transparent 51%, #90B5C7 100%);
-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.try-slider-slide-inner::after {
content: "";
position: absolute;
width: 65%;
height: 1px;
bottom: 0;
left: 50%;
translate: -50% 0;
background: radial-gradient(circle at center, #FFB3FC 0%, rgba(255, 179, 252, 0) 100%);
border-radius: inherit;
}
.try-slider-slide.is-active {
opacity: 1;
}
.try-slider-slide.is-active .try-slider-slide-inner {
box-shadow: 0 10px 25px 0 rgba(91, 29, 90, 0.3);
}
.try-slider-slide__image-group {
display: grid;
grid-template-columns: 36% 1fr;
grid-template-areas:
"quote image"
"logo image";
gap: 16px 32px;
}
.try-slide__quote {
grid-area: quote;
margin: 16px 0 0 16px;
max-width: 20px;
}
.try-slide__logo {
grid-area: logo;
padding-left: 16px;
width: 100%;
max-width: 99px;
height: 100%;
vertical-align: top;
display: block;
object-fit: contain;
}
.try-slide__image {
grid-area: image;
}
.try-slide__text {
font-size: 20px;
}
.try-slide-text-block {
padding: 16px;
margin-top: -2.5rem;
}
.try-main-h1 span,
.try-slide__text em {
color: #92e5bc;
}
.try-slide__position {
font-size: 12px;
color: #C5C3D6;
}
.custom-splide-pagination {
display: flex;
gap: 12px;
}
.custom-splide-pagination .custom-dot {
aspect-ratio: 1 / 1;
width: 8px;
max-width: 8px;
padding: 0;
background-color: var(--c-white);
border-radius: 50%;
border: unset;
cursor: pointer;
transition: .3s ease-in-out background-color;
opacity: .4;
}
.custom-dot.is-active {
opacity: 1;
}
.try-section-image {
max-width: 106px;
}
.try-form {
margin: 24px 24px 0;
padding: 20px 16px;
background-color: var(--c-white);
border-radius: 16px;
}
.try-form__title em {
font-style: normal;
color: #654FD8;
}
.try-form__subtitle {
font-size: 14px;
}
.try-form-list {
display: flex;
gap: 16px 24px;
}
.try-form-list__item {
position: relative;
color: var(--c-grey-4);
padding-left: 22px;
font-size: 12px;
}
.try-form-list__item::after {
content: "";
position: absolute;
top: 1px;
left: 0;
background: url('/wp-content/uploads/2025/03/check-mark-i.svg') no-repeat center / contain;
width: 14px;
height: 14px;
}
.try-form__logo {
max-width: 112px;
}
.try-form .wpcf7-spinner {
position: absolute;
bottom: 10px;
left: 45%;
}
.try-form .wpcf7-acceptance a {
font-weight: 700;
color: #6443C4;
}
.try-form label:not(.button) {
display: block;
margin-bottom: 16px;
}
.try-form input:not([type="submit"]) {
padding: 17.5px 12px;
border: 2px solid #DBE4E1;
color: #14092A;
font-size: 14px;
border-radius: 4px;
width: 100%;
background-color: #F6F8F7;
transition: .3s ease-in-out border-color, .3s ease-in-out box-shadow;
}
textarea:focus,
.archive-search__label:has(.archive-search__input:focus),
.wpcf7-form:not(.invalid) input:not([type="submit"]):focus {
border-color: #654FD8 !important;
box-shadow: 0 0 0 2px rgb(183 170 250 / .4);
}
.try-form input:not([type="submit"])::placeholder {
color: #7F9C90;
}
.try-form .wpcf7-not-valid-tip::after {
content: "";
position: absolute;
background: url("/wp-content/uploads/2025/03/form-error-icon.svg") no-repeat center / cover;
width: 16px;
height: 16px;
left: 0;
top: 0;
}
.try-form .wpcf7-not-valid-tip {
position: relative;
padding-left: 21px;
color: #FF524F;
font-size: 12px;
margin-top: 4px;
}
.try-form .wpcf7-form.invalid .wpcf7-acceptance .wpcf7-list-item-label {
margin-bottom: .6rem;
}
.try-form .wpcf7-form.invalid .wpcf7-response-output {
display: none;
}
.try-form .invalid input:not([type="submit"]) {
border-color: #FF524F;
}
.try-form__cube {
position: absolute;
pointer-events: none;
width: 200px;
top: -182px;
right: -32px;
}
.try-form-submit-label__text {
padding: 0;
font-size: 16px;
background: transparent;
border: unset;
outline: unset;
color: inherit;
font-weight: 600;
cursor: pointer;
}
.privacy-page__content .section-subtitle + p {
color: #8E8BAB;
}
.privacy-page__content h2 {
font-size: 18px;
margin: 2rem 0 0;
}
.privacy-page__content.content h2 + p {
margin-top: .25rem;
}
div.calendly-overlay {
background: rgba(0, 0, 0, .55);
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label,
.try-form .wpcf7-acceptance .wpcf7-list-item-label {
display: block;
color: #8E8BAB;
font-size: 12px;
line-height: 1.5;
}
.try-form .wpcf7-list-item {
margin-left: 0;
}
.try-main-container {
overflow-x: unset;
}
.try-section {
overflow-x: clip;
}
.try-section .wpcf7 form .wpcf7-response-output {
margin: 1em 0.5em 1em;
}
input[type="email"]:focus {
-webkit-user-modify: read-write-plaintext-only;
transform: scale(1);
transition: transform 0s;
}
.try-hero.section {
padding-top: 80px;
}
.try-container-bottom {
position: relative;
z-index: 1;
overflow-x: unset;
}
.content a {
color: #654FD8;
font-weight: 700;
}
.try-form form.sent .wpcf7-response-output {
display: none;
}
.archive-glossary-term__term-title:first-letter {
color: var(--c-violet-6);
}
.archive-glossary-term__container {
display: flex;
}
.archive-glossary-term-sidebar {
width: 100%;
}
.archive-glossary-term-main-content {
width: 100%;
}
.archive-glossary-term__post {
padding: 1rem;
border: 1px solid #DBE4E1;
border-radius: 16px;
background-color: var(--c-white);
}
.glossary-letter-link {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
font-size: 16px;
color: #14092A4D;;
background-color: transparent;
border-radius: 4px;
font-weight: 600;
transition: .3s ease-in-out color, .3s ease-in-out background-color;
}
.glossary-letter-link.is-link {
color: #5D7975;
background-color: #DBE4E1;
border: 2px solid #DBE4E1;
flex-shrink: 0;
}
.glossary-letter-link.is-link:hover {
color: #654FD8;
background-color: #E3DDFF;
}
.glossary-letter {
padding: 6px 10px;
color: var(--c-light-green);
background-color: #DBE4E1;
border-radius: 4px;
font-weight: 600;
width: 100%;
}
.sidebar-letter {
font-size: 16px;
padding: 9px;
color: var(--c-light-green);
background-color: #DBE4E1;
border-radius: 4px;
font-weight: 600;
margin-bottom: 4px;
}
.sidebar-glossary-link {
color: #53517F;
transition: .3s ease-in-out color;
padding: 4px 0;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
}
.sidebar-glossary-link:hover {
color: #6443C4;
}
.sidebar-glossary-link + .sidebar-letter {
margin-top: 10px;
}
.archive-glossary-term-toc {
position: relative;
max-height: calc(100vh - 380px);
min-height: 240px;
flex-wrap: nowrap;
}
.custom-scroll-left {
overflow-y: scroll;
direction: rtl;
/*scrollbar-width: thin;*/
/*scrollbar-color: #888 transparent;*/
}
.custom-scroll-left > * {
direction: ltr;
}
.custom-scroll-left::-webkit-scrollbar {
width: 3px;
border-radius: 8px;
}
.custom-scroll-left::-webkit-scrollbar-track {
background: transparent;
}
.custom-scroll-left::-webkit-scrollbar-thumb {
background-color: rgba(127,156,144, .5);
border-radius: 8px;
}
@media (max-width: 1920px) {
div.try-main-container {
padding-left: 0;
margin: unset;
max-width: 1751px;
}
}
@media (max-width: 1600px) {
.hero__gradient {
position: absolute;
width: 100%;
height: 341px;
background: linear-gradient(180deg, rgba(20, 9, 42, 0.00) 3.88%, #14092A 81.07%);
left: 0;
transform: translateY(105%);
}
.footer-menu {
gap: 1rem 36px;
}
.footer .increase-efficiency-form__row,
.menu-footer-container {
max-width: 1000px;
}
.delegate-job-lists__cube {
}
}
@media (max-width: 1199px) {
.archive-press-releases-main .archive-page-sidebar .page-subtitle {
font-size: 1.3rem;
}
}
@media (max-width: 1023px) {
.header-menu .header-mobile-menu {
position: fixed;
height: 0;
right: 0;
top: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
background-color: #0e0731;
}
.header-menu li:not(:first-child) {
margin-top: 20px;
}
.header-menu ul a {
color: #fff;
font-size: 20px;
}
.header-menu ul a {
color: #fff;
font-size: 20px;
}
.header-menu .menu-item-login-in a {
color: #8771F5;
}
.header-menu ul a:hover,
.header-menu ul a.--active,
.header-menu ul a[aria-current=page] {
color: #81CDAE;
text-shadow: 0.75px 0 0 #81CDAE;
}
.body-front-page .header-menu ul a[aria-current=page] {
color: #fff;
text-shadow: unset;
}
.mobile_menu_close {
padding: 5px 10px;
outline: none;
user-select: none;
position: fixed;
top: 20px;
right: 10px;
cursor: pointer;
z-index: -1;
opacity: 0;
}
.header-menu.--open .mobile_menu_close {
width: 46px;
height: 46px;
z-index: 3;
opacity: 1;
color: #666;
transition: opacity 0.3s;
}
.header-menu.--open .header-mobile-menu {
top: calc(0px - 20px);
right: calc(0px - 3.2rem);
visibility: visible;
opacity: 1;
z-index: 2;
height: 100%;
min-height: 100vh;
min-width: calc(50% + 3rem);
padding: 40px 20px 20px 50px;
transition: opacity 0.3s;
}
.header.active .header-menu.--open .header-mobile-menu {
top: 0;
padding-top: 17px;
}
.mobile_menu_overlay {
position: fixed;
left: -3rem;
top: -21px;
height: 100vh;
width: 100vw;
z-index: -10;
opacity: 0;
visibility: hidden;
background-color: #87acd0;
}
.header.active .mobile_menu_overlay {
top: 0;
}
.header-menu.--open .mobile_menu_overlay {
z-index: 1;
opacity: 0.8;
visibility: visible;
transition: opacity 0.3s;
}
.header__button {
margin-top: 30px;
}
.submit-button {
padding: 16px 70px;
}
.form-item input {
padding: 20px 68px;
}
.more-question-form input {
padding: 9.5px 12px;
}
.timeline-lists::before {
display: none;
}
.delegate-job-lists__cube {
/*transform: translate(24%, -14%);*/
object-fit: contain;
}
.track-user-activity-slider__slide {
flex-wrap: wrap;
}
.delegate-job-lists__cube {
display: none;
}
nav.header-menu .header-menu-blog-post {
margin-top: 56px;
}
.splide__slide-inner {
flex-direction: column;
}
.reviews-slider__title {
font-size: 1.4rem;
}
.single-sidebar .archive-post {
max-width: calc(50% - 16px);
width: 100%;
height: auto;
}
.archive-page-categories {
display: none;
}
.archive-page-sidebar {
display: flex;
flex-wrap: wrap;
align-items: center;
overflow-x: auto;
gap: 24px;
padding-bottom: 16px;
}
.archive-page-sidebar::-webkit-scrollbar {
width: 6px;
height: 8px;
}
.archive-page-sidebar::-webkit-scrollbar {
height: 4px;
background-color: var(--c-extra-light-green);
border-radius: 5px;
}
.archive-page-sidebar::-webkit-scrollbar-thumb {
background: var(--c-accent);
border-radius: 5px;
}
.archive-page-sidebar-title,
.archive-page-sidebar__category {
flex-shrink: 0;
}
.archive-press-releases-main .archive-page-sidebar {
gap: 16px 24px;
overflow: revert;
flex-wrap: wrap;
order: 1;
}
.archive-press-releases-sidebar-post {
max-width: calc(50% - 20px);
}
.hero-about {
padding-top: 116px;
}
.precis-advisory-board-item__wrap .mb-16 {
margin-bottom: 8px;
}
.precis-advisory-board-item__link {
max-width: 24px;
}
.header-menu ul .menu-item.--terms {
margin-top: 36px;
}
.header-menu ul .menu-item.--privacy {
margin-bottom: 36px;
}
.archive-page-sidebar__item {
width: 100%;
}
.management-team-head-item {
flex-direction: column;
background-color: var(--c-white);
border-radius: 12px;
}
.management-team-slider__photo {
width: 100%;
aspect-ratio: 312 / 216;
border-radius: 12px 12px 0 0;
}
.management-team-slider__photo {
min-height: 320px;
}
.management-team-slider__text {
font-size: 14px;
}
.hero__cube {
left: -32%;
}
.hero {
padding: 242px 0 82px;
}
.d-none-md {
display: none;
}
.try-form__logo,
.try-form-list {
margin-bottom: 16px;
}
}
@media (max-width: 767px) {
.page-404-php .inner {
flex-direction: column;
}
.submit-button {
padding: 13px 50px;
font-size: 16px;
}
.form-item input,
.form-item textarea {
font-size: 13px;
padding: 12px 12px;
}
.form-item input::placeholder,
.form-item textarea::placeholder {
font-size: 13px;
}
.form-item textarea {
min-height: 100px;
}
.increase-efficiency .form-item input {
padding: 18px 12px;
}
.footer .increase-efficiency-form__row {
flex: 100%;
}
.footer-menu {
gap: 1rem 1.5rem;
}
.footer-menu li {
max-width: calc(33% - 1rem);
width: 100%;
}
.reviews-slider__quote {
display: none;
}
.single-poster-logo-vertical__wrap {
width: 40px;
}
.single-sidebar .archive-post {
max-width: 100%;
}
.archive-press-releases-sidebar-post {
max-width: 100%;
}
.popup-precis-advisory-board .precis-advisory-board-item {
flex-direction: column;
align-items: flex-start;
}
.popup-precis-advisory-board .precis-advisory-board-item__photo {
max-width: 140px;
}
.management-team-head-item-name-wrap {
justify-content: space-between;
}
.hero-cube-image {
position: absolute;
top: -7px;
left: 43%;
transform: translate(-50%, -50%);
z-index: -1;
}
.platform-about {
margin-top: 80px;
}
.track-user-activity__image {
min-width: 150%;
}
.try-main .try-main-container {
padding-right: 0;
}
.try-main-h1 {
text-align: center;
}
.try-slider-slide__image-group {
grid-template-rows: 16px 1fr;
}
.try-slide__name {
font-size: 14px;
}
.try-slider-slide-inner {
margin-bottom: 0;
height: 100%;
backdrop-filter: unset;
}
.try-section-image {
display: none;
}
.try-form {
margin: 24px;
}
.archive-glossary-term-section {
margin-top: 2rem;
}
.archive-glossary-term-toc {
display: none;
}
.glossary-alphabet-nav__inner {
flex-wrap: nowrap;
overflow: auto;
padding-bottom: 12px;
}
.glossary-alphabet-nav {
margin-bottom: 0;
}
.search-row-glossary {
order: -1;
}
.archive-glossary-term__container {
flex-direction: column;
gap: 16px;
}
.archive-glossary-term-main-content {
display: contents;
}
.glossary-letter-link.is-link:hover {
border-color: #B7AAFA;
}
}
@media (max-width: 540px) {
.page-404-php {
padding-bottom: 25px;
}
.page-404-php .content {
text-align: center;
}
.page-404-php .title {
font-size: 60px;
}
.page-404-php img {
display: none;
}
.header-menu.--open .header-mobile-menu {
left: -18px;
width: calc(100% + 38px);
padding-left: 43px;
padding-right: 43px;
padding-top: 128px;
}
.header.active .header-menu.--open .header-mobile-menu {
padding-top: 118px;
}
.hero-text-content {
min-width: 100%;
}
.video-section {
position: relative;
}
.hero__gradient {
bottom: 35rem;
}
.subscribe-form__row {
flex-direction: column;
}
.footer-menu {
gap: 2.8rem 1rem;
}
.footer-menu li {
max-width: calc(50% - .5rem);
width: 100%;
}
.subscribe-form__row .button {
width: 100%;
}
.get-started {
padding-top: 60px;
padding-bottom: 60px;
}
.why-precis-ai-better-table-wrap {
margin-top: 6rem;
}
.popup-form {
padding: 24px;
}
.more-question-form .button {
width: 100%;
}
.popup-form .section-title {
font-size: 2.4rem;
text-align: left;
}
.hero__container-bottom {
padding-right: 0;
}
.hero__container .show-form-popup-btn {
width: 100%;
padding: 1.4rem 3.5em;
}
.increase-efficiency__title {
font-size: 32px;
}
.increase-efficiency__text {
padding-right: 40px;
}
.increase-efficiency__image {
object-fit: cover;
width: 368px;
height: 430px;
right: -18px;
left: unset;
transform: translateY(-67%);
}
.drop-us-line .section-title {
font-size: 24px;
}
.button {
min-height: 56px;
padding: 1rem 2.5em;
}
.try-form-submit-label {
min-height: auto;
padding: 9px 2.5rem;
}
.drop-us-line .form-item textarea {
max-height: 120px;
}
.splide__arrows--circle img {
width: 26px;
height: auto;
}
.single-content-signature__title b {
display: block;
}
.popup-form__close {
position: absolute;
top: 25px;
right: 28px;
width: 20px;
height: 20px;
cursor: pointer;
}
.popup-form .wpcf7-spinner {
height: 0;
}
.popup-form .wpcf7-form.submitting .wpcf7-spinner {
height: 100%;
}
.header-mobile-menu__logo {
display: none;
}
.header-menu.--open .header-logo {
position: relative;
z-index: 5;
}
.header-menu.--open .header-logo-letter {
fill: var(--c-white);
}
.w-xs-100 {
width: 100%;
}
.body-front-page .header-menu ul a.--active {
color: #81CDAE;
text-shadow: 0.75px 0 0 #81CDAE;
}
.footer-contact-item__text-content {
margin-top: 4px;
font-size: 14px;
}
.w-100-sm {
width: 100%;
}
.platform-about__image {
top: -8%;
left: -29%;
transform: unset;
/*transform: translate(-31%, -11%) rotate(1deg);*/
/*max-width: 608px;*/
width: auto;
}
.why-precis-ai-item__image {
max-width: 80px;
}
div.increase-efficiency {
padding: 80px 0 40px;
}
.increase-efficiency__text-content {
max-width: 290px;
}
.increase-efficiency__image {
top: 98%;
right: -16px;
}
.hero-cube-image {
top: -6px;
left: 68%;
width: 92vw;
height: auto;
}
.hero-title {
font-size: 12.5vw;
}
.try-form .wpcf7-list-item {
pointer-events: none;
}
.try-form .wpcf7-list-item label {
margin-bottom: 0;
}
.try-form input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
border: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
clip-path: inset(100%) !important;
clip: rect(0 0 0 0) !important;
overflow: hidden !important;
}
.try-main-h1 span {
display: block;
}
.ws-pl-xs {
white-space: pre;
}
.try-form form {
display: flex;
flex-direction: column;
}
.try-form [data-name="try-form-checkbox"] {
order: 1;
margin-top: 12px;
}
.try-form label:not(.button),
.try-form__subtitle {
margin-bottom: 12px;
}
.try-form .wpcf7-acceptance label {
margin-bottom: 0;
}
.try-form-list {
margin-bottom: 18px;
}
.try-slide__logo {
align-self: flex-end;
object-position: bottom;
translate: 0 -35px;
}
.try-form-checkbox__desktop {
display: none;
}
.footer-menu-item-news { order: 1 }
.footer-menu-item-why { order: 2 }
.footer-menu-item-about { order: 3 }
.footer-menu-item-terms { order: 1 }
.footer-menu-item-privacy { order: 2 }
.try-section {
padding-block: 2.5rem 0;
}
.drop-us-line-drop-us .section-title {
font-size: 28px;
}
.try-hero::before {
background: url('/wp-content/uploads/2025/03/fs-small-photo.png') no-repeat center / cover;
height: 1800px;
}
.try-form input:not([type="submit"]) {
padding: 12.5px 12px;
}
.page-php__content ul,
.page-php__content ol {
padding-left: 24px;
}
}
@media (min-width: 541px) {
.container {
padding: 0 3rem;
}
.header-logo__image {
max-width: 140px;
}
.header-logo {
padding: 16px 0;
}
.why-precis-ai-item {
max-width: calc(50% - 12px);
}
.button {
padding: 1rem 4.5em;
}
.footer-copyright {
font-size: 18px;
}
.footer-copyright {
margin-top: 100px;
}
.footer-logo__image {
width: 220px;
}
.form-item--50 {
max-width: calc(50% - 4px);
}
.hero::before,
.try-hero::before {
height: 1369px;
background: url('/wp-content/uploads/2025/03/bacground-image.webp') no-repeat center / cover;
}
.increase-efficiency-form__title {
font-size: 18px;
}
.reviews .reviews__container,
.latest-news .latest-news__container {
padding-left: 110px;
padding-right: 110px;
}
.splide__arrow--prev {
left: -7rem;
}
.splide__arrow--next {
right: -7rem;
}
.reviews-slider__signature {
margin: 16px 0 54px;
}
.single-content-signature {
gap: 0 24px;
}
.single-content-signature__bottom {
grid-template-columns: 110px 1fr;
grid-column: span 1;
grid-column-start: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.single-content-signature__bottom {
grid-row-start: 3;
grid-row-end: unset;
}
.single-content-signature__title {
grid-row: span 1;
grid-column-start: 2;
grid-row-start: 1;
}
.single-sidebar .page-subtitle {
display: none;
}
.archive-posts {
grid-template-columns: repeat(2, 1fr);
}
.t-center-sm {
text-align: center;
}
.hero-about__text p {
display: inline;
}
.why-precis-ai__lists {
gap: 24px;
}
.platform-about__image {
height: 158%;
}
.platform-about-sm-none {
display: none;
}
.try-slider-slide-inner {
border-radius: 24px;
}
.wpcf7-checkbox input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"] {
display: none;
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label,
.try-form .wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
padding-left: 24px;
cursor: pointer;
margin-bottom: 2rem;
}
.try-form .wpcf7-form.invalid .wpcf7-acceptance .wpcf7-list-item-label {
margin-bottom: calc(2rem - 8px);
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label::before,
.try-form .wpcf7-acceptance .wpcf7-list-item-label::before {
width: 16px;
height: 16px;
background-color: transparent;
border: 2px solid #DBE4E1;
transition: .3s ease-in-out;
border-radius: 4px;;
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label::before,
.try-form .wpcf7-acceptance .wpcf7-list-item-label::before,
.try-form .wpcf7-acceptance .wpcf7-list-item-label::after,
.try-form .wpcf7-checkbox .wpcf7-list-item-label::after {
content: "";
position: absolute;
top: 3px;
left: 0;
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label::after,
.try-form .wpcf7-acceptance .wpcf7-list-item-label::after {
top: 8px;
left: 2px;
width: 11px;
height: 7px;
background: url('/wp-content/uploads/2025/03/mark-logo-i-white.svg') no-repeat center / cover;
opacity: 0;
transition: .3s ease-in-out opacity;
}
.try-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
.try-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
background-color: #6443C4;
border-color: #6443C4;
}
.try-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after,
.try-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
opacity: 1;
}
.try-form-checkbox__mobile {
display: none;
}
.try-slider-slide-inner {
transition: .3s ease-in-out box-shadow;
}
.try-slider-slide.is-active .try-slider-slide-inner {
box-shadow: 0 20px 50px 0 rgba(91, 29, 90, 0.3);
}
}
@media (min-width: 768px) {
:root {
font-size: .875em;
}
.flexible-pricing-list {
max-width: calc(50% - 14px);
}
.why-precis-ai-better-time__item {
font-size: clamp(60px, 6.4vw, 92px);
}
.why-precis-ai-better-time__item:nth-of-type(1)::after {
right: -44px;
width: 13px;
height: 40px;
}
.meet-writing-assistant-slider::after {
height: 556px;
}
.delegate-job-item {
padding: 4rem 4rem 0;
}
.why-precis-ai-cube {
transform: translate(-75%, -25%);
}
.increase-efficiency__title {
font-size: 3rem;
}
.drop-us-line-drop-us {
max-width: 1246px;
padding: 4rem;
margin-left: auto;
margin-right: auto;
margin-top: 5rem;
}
.get-started__title {
font-size: 7.75rem;
}
.get-started__text {
font-size: 4rem;
margin: 1rem 0 1rem;
}
.footer-row__top {
margin-bottom: 32px;
}
.footer-soc-icons {
margin-top: 70px;
}
.page-php__content {
padding: 40px;
}
.footer-logo,
.footer-soc-icons {
width: 330px;
}
.splide__arrows--circle .splide__arrow {
width: 80px;
height: 80px;
}
.body {
padding-top: 150px;
}
.archive-press-releases-main .archive-posts {
grid-template-columns: repeat(2, 1fr);
flex: 1;
}
.precis-advisory-board {
margin-top: 50px;
}
.management-team-head-item__name {
font-size: 1.75rem;
}
.precis-advisory-board-items .precis-advisory-board-item {
max-width: calc(50% - calc(2.6rem / 2));
}
.management-team {
padding-bottom: 0;
}
.hero__row {
flex-direction: row;
}
.hero-cube__inner {
position: relative;
width: 50%;
margin-bottom: -41px;
}
.hero-cube-image {
position: absolute;
transform: translate3d(0px, -42px, 0px);
left: -30%;
top: -3%;
z-index: -1;
width: 759px;
height: 775px;
max-width: unset;
}
.hero-cube__inner {
padding: 542px 0 100px;
}
.platform-about__content {
padding: 2rem 4.5rem;
}
.why-precis-ai-item {
padding: 30px;
}
.fz-h2 {
font-size: 3rem;
}
.management-team-head-item {
max-width: calc(50% - calc(2.5rem / 2));
}
.platform-about__text {
column-count: 2;
column-gap: 40px;
}
.video-section-button {
width: 8.4375rem;
}
.video-section-content__text {
font-size: 3rem;
}
.video-section-video,
.video-section-image {
border-radius: 15px;
}
div.container--right-md {
padding-right: 0;
}
.try-form {
position: absolute;
top: calc(50% - 10px);
transform: translateY(-50%);
right: 0;
width: 46%;
max-width: 600px;
}
.fz-h1 {
font-size: 32px;
}
.try-main-h1 {
font-size: 34px;
}
.try-slide__text {
font-size: 2rem;
}
.try-slide__quote {
max-width: 100%;
margin: 2.5rem 0 0 2.5rem;
}
.try-slide__logo {
padding-inline: 2.5rem;
max-width: 100%;
}
.try-slider-slide__image-group {
gap: 24px;
}
.try-slide-text-block {
padding: 2.5rem;
margin-top: -5.5rem;
}
.try-form {
margin: 0;
padding: 2rem;
border-radius: 24px;
}
.try-slider-slide {
padding: 2rem 1rem;
transition: .3s ease-in-out opacity;
}
.try-form__cube {
width: 317px;
top: -154px;
right: -96px;
}
.footer-try {
font-size: 18px;
}
.try-form-list {
gap: 16px 40px;
}
.custom-splide-pagination {
translate: 0 -22px;
}
.why-precis-ai__title,
.section-text-group h2 {
font-size: 3rem;
}
.try-form .wpcf7-form.invalid label:not(.button) {
margin-bottom: 4px;
}
.archive-glossary-term-sidebar {
max-width: 240px;
position: sticky;
top: 120px;
}
.archive-glossary-term-main-content {
max-width: calc(100% - 240px - 2rem);
}
.archive-glossary-term__post {
padding: 2rem;
}
.glossary-letter {
padding: 14px 30px;
border-radius: 16px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.custom-splide-pagination {
position: relative;
display: inline-flex;
left: calc(25% - 16px);
translate: 50% -30px;
}
.try-main-h1 {
margin: 10px 0 42px;
position: relative;
z-index: 1;
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label,
.try-form .wpcf7-acceptance .wpcf7-list-item-label {
margin-bottom: 1rem;
}
.try-form__title {
font-size: 20px;
}
.try-form__cube {
width: 201px;
top: -104px;
right: -79px;
}
}
@media (min-width: 1024px) {
.section,
section {
padding: 10rem 0;
}
.section--p-md {
padding: 3.75rem 0;
}
.section-pb-md {
padding-bottom: 3.75rem;
}
.section--sm-p {
padding: 40px 0;
}
.section--pt-0 {
padding-top: 0;
}
.section--pb-0 {
padding-bottom: 0;
}
.header-mobile-menu {
display: flex;
align-items: center;
margin-left: auto;
}
.menu-header-menu {
display: flex;
}
.menu-header-menu > li {
position: relative;
text-align: center;
}
.menu-header-menu > li > a {
font-size: 16px;
text-transform: capitalize;
display: block;
border-bottom: 2px solid transparent;
line-height: 1.3;
color: var(--c-white);
padding: 1.6rem .6rem;
font-weight: 500;
transition: .25s all ease-in, .15s ease-in-out text-shadow;
}
.header-menu ul .hidden-desktop {
display: none;
}
.menu-header-menu > .menu-item-login-in > a {
color: #8771F5;
}
.header-inversion .menu-header-menu > li > a {
color: var(--c-grey-4);
}
.header-inversion .menu-header-menu > li.menu-item-login-in > a {
color: #8771F5;
}
.menu-header-menu > li.menu-item-has-children > a {
padding-right: 1.2rem;
}
.menu-header-menu > li > a:hover::after {
content: "";
position: absolute;
top: 36px;
left: 50%;
transform: translate(-50%,-50%);
background: url('/wp-content/uploads/2023/10/ellipse-light.png') no-repeat center / contain;
width: 287px;
height: 133px;
z-index: -1;
opacity: .7;
}
.header-inversion .menu-header-menu > li > a:hover::after,
.header-inversion .menu-header-menu > li > a[aria-current=page]::after {
content: unset;
}
.menu-header-menu > li > a:hover {
color: var(--c-white);
text-shadow: .75px 0 0 #fff;
}
.menu-header-menu > .menu-item-login-in > a:hover {
color: #8771F5;
text-shadow: .75px 0 0 #8771F5;
}
.body-front-page .header-inversion .menu-header-menu > li > a[aria-current=page] {
text-shadow: unset;
color: var(--c-grey-4);
}
.header-inversion .menu-header-menu > li > a:hover,
.header-inversion .menu-header-menu > li > a[aria-current=page],
.body-front-page .header-inversion .menu-header-menu > li > a:hover {
color: var(--c-dark-blue);
text-shadow: 1.25px 0 0 var(--c-dark-blue);
}
.burger-menu {
display: none;
}
.mobile_menu_btn, .mobile_menu_close, .mobile_menu_overlay {
display: none;
}
header .button {
margin: 0 0 0 1.75rem;
padding-left: 2rem;
padding-right: 2rem;
}
.header-mobile-menu__logo {
display: none;
}
.delegate-job-item {
max-width: calc(50% - 12px);
width: 100%;
}
.why-precis-ai-item {
max-width: calc(25% - 18px);
}
.flexible-pricing-list {
max-width: calc(33.33% - 16px);
}
.why-precis-ai-better-table-item {
gap: 16px;
}
.why-precis-ai-better-table-item__col-2,
.why-precis-ai-better-table-item__col-3,
.why-precis-ai-better-table-item__col-4 {
flex: 0 1 150px;
}
.meet-writing-assistant-text-wrap {
width: 360px;
}
.meet-writing-assistant-slider {
max-width: calc(100% - 360px - 65px);
}
.track-user-activity__image {
top: 0;
left: 0;
position: absolute;
max-width: calc(75% - 20px);
z-index: -1;
}
.track-user-activity__text-content {
max-width: calc(50% - 20px);
margin-left: auto;
}
.hero.section {
padding: 70px 0 120px;
}
.try-hero.section {
padding: 95px 0 0;
}
.flexible-pricing-list {
padding: 3rem;
}
.get-started__image {
display: block;
position: absolute;
right: calc(0px - 97px);
top: calc(0px - -17px);
width: 600px;
height: 614px;
z-index: -1;
}
.single-sidebar {
flex-direction: column;
}
.single-sidebar,
.archive-press-releases-main .archive-page-sidebar {
width: 320px;
}
.single-content {
max-width: calc(100% - 320px - 40px);
}
.archive-page-sidebar,
.archive-page-categories {
width: 240px;
order: 1;
}
.archive-press-releases-main .archive-page-sidebar {
position: sticky;
top: 116px;
padding-right: 6px;
overflow-x: auto;
max-height: calc((5 * 200px) + (4 * 32px));
height: 100%;
}
.archive-press-releases-sidebar-post:not(:first-child) {
margin-top: 16px;
}
.flexible-pricing-list-price-row__title {
font-size: 4.4vw;
}
.flexible-pricing-list:nth-of-type(3) .flexible-pricing-list-price-row__title {
font-size: min(3.6vw, 3.8rem);
}
.flexible-pricing-list-price-row__subtitle {
white-space: pre-line;
}
.flexible-pricing-list-row__title {
font-size: min(0.95vw, 16px);
}
.flexible-pricing-list-row__image {
transform: translateY(0.3vw);
}
.archive-search {
max-width: calc(50% - 8px);
}
.why-precis-ai-better-time {
width: 100%;
max-width: calc(36% - 32px);
padding: 2.5rem;
}
.why-precis-ai-better-info {
width: 100%;
max-width: calc(64% - 32px);
}
.why-precis-ai-better-time {
gap: 2px 70px;
}
.fz-h3 {
font-size: 4rem;
}
.precis-advisory-board-items .precis-advisory-board-item {
gap: 1rem 2.5rem;
}
.precis-advisory-board-item__photo {
max-width: 200px;
}
.management-team-head-item__wrap {
padding: 2rem 1.5rem 3rem;
border-radius: 0 12px 12px 0;
}
.try-form {
width: 40%;
padding: 3.75rem;
}
.try-form__logo {
max-width: 210px;
}
.try-form-list__item {
padding-left: 34px;
font-size: 16px;
}
.try-form-list__item::after {
top: -2px;
width: 24px;
height: 24px;
}
.try-form__subtitle {
font-size: 18px;
}
.try-form input:not([type="submit"]),
.try-form input:not([type="submit"])::placeholder {
font-size: 16px;
}
.try-form-submit-label__text {
font-size: inherit;
}
.try-slide__position {
font-size: 14px;
}
.try-form .wpcf7-checkbox .wpcf7-list-item-label,
.try-form .wpcf7-acceptance .wpcf7-list-item-label {
font-size: 14px;
}
.try-section {
padding-top: 5rem;
}
}
@media (min-width: 1179px) and (max-width: 1200px) and (orientation: landscape) {
.try-form {
padding: 1.75rem
}
.try-main-h1 {
margin-bottom: 40px;
}
}
@media (min-width: 768px) and (max-width: 1025px) and (orientation: portrait) {
.try-slide__logo {
padding: 0 0 0 2.5rem;
transform: translateY(-30px);
}
.try-slide-text-block {
margin-top: -4.5rem;
}
.try-slide__text {
font-size: 26px;
}
.try-slide-text-block {
padding: 2.5rem;
}
.try-slide__quote {
max-width: 40px;
}
div.try-form {
width: 46%;
padding: 2.5rem;
}
}
@media (min-width: 541px) and (max-width: 769px) and (orientation: portrait) {
.try-slide__logo {
padding: 0 0 0 16px;
}
.try-slide-text-block {
margin-top: -2.5rem;
}
.try-slide__text {
font-size: 20px;
}
.try-slide-text-block {
padding: 1.5rem 16px;
}
.try-slide__quote {
margin: 16px 0 0 16px;
max-width: 34px;
}
div.try-form {
width: 46%;
padding: 16px;
border-radius: 16px;
}
}
@media (min-width: 1200px) {
.menu-header-menu > li > a {
font-size: 18px;
padding: 1.6rem 1.6rem;
}
.single-content {
max-width: calc(100% - 380px - 40px);
}
.single-sidebar,
.archive-press-releases-main .archive-page-sidebar,
.archive-press-releases-main .archive-page-categories {
width: 380px;
}
.archive-posts {
grid-template-columns: repeat(3, 1fr);
}
.archive-search {
max-width: calc(33.33% - calc(12px * 2 / 3));
}
.try-main {
min-height: 900px;
}
.try-slide__logo {
height: 100px;
}
.subscribe-form__row {
max-width: 730px;
}
}
@media (min-width: 1368px) {
:root {
font-size: 1em;
}
.container {
padding: 0 4rem;
}
.delegate-job-item__text h2 {
font-size: 2.2rem;
}
.meet-writing-assistant-text-wrap {
width: 440px;
}
.meet-writing-assistant-slider {
max-width: calc(100% - 440px - 65px);
}
.custom-splide-pagination {
translate: 0 -34px;
}
.try-main {
min-height: 930px;
}
}
@media (min-width: 1601px) {
.delegate-job-item__text h2 {
font-size: 2.4rem;
}
.try-form__cube {
right: -99px;
}
}
@media (min-width: 1921px) {
.try-main .try-main-container {
overflow: revert;
}
.try-slide-text-block {
margin-top: -2.5rem;
}
.try-slider-slide {
padding: 2rem 1rem 2rem 0;
}
.try-slide__text {
font-size: 30px;
}
}
.archive-page-content__header {
max-width: calc(100% - 290px);
}
.archive-page-sidebar__item.with-form {
background: url('img/form-bg.png') no-repeat center / cover;
padding: 16px;
border: 1px solid rgba(211, 203, 251, 1);
border-radius: 16px;
gap: 0;
margin-top: -76px;
}
.archive-page-sidebar__item.with-form.success {
background: url('img/success-bg.png') no-repeat center / cover;
}
.archive-page-sidebar__item.with-form.success .form-title,
.archive-page-sidebar__item.with-form.success .form-text,
.archive-page-sidebar__item.with-form.success .sidebar-contact-form {
display: none;
}
.with-form .form-title {
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 130%;
color: #241F5A;
margin-bottom: 4px;
}
.with-form .form-text {
font-family: var(--font-family-base);
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #53517F;
margin-bottom: 12px;
}
.with-form .button {
margin-top: 92px;
padding: 11px 1rem;
font-size: 16px;
}
.with-form .sidebar-contact-form .form-item :where(input, textarea) {
border: 2px solid rgba(211, 203, 251, 1);
color: rgba(83, 81, 127, 1);
background: rgba(243, 241, 254, 1);
}
.with-form .sidebar-contact-form .form-item input::placeholder {
color: rgba(83, 81, 127, 1) !important;
opacity: 1 !important;
}
.with-form + .archive-page-categories {
display: block;
}
.with-form .sidebar-contact-form .form-item{
margin-bottom: 8px;
}
.with-form .success-message {
display: none;
opacity: 0;
visibility: hidden;
}
.archive-page-sidebar__item.with-form.success .success-message {
opacity: 1;
visibility: visible;
display: block;
}
.with-form .success-message span {
display: block;
font-family: var(--font-family-accent);
font-weight: 600;
font-size: 16px;
line-height: 130%;
text-align: center;
color: #241F5A;
margin-bottom: 12px;
}
.with-form .success-message svg {
display: block;
margin: 0 auto;
width: 72px;
height: auto;
}
@media (max-width: 1023px) {
.archive-page-sidebar__item.with-form {
margin-top: 0;
}
.with-form + .archive-page-categories {
margin-bottom: 0;
}
}
.modal-pdf {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: block;
padding: 40px;
transition: all .3s;
opacity: 0;
visibility: hidden;
}
.modal-pdf.show {
opacity: 1;
visibility: visible;
}
.modal-pdf-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(83, 81, 127, 0.5);
}
.modal-pdf-close {
position: absolute;
top: 40px;
right: 40px;
width: 24px;
height: 24px;
cursor: pointer;
}
.modal-pdf-close svg {
display: block;
width: 24px;
height: 24px;
}
.modal-pdf-close svg path {
stroke: #14092A;
transition: all .3s;
}
.modal-pdf-close:hover svg path {
stroke: #8771F5;
}
.modal-pdf-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
width: calc(100% - 80px);
max-width: calc(1521px - 80px);
border-radius: 24px;
overflow: hidden;
display: flex;
transition: all .3s;
}
.modal-pdf-content.success {
width: auto;
}
.modal-pdf-content.success .left{
display: none;
}
.modal-pdf-content.success .right{
flex: initial;
width: 923px;
max-width: 100%;
padding: 64px;
}
.modal-pdf-content.success .modal-pdf-title,
.modal-pdf-content.success .modal-pdf-text,
.modal-pdf-content.success .sidebar-contact-form {
display: none;
}
.modal-pdf-content .success-message{
display: none;
text-align: center;
}
.modal-pdf-content.success .success-message{
display: block;
}
.modal-pdf-content .success-message svg {
display: block;
width: 135px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}
.modal-pdf-content .success-message span {
display: block;
font-family: var(--font-family-accent);
font-weight: 700;
font-size: 48px;
line-height: 130%;
text-align: center;
color: #241F5A;
margin-bottom: 48px;
}
.modal-pdf-content .success-message .button {
font-size: 16px;
line-height: 130%;
width: 296px;
height: 48px;
}
.modal-pdf.show .modal-pdf-content {
transform: translate(-50%, -50%) scale(1);
}
.modal-pdf-content .left {
width: 757px;
width: 52.533%;
background: #6443C4 url('img/modal-bg.png') no-repeat;
background-size: cover;
background-position: left center;
}
.modal-pdf-content .right {
flex: 1;
background: rgba(227, 221, 255, 1);
border: 1px solid rgba(211, 203, 251, 1);
border-left: none;
padding: 55px 64px;
padding-left: 48px;
box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.02);
}
.modal-pdf-title {
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 130%;
color: #241F5A;
margin-bottom: 16px;
padding-top: 6px;
}
.modal-pdf-text {
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 130%;
color: #241F5A;
margin-bottom: 24px;
}
.modal-pdf .button {
margin-top: 16px;
padding: 11px 1rem;
background-color: #6443C4;
border-color: #6443C4;
}
.modal-pdf .button:hover {
background-color: #6443C4;
border-color: #8771F5;
}
.modal-pdf .button svg {
display: block;
margin-right: 8px;
width: 24px;
height: 24px;
}
.modal-pdf .sidebar-contact-form .form-item :where(input, textarea) {
border: 2px solid rgba(211, 203, 251, 1);
color: rgba(83, 81, 127, 1);
background: rgba(243, 241, 254, 1);
}
.modal-pdf .sidebar-contact-form .form-item input::placeholder {
color: rgba(83, 81, 127, 1) !important;
opacity: 1 !important;
}
.modal-pdf .sidebar-contact-form .form-item {
margin-bottom: 8px;
}
.form-item.checkbox-label {
margin-bottom: 0;
}
.checkbox-input {
appearance: none;
-webkit-appearance: none;
}
.checkbox-input {
appearance: none !important;
width: 16px !important;
height: 16px !important;
border: 2px solid #DBE4E1 !important;
border-radius: 4px !important;
background-color: #fff !important;
cursor: pointer !important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin: 0 !important;
padding: 0 !important;
}
.checkbox-input:checked{
background-color: #6443C4 !important;
border-color: #6443C4 !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.checkbox-input:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.checkbox-input:disabled ~ .checkbox-label {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.checkbox-label {
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 120%;
color: #8E8BAB;
cursor: pointer;
}
.checkbox-item {
margin-top: 48px;
}
.checkbox-item .wpcf7-form-control-wrap{
display: flex;
align-items: center;
gap: 12px;
}
@media (max-width: 1399px) {
.modal-pdf-content .right {
padding: 40px;
}
.modal-pdf-close {
top: 20px;
right: 20px;
}
.modal-pdf-title {
font-size: 34px;
}
.modal-pdf-text {
font-size: 18px;
}
}
@media (max-width: 1023px) {
.modal-pdf {
display: none !important;
}
}
/* Landing Page */
.landing-page {
background: #14092A;
}
section.landing-hero {
padding-bottom: 310px;
}
.landing-hero {
margin-top: -150px;
background: #14092A url('img/landing/hero-bg.png') no-repeat;
background-size: 100% auto;
background-position: center bottom;
overflow: hidden;
position: relative;
}
.landing-hero:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 70px;
background: linear-gradient(180deg, rgba(20, 9, 42, 0) 0%, rgba(20, 9, 42, 1) 100%);
z-index: 2;
}
@media (max-width: 1700px) {
.landing-hero {
background: #14092A url('img/landing/hero-bg.png') no-repeat;
background-size: 100% auto;
background-position: center top;
}
}
.landing-hero .box {
position: relative;
padding-top: 78px;
padding-bottom: 76px;
}
.landing-hero h1{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 120%;
color: #81CDAE;
margin-bottom: 16px;
position: relative;
z-index: 2;
}
.landing-hero h1 i {
display: block;
font-style: normal !important;
}
.landing-hero h1 i span {
font-style: normal !important;
color: #fff;
background: linear-gradient(185.89deg, #FFFFFF 56.95%, #A397BC 86.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.landing-hero p {
display: block;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #FFFFFF;
max-width: 566px;
margin-bottom: 32px !important;
position: relative;
z-index: 2;
}
.landing-hero .imgs {
display: flex;
align-items: center;
gap: 16px;
position: relative;
z-index: 2;
}
.landing-hero .imgs a {
display: block;
}
.landing-hero .imgs a img {
display: block;
width: auto;
height: 56px;
}
.landing-hero .imgs .for-qr {
position: relative;
}
.landing-hero .imgs .for-qr .btn{
cursor: pointer;
}
.landing-hero .imgs .for-qr .btn img {
display: block;
width: auto;
height: 56px;
}
.landing-hero .imgs .for-qr .qr {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 10%);
opacity: 0;
visibility: hidden;
transition: all .3s;
margin-top: 8px;
}
.landing-hero .imgs .for-qr .qr img {
display: block;
width: 151px;
height: auto;
max-width: 151px;
}
.landing-hero .imgs .for-qr.active .qr {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0%);
}
.landing-hero .illustrations {
position: absolute;
right: -65px;
top: -159px;
width: 967px;
height: 798px;
}
.landing-hero .illustrations img {
display: block;
position: absolute;
}
.landing-hero .illustrations .phone {
width: 967px;
max-width: 967px;
height: 798px;
left: 0;
top: 0;
}
.landing-hero .illustrations .toggles {
width: 308px;
height: 189px;
left: 223px;
top: 162px;
}
.landing-hero .illustrations .chat {
width: 391px;
height: 203px;
left: 21px;
bottom: 55px;
}
.landing-hero .illustrations .welcome {
width: 278px;
height: 183px;
right: 69px;
bottom: 137px;
}
@media (max-width: 1299px) {
.landing-hero .illustrations .phone {
width: 967px;
height: 798px;
left: auto;
right: -60px;
top: 0;
}
.landing-hero .illustrations .toggles {
width: 308px;
height: 189px;
left: auto;
right: 40px;
top: 162px;
}
.landing-hero .illustrations .chat {
width: 391px;
height: 203px;
left: auto;
right: 20px;
bottom: 55px;
}
.landing-hero .illustrations .welcome {
display: none;
}
}
@media (max-width: 1023px) {
.landing-hero {
background: #14092A url('img/landing/hero-bg-mob.png') no-repeat;
background-size: auto;
background-position: center top;
}
section.landing-hero {
padding-bottom: 78px;
}
.landing-hero h1{
font-size: 40px;
text-align: center;
}
.landing-hero p {
text-align: center;
font-size: 16px;
max-width: 100%;
}
.landing-hero .box {
padding-top: 100px;
padding-bottom: 12px;
}
.landing-hero .illustrations {
position: relative;
right: auto;
top: auto;
width: 100%;
height: 449px;
margin-bottom: 32px;
}
.landing-hero .illustrations .phone {
width: auto;
height: 543px;
left: auto;
right: 50%;
transform: translateX(52%);
top: -81px;
}
.landing-hero .illustrations .toggles {
width: 208px;
height: auto;
left: 50%;
transform: translateX(-78%);
right: auto;
top: 29px;
}
.landing-hero .illustrations .chat {
width: 210px;
height: auto;
left: 50%;
right: auto;
bottom: 90px;
transform: translateX(-84%);
}
.landing-hero .imgs {
justify-content: center;
gap: 0;
}
.landing-hero .imgs .for-qr {
display: none;
}
}
@media (max-width: 767px) {
.landing-hero {
margin-top: -100px;
}
.landing-hero .box {
padding-top: 92px;
}
}
section.landing-power {
background: #14092A;
padding-top: 0px;
padding-bottom: 63px;
position: relative;
}
.landing-power h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 56px;
line-height: 120%;
color: #81CDAE;
margin-bottom: 16px;
text-align: center;
}
.landing-power h2 i {
font-style: normal !important;
}
.landing-power h2 i span{
font-style: normal !important;
color: #fff;
background: linear-gradient(185.89deg, #FFFFFF 56.95%, #A397BC 86.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.landing-power p {
display: block;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #C2BBD2;
max-width: 666px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px !important;
text-align: center;
}
.landing-power .items {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
gap: 24px 0;
}
.landing-power .items .item {
width: calc(25% - 24px);
margin: 0 12px;
border-radius: 16px;
background: linear-gradient(15deg, rgba(255, 255, 255, 0.01) -10%, rgba(195, 193, 255, 0.7) 210%);
/* backdrop-filter: blur(20.5px); */
padding: 32px;
/*border: 1px solid rgba(255, 255, 255, 0.05);*/
position: relative;
padding: 1px;
}
.landing-power .items .item .bg {
padding: 31px;
height: 100%;
border-radius: 16px;
background: rgb(31 18 56);
}
.landing-power .items .item .icon {
width: 64px;
min-width: 64px;
height: 64px;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #654FD8;
background: #8771F5;
}
.landing-power .items .item .icon svg {
display: block;
width: auto;
height: 28px;
}
.landing-power .items .item p {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #FFFFFF;
margin: 0 !important;
text-align: left;
max-width: 100%;
}
@media (max-width: 1023px) {
.landing-power .items .item {
width: calc(50% - 24px);
}
.landing-power h2 {
font-size: 28px;
}
.landing-power p {
font-size: 16px;
margin-bottom: 25px !important;
}
.landing-power .items .item .bg{
padding: 23px;
padding-right: 37px;
display: flex;
align-items: center;
gap: 16px;
}
.landing-power .items .item .icon {
margin-bottom: 0px;
}
.landing-power .items .item p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.landing-power .items {
margin-left: 0;
margin-right: 0;
gap: 16px;
}
.landing-power .items .item {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
section.landing-benefits {
padding-top: 63px;
padding-bottom: 1064px;
}
.landing-benefits {
background: #14092A url('img/landing/benefits-bg.png') no-repeat;
background-size: 1440px auto;
background-position: center bottom;
position: relative;
overflow: hidden;
}
.landing-benefits .anim-lines {
top: auto;
bottom: 0;
}
.landing-benefits:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 63px;
background: linear-gradient(180deg, #14092A 0%, #120925 100%);
}
.landing-benefits h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 120%;
color: #81CDAE;
margin-bottom: 16px;
text-align: center;
max-width: 616px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
}
.landing-benefits h2 i {
font-style: normal !important;
}
.landing-benefits h2 i span {
font-style: normal !important;
color: #fff;
background: linear-gradient(185.89deg, #FFFFFF 56.95%, #A397BC 86.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin: 0 6px;
}
.landing-benefits p {
display: block;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #C2BBD2;
max-width: 947px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
text-align: center;
position: relative;
z-index: 2;
}
.landing-benefits .illustrations {
height: 1064px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.landing-benefits .illustrations img {
display: block;
width: 1441px;
max-width: 1441px;
height: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 29px;
}
.landing-benefits .illustrations img.mob {
display: none;
}
.landing-benefits .items {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1064px;
}
.landing-benefits .items .item {
width: 382px;
border-radius: 16px;
background: linear-gradient(15deg, rgba(255, 255, 255, 0.01) -10%, rgba(195, 193, 255, 0.7) 210%);
/*backdrop-filter: blur(20.5px);*/
position: absolute;
padding: 1px;
}
.landing-benefits .items .item-1 {
left: 64px;
left: 50%;
transform: translateX(-171.7%);
top: 104px;
}
.landing-benefits .items .item-2 {
right: 54px;
right: 50%;
transform: translateX(170%);
top: 196px;
width: 392px;
}
.landing-benefits .items .item-3 {
left: 110px;
left: 50%;
transform: translateX(-160%);
bottom: 231px;
}
.landing-benefits .items .item-4 {
right: 146px;
right: 50%;
transform: translateX(150.5%);
bottom: 164px;
}
.landing-benefits .items .item .bg {
padding: 23px;
height: 100%;
border-radius: 16px;
background: rgb(31 18 56);
}
.landing-benefits .items .item .icon {
margin-bottom: 16px;
}
.landing-benefits .items .item-1 .icon {
margin-bottom: 9px;
}
.landing-benefits .items .item .icon img {
display: block;
width: auto;
height: 88px;
margin-left: auto;
margin-right: auto;
}
.landing-benefits .items .item span {
display: block;
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 140%;
color: #FFFFFF;
margin-bottom: 8px;
text-align: center;
}
.landing-benefits .items .item p {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #FFFFFF;
margin: 0 !important;
text-align: center;
max-width: 100%;
}
@media (max-width: 1399px) {
.landing-benefits .illustrations img {
width: 100%;
max-width: 100%;
transform: translate(-50%, -50%);
top: 50%;
}
.landing-benefits .items .item-1 {
left: 64px;
transform: none;
}
.landing-benefits .items .item-2 {
right: 54px;
transform: none;
}
.landing-benefits .items .item-3 {
left: 110px;
transform: none;
}
.landing-benefits .items .item-4 {
right: 146px;
transform: none;
}
}
@media (max-width: 1023px) {
.landing-benefits .anim-lines {
top: 0;
bottom: auto;
}
.landing-benefits .illustrations {
height: auto;
position: relative;
bottom: auto;
left: auto;
width: calc(100% + 16px);
margin: 0 -8px;
margin-bottom: 35px;
}
.landing-benefits .illustrations img {
display: block;
width: 100%;
max-width: 368px;
margin-left: auto;
margin-right: auto;
height: auto;
position: static;
left: auto;
transform: none;
top: auto;
}
.landing-benefits .illustrations img.mob {
display: block;
}
.landing-benefits .illustrations img.desk {
display: none;
}
.landing-benefits h2 {
font-size: 28px;
margin-bottom: 18px;
}
.landing-benefits h2 i span {
margin: 0 1px;
}
.landing-benefits h2 i:last-shild {
display: block;
}
.landing-benefits p {
font-size: 16px;
margin-bottom: 32px !important;
}
.landing-benefits .items {
position: relative;
left: auto;
bottom: auto;
width: 100%;
height: auto;
background: url('img/landing/benefits-bg-mob-1.png'), url('img/landing/benefits-bg-mob-2.png');
background-repeat: no-repeat, no-repeat;
background-size: 339px 512px, 391px 512px;
background-position: left 15%, right bottom;
}
.landing-benefits .items .item {
width: 100%;
position: static;
margin-bottom: 16px;
}
.landing-benefits .items .item:last-child {
margin-bottom: 0;
}
.landing-benefits .items .item span {
font-size: 20px;
margin-bottom: 12px;
}
.landing-benefits .items .item p {
font-size: 14px;
}
.landing-benefits .items .item .icon img {
height: 104px;
}
.landing-benefits .items .item .icon {
margin-bottom: 20px;
}
.landing-benefits .items .item-1 .icon {
margin-bottom: 20px;
}
section.landing-benefits {
padding-bottom: 122px;
padding-top: 16px;
}
.landing-benefits:before {
content: none;
}
.landing-benefits {
background: #14092A url('img/landing/benefits-bg-mob.png') no-repeat;
background-size: 1024px auto;
background-position: center -5%;
position: relative;
overflow: hidden;
}
}
@media (min-width: 541px) and (max-width: 1023px) {
.landing-benefits .items {
padding: 0 3rem;
margin: 0 -3rem;
width: calc(100% + 6rem);
}
}
@media (max-width: 540px) {
.landing-benefits .items {
padding: 0 18px;
margin: 0 -18px;
width: calc(100% + 36px);
}
}
section.landing-assistant {
padding-top: 150px;
padding-bottom: 192px;
margin-top: -1px;
position: relative;
}
.landing-assistant {
background: #ECF0EF;
}
.landing-assistant h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 120%;
color: #241F5A;
margin-bottom: 58px;
text-align: center;
}
.landing-assistant h2 i {
color: #421694;
}
.landing-assistant h2 i span {
font-style: normal !important;
}
.landing-assistant .items {
display: flex;
align-items: center;
justify-content: space-between;
}
.landing-assistant .items .item {
width: 424px;
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 120%;
text-align: center;
color: #241F5A;
position: relative;
z-index: 2;
padding-top: 28px;
}
.landing-assistant .items .item:first-child {
padding-right: 20px;
transform: translateX(11px);
}
.landing-assistant .items .item-center {
position: relative;
}
.landing-assistant .items .item-center .white-circle {
width: 250px;
height: 250px;
border-radius: 50%;
background: #fff;
}
.landing-assistant .items .item-center .img {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-52%, -45%);
}
.landing-assistant .items .item-center .img svg, .landing-assistant .items .item-center .img img {
display: block;
width: 284px;
height: auto;
}
.landing-assistant .items .item-center p {
display: block;
width: 425px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
margin-top: 35px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #241F5A;
}
.landing-assistant .items .item-center .circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid rgba(36, 31, 90, 0.06);
}
.landing-assistant .items .item-center .circle-1 {
width: 378px;
height: 378px;
}
.landing-assistant .items .item-center .circle-2 {
width: 506px;
height: 506px;
border-color: rgba(36, 31, 90, 0.04);
}
.landing-assistant .items .item-center .circle-3 {
width: 634px;
height: 634px;
border-color: rgba(36, 31, 90, 0.02);
}
@media (max-width: 1299px) {
.landing-assistant .items .item {
width: 310px;
font-size: 22px;
padding-top: 28px;
}
.landing-assistant .items .item:first-child {
padding-right: 0px;
transform: none;
}
.landing-assistant .items .item-center .img {
position: absolute;
transform: translate(-48%, -45%);
}
}
@media (max-width: 1023px) {
section.landing-assistant {
padding-top: 84px;
padding-bottom: 40px;
}
.landing-assistant h2 {
font-size: 28px;
margin-bottom: 26px;
}
.landing-assistant h2 i {
display: block;
}
.landing-assistant .items {
display: block;
}
.landing-assistant .items .item {
width: 100%;
max-width: 358px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
padding-top: 0px;
}
.landing-assistant .items .item-center {
margin: 66px 0;
}
.landing-assistant .items .item-center .white-circle {
width: 140px;
height: 140px;
margin: 0 auto;
}
.landing-assistant .items .item-center .circle-1 {
width: 214px;
height: 214px;
}
.landing-assistant .items .item-center .circle-2 {
width: 286px;
height: 286px;
}
.landing-assistant .items .item-center .circle-3 {
width: 358px;
height: 358px;
}
.landing-assistant .items .item-center p {
font-size: 14px;
margin-top: 26px;
}
.landing-assistant .items .item-center .img {
position: absolute;
transform: translate(-52%, -46%);
}
.landing-assistant .items .item-center .img svg, .landing-assistant .items .item-center .img img {
width: 161px;
}
}
section.landing-engine {
padding-top: 88px;
padding-bottom: 0;
}
.landing-engine {
background: #ECF0EF url('img/landing/engine-bg.png') no-repeat;
background-size: 1920px auto;
background-position: center 88px;
position: relative;
overflow: hidden;
}
.landing-engine h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 120%;
color: #241F5A;
margin-bottom: 16px;
text-align: center;
}
.landing-engine h2 i {
color: #421694;
font-style: normal !important;
}
.landing-engine p {
display: block;
width: 100%;
max-width: 792px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 150%;
text-align: center;
color: #2C5047;
margin-bottom: 32px !important;
}
.landing-engine .phone-img img {
display: block;
width: 471px;
height: auto;
margin: 0 auto;
}
.landing-engine .imgs {
display: flex;
align-items: center;
gap: 16px;
position: relative;
z-index: 2;
justify-content: center;
margin-bottom: 117px;
}
.landing-engine .imgs a {
display: block;
}
.landing-engine .imgs a img {
display: block;
width: auto;
height: 56px;
}
.landing-engine .imgs .for-qr {
position: relative;
}
.landing-engine .imgs .for-qr .btn{
cursor: pointer;
}
.landing-engine .imgs .for-qr .btn img {
display: block;
width: auto;
height: 56px;
}
.landing-engine .imgs .for-qr .qr {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 10%);
opacity: 0;
visibility: hidden;
transition: all .3s;
margin-top: 8px;
}
.landing-engine .imgs .for-qr .qr img {
display: block;
width: 151px;
height: auto;
max-width: 151px;
}
.landing-engine .imgs .for-qr.active .qr {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0%);
}
@media (max-width: 1023px) {
section.landing-engine {
padding-top: 42px;
}
.landing-engine {
background: #ECF0EF url('img/landing/engine-bg-mob.png') no-repeat;
background-size: 691px auto;
background-position: center 134px;
}
.landing-engine h2 {
font-size: 28px;
}
.landing-engine p {
font-size: 14px;
line-height: 24px;
}
.landing-engine .imgs {
justify-content: center;
gap: 0;
margin-bottom: 48px;
}
.landing-engine .imgs .for-qr {
display: none;
}
.landing-engine .phone-img {
margin-bottom: -18px;
}
.landing-engine .phone-img img {
width: 282px;
}
}
section.landing-secure {
padding: 150px 0;
}
.landing-secure {
background: #14092A url('img/landing/secure-bg.png') no-repeat;
background-size: 100% auto;
background-position: center bottom;
position: relative;
overflow: hidden;
}
.landing-secure .container {
position: relative;
}
.landing-secure h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 120%;
color: #81CDAE;
margin-bottom: 16px;
}
.landing-secure h2 i {
font-style: normal !important;
}
.landing-secure h2 i span {
font-style: normal !important;
color: #fff;
background: linear-gradient(185.89deg, #FFFFFF 56.95%, #A397BC 86.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-right: 8px;
}
.landing-secure .box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 73px;
}
.landing-secure .box .left {
flex: 1;
}
.landing-secure .box .left p {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #C2BBD2;
margin-bottom: 0 !important;
}
.landing-secure .box .right {
width: 648px;
width: 49.391%;
min-width: 648px;
min-width: 49.391%;
}
.landing-secure .box .right p{
display: block;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #C2BBD2;
margin-bottom: 0 !important;
margin-top: 17px;
padding-right: 2px;
}
.landing-secure .box .right .item {
width: 100%;
border-radius: 16px;
background: linear-gradient(140deg, rgba(255, 255, 255, 0.01) 0%, rgba(195, 193, 255, 0.7) 210%);
position: relative;
padding: 1px;
position: relative;
}
.landing-secure .box .right .item .bg {
display: flex;
align-items: center;
justify-content: center;
height: 408px;
padding: 31px;
border-radius: 16px;
background: radial-gradient(104.07% 100% at 100% 100%, rgba(135, 113, 245, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #14092A;
}
.landing-secure .box .right .item .bg img {
display: block;
width: 273px;
height: auto;
margin-right: 20px;
}
@media (max-width: 1199px) {
.landing-secure .box {
gap: 30px;
}
}
@media (max-width: 1023px) {
.landing-secure .anim-lines {
top: -18px;
}
section.landing-secure {
padding-top: 82px;
padding-bottom: 40px;
}
.landing-secure {
background: #14092A;
}
.landing-secure .box {
display: block;
}
.landing-secure .box .left {
flex: initial;
text-align: center;
margin-bottom: 32px;
}
.landing-secure h2 {
font-size: 28px;
margin-bottom: 18px;
}
.landing-secure h2 i span {
margin-right: 2px;
}
.landing-secure .box .left p {
font-size: 16px;
}
.landing-secure .box .right {
width: 100%;
}
.landing-secure .box .right .item {
border-radius: 12px;
}
.landing-secure .box .right .item .bg {
height: 248px;
border-radius: 12px;
padding: 20px;
}
.landing-secure .box .right .item .bg img {
display: block;
width: 186px;
height: auto;
margin-right: 14px;
}
.landing-secure .box .right p {
font-size: 14px;
margin-top: 16px;
}
}
section.landing-download {
padding: 0;
}
.landing-download {
overflow: hidden;
}
.landing-download .container {
overflow: visible;
position: relative;
z-index: 2;
}
.landing-download h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 120%;
color: #81CDAE;
margin-bottom: 62px;
text-align: center;
}
.landing-download h2 i {
font-style: normal !important;
display: block;
}
.landing-download h2 i span{
font-style: normal !important;
color: #fff;
background: linear-gradient(185.89deg, #FFFFFF 56.95%, #A397BC 86.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
padding-left: 10px;
}
.landing-download .img-box {
position: relative;
height: 1001px;
margin-bottom: 40px;
}
.landing-download .img-box img {
display: block;
max-width: none;
width: 2043px;
height: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
margin-left: -61px;
}
.landing-download .img-box img.mob {
display: none;
}
.landing-download p {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 150%;
text-align: center;
color: #C2BBD2;
max-width: 620px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
}
@media (max-width: 1023px) {
section.landing-download {
padding-top: 42px;
padding-bottom: 32px;
}
.landing-download h2 {
font-size: 28px;
margin-bottom: 28px;
}
.landing-download h2 i span{
padding-left: 4px;
}
.landing-download .img-box {
height: 493px;
}
.landing-download .img-box img {
width: 1002px;
transform: translateX(-50%);
top: 6px;
margin-left: -112px;
}
.landing-download .img-box img.mob {
display: block;
}
.landing-download .img-box img.desk {
display: none;
}
.landing-download p {
font-size: 16px;
}
}
section.landing-perks {
padding-top: 158px;
padding-bottom: 150px;
}
.landing-perks {
position: relative;
}
.landing-perks .bg-img {
display: block;
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 1261px;
overflow: hidden;
}
.landing-perks .bg-img img {
display: block;
position: absolute;
left: 50%;
bottom: -85px;
width: 100%;
min-width: 1438px;
transform: translateX(-50%);
height: auto;
}
.landing-perks .bg-img img.mob {
display: none;
}
.landing-perks .container {
position: relative;
z-index: 2;
}
.landing-perks img {
display: block;
}
.landing-perks h2{
font-family: var(--font-family-accent);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 120%;
color: #81CDAE;
margin-bottom: 41px;
text-align: center;
}
.landing-perks h2 i {
font-style: normal !important;
}
.landing-perks h2 i span{
font-style: normal !important;
color: #fff;
background: linear-gradient(185.89deg, #FFFFFF 56.95%, #A397BC 86.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.landing-perks .items {
display: flex;
flex-wrap: wrap;
gap: 24px;
max-width: 904px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.landing-perks .items .item {
width: calc(50% - 12px);
border-radius: 16px;
background: linear-gradient(15deg, rgba(255, 255, 255, 0.01) -10%, rgba(195, 193, 255, 0.7) 210%);
position: relative;
padding: 1px;
}
.landing-perks .items .item .bg {
padding: 23px;
height: 100%;
border-radius: 16px;
background: rgb(31 18 56);
background: #3A2D69;
display: flex;
align-items: center;
gap: 16px;
}
.landing-perks .items .item .bg .icon {
width: 64px;
min-width: 64px;
height: 64px;
background: #8771F5;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.landing-perks .items .item .bg .icon svg {
display: block;
height: 24px;
width: auto;
}
.landing-perks .items .item .bg p {
flex: 1;
display: block;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #FFFFFF;
margin-bottom: 0 !important;
}
.landing-perks .imgs {
display: flex;
align-items: center;
gap: 16px;
position: relative;
z-index: 2;
justify-content: center;
}
.landing-perks .imgs a {
display: block;
}
.landing-perks .imgs a img {
display: block;
width: auto;
height: 56px;
}
.landing-perks .imgs .for-qr {
position: relative;
}
.landing-perks .imgs .for-qr .btn{
cursor: pointer;
}
.landing-perks .imgs .for-qr .btn img {
display: block;
width: auto;
height: 56px;
}
.landing-perks .imgs .for-qr .qr {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 10%);
opacity: 0;
visibility: hidden;
transition: all .3s;
margin-top: 8px;
}
.landing-perks .imgs .for-qr .qr img {
display: block;
width: 151px;
height: auto;
max-width: 151px;
}
.landing-perks .imgs .for-qr.active .qr {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0%);
}
@media (max-width: 1023px) {
section.landing-perks {
padding-top: 48px;
padding-bottom: 80px;
}
.landing-perks .bg-img {
height: 1253px;
}
.landing-perks .bg-img img.desk {
display: none;
}
.landing-perks .bg-img img.mob {
display: block;
}
.landing-perks h2 {
font-size: 28px;
margin-bottom: 32px;
}
.landing-perks h2 i span{
padding-right: 4px;
}
.landing-perks .items {
max-width: 100%;
display: block;
margin-bottom: 32px;
}
.landing-perks .items .item {
width: 100%;
margin-bottom: 16px;
}
.landing-perks .items .item .bg{
background: #211A3E;
}
.landing-perks .items .item:last-child {
margin-bottom: 0;
}
.landing-perks .items .item .bg p {
font-size: 14px;
}
.landing-perks .imgs {
justify-content: center;
gap: 0;
}
.landing-perks .imgs .for-qr {
display: none;
}
.landing-perks .bg-img img {
bottom: 0;
min-width: 1116px;
margin-left: -175px;
}
}
.anim-lines {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 100%;
min-width: 1441px;
height: auto;
}
.anim-lines svg {
display: block;
width: 100%;
height: auto;
}
.anim-line-1 {
animation: moveLine1 6s linear infinite;
}
.anim-line-2 {
animation: moveLine2 5s linear infinite;
}
.anim-line-3 {
animation: moveLine3 7s linear infinite;
}
.anim-line-4 {
animation: moveLine4 6.5s linear infinite;
}
.anim-line-5 {
animation: moveLine5 5.5s linear infinite;
}
.anim-line-6 {
animation: moveLine6 7.5s linear infinite;
}
.anim-line-7 {
animation: moveLine7 4.5s linear infinite;
}
.anim-line-8 {
animation: moveLine7 4s linear infinite;
}
@keyframes moveLine1 {
0% {
transform: translate(0, 660px);
}
100% {
transform: translate(0, -270px);
}
}
@keyframes moveLine2 {
0% {
transform: translate(0, 170px);
}
100% {
transform: translate(0, -760px);
}
}
@keyframes moveLine3 {
0% {
transform: translate(0, 640px);
}
100% {
transform: translate(0, -290px);
}
}
@keyframes moveLine4 {
0% {
transform: translate(0, 250px);
}
100% {
transform: translate(0, -690px);
}
}
@keyframes moveLine5 {
0% {
transform: translate(0, 400px);
}
100% {
transform: translate(0, -525px);
}
}
@keyframes moveLine6 {
0% {
transform: translate(0, 130px);
}
100% {
transform: translate(0, -820px);
}
}
@keyframes moveLine7 {
0% {
transform: translate(0, 340px);
}
100% {
transform: translate(0, -600px);
}
}
@keyframes moveLine8 {
0% {
transform: translate(0, 490px);
}
100% {
transform: translate(0, -450px);
}
}
.animate-words {
opacity: 0;
}
.animate-words.active {
opacity: 1;
}
.animate-words .word {
display: inline-block;
vertical-align: top;
opacity: 0;
transform: translateY(20px);
transition: all 0.5s ease;
}
.animate-words .word.visible {
opacity: 1;
transform: translateY(0);
}
/* Hide default Contact Form 7 success message */
.wpcf7-response-output {
display: none !important;
}
/* Hide default Contact Form 7 success message for PDF forms specifically */
.sidebar-contact-form .wpcf7-response-output,
.modal-pdf .sidebar-contact-form .wpcf7-response-output {
display: none !important;
}
.wpcf7-spinner {
display: none !important;
}