:root {
--swiper-theme-color: #F97932;
}
.feedback-submit {
position: relative;
}
.feedback-submit .wpcf7-spinner {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
margin: 0;
}
.feedback .wpcf7-not-valid-tip {
display: none !important;
}
.feedback .wpcf7-not-valid {
border: 1px solid red;
}
.feedback .wpcf7-response-output {
margin: 16px 0 0 !important;
border-radius: 10px;
text-align: center;
color: #666666;
font-weight: 500;
padding: 12px;
}
@media(max-width: 767.98px) {
.projects-title {
line-height: 1;
}
.projects-title a {
line-height: 1;
}
}
@media(min-width: 768px) {
.features-content {
padding-right: 80px;
}
}
.project-hero {
margin-top: 36px;
}
.project-hero-image {
position: relative;
padding-bottom: 56%;
border-radius: 16px;
overflow: hidden;
}
.project-hero-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.section-header-link {
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 24px;
letter-spacing: -0.02em;
line-height: 30px;
color: #F97932;
text-decoration: none;
font-weight: 500;
font-size: 24px;
transition: .2s;
}
.section-header-link:hover {
color: #E86217;
}
.section-header-with-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.steps {
background-color: #F5F5F5;
padding: 32px;
box-sizing: border-box;
border-radius: 16px;
margin: 0;
list-style: none;
}
.steps-item {
display: flex;
gap: 8px;
padding-right: 120px;
box-sizing: border-box;
}
.steps-item:not(:first-child) {
padding-top: 24px;
}
.steps-item:not(:last-child) {
padding-bottom: 46px;
border-bottom: 1px solid #C2C2C2;
}
.steps-number {
flex-shrink: 0;
flex-basis: 76px;
font-size: 40px;
font-weight: 500;
color: #ACC8ED;
letter-spacing: -0.02em;
line-height: 0.875;
margin-top: 6px;
}
.steps-text {
font-size: 20px;
color: #666666;
letter-spacing: -0.02em;
line-height: 1.5;
font-weight: 500;
}
.project-blocks {
margin-top: 16px;
display: flex;
gap: 16px;
}
.project-result {
flex-basis: calc( (100% - 16px) / 2 );
box-sizing: border-box;
background: linear-gradient(135deg, rgb(172, 200, 237) 0%, rgba(255, 255, 255, 0.72) 100%);
border-radius: 16px;
padding: 40px 32px;
min-height: 250px;
}
.project-result p {
letter-spacing: -0.02em;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
margin: 8px 0;
}
.project-blocks-title {
font-weight: 600;
font-size: 24px;
margin-bottom: 16px;
color: #121212;
}
.project-tools {
flex-basis: calc( (100% - 16px) / 2 );
box-sizing: border-box;
border-radius: 16px;
background-color: #F5F5F5;
padding: 40px 32px;
min-height: 250px;
}
.project-tools-row {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin-top: 24px;
}
.project-tools-item {
text-align: center;
}
.project-tools-icon {
display: flex;
justify-content: center;
}
.project-tools-icon img {
width: 48px;
height: 48px;
}
.project-tools-name {
color: #666666;
font-weight: 500;
font-size: 16px;
margin-top: 4px;
line-height: 1.75;
letter-spacing: -0.02em;
}
.project-case {
border-radius: 16px;
overflow: hidden;
}
.project-case img {
display: block;
width: 100%;
height: auto;
}
@media(max-width: 1023.98px) {
.steps-item {
padding-right: 0;
}
.project-blocks {
display: block;
}
.project-result {
min-height: 0;
}
.project-tools {
margin-top: 16px;
min-height: 0;
}
}
@media(max-width: 767.98px) {
.steps {
padding: 16px;
}
.steps-number {
font-size: 32px;
flex-basis: 60px;
}
.steps-text {
font-size: 16px;
}
.steps-item:not(:first-child) {
padding-top: 16px;
}
.steps-item:not(:last-child) {
padding-bottom: 16px;
}
.section-header-with-link {
flex-wrap: wrap;
}
.section-header-link {
font-size: 16px;
gap: 8px;
}
.section-header-link svg {
width: 24px;
height: 24px;
}
.project-blocks-title {
font-size: 20px;
}
.project-result {
padding: 16px;
}
.project-tools {
padding: 16px;
}
.project-result p {
font-size: 16px;
}
.project-tools-row {
gap: 16px;
}
}
.projects-image {
display: block;
padding-bottom: 64%;
position: relative;
}
.projects-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media(min-width: 768px) {
.section-archive-project {
margin-top: 60px;
}	
}
.section-main-sites {
}
.section.section-main.section-main-sites .section-col.section-col-image {
flex-basis: 502px;
text-align: center;
}
.section.section-main.section-main-sites .section-bg-gradient .section-text {
flex-grow: 0;
}
.section.section-main.section-main-sites .section-bg-gradient {
justify-content: flex-end;
}
.section.section-main.section-main-sites .section-bg-gradient .section-title-main {
font-weight: 600;
}
.section.section-main.section-main-sites .section-col.section-col-image img {
border-radius: 16px;
}
@media(min-width: 1024px) {
.section.section-main.section-main-sites .section-bg-gradient .section-title-main {
font-size: 40px;
}
.section.section-main.section-main-sites .section-col.section-col-image img {
display: block;
}	
}
.reasons {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.reasons-item {
flex-basis: calc( (100% - 2 * 16px) / 3 );
box-sizing: border-box;
padding: 32px;
background-color: #F5F5F5;
border-radius: 16px;
position: relative;
}
.reasons-icon {
position: absolute;
top: 24px;
right: 24px;
width: 45px;
height: 45px;
}
.reasons-title {
font-size: 24px;
color: #121212;
font-weight: 600;
line-height: 1.375;
padding-right: 36px;
box-sizing: border-box;
}
.reasons-text {
margin-top: 16px;
font-size: 20px;
color: #666666;
line-height: 1.5;
letter-spacing: -0.02em;
font-weight: 500;
}
@media(max-width: 1023.98px) {
.reasons {
display: block;
}
.reasons-item:not(:last-child) {
margin-bottom: 16px;
}
}
@media(max-width: 767.98px) {
.reasons-title {
font-size: 20px;
}
.reasons-text {
font-size: 16px;
}
.reasons-icon {
top: 16px;
right: 16px;
width: 36px;
height: 36px;
}
.reasons-item {
padding: 16px;
}
}
.steps-item.steps-item-alt {
padding-right: 0;
padding-bottom: 24px;
}
.steps-item-alt .steps-title {
flex-grow: 1;
font-size: 24px;
color: #121212;
line-height: 1.375;
font-weight: 600;
}
.steps-item-alt .steps-text {
flex-basis: 43%;
font-size: 16px;
line-height: 1.75;
flex-shrink: 0;
}
@media(max-width: 767.98px) {
.steps-item-alt .steps-number {
flex-basis: 50px;
margin-top: 0;
}
.steps-item-alt .steps-title {
font-size: 17px;
flex-basis: calc( 100% - 50px - 16px );
}
.steps-item.steps-item-alt {
flex-wrap: wrap;
padding-bottom: 16px;
}
.steps-item-alt .steps-text {
flex-basis: 100%;
}
}
.sites-banner {
padding-bottom: 76px;
position: relative;
padding-top: 45px;
padding-bottom: 45px;
}
@media(max-width: 767.98px) {
.sites-banner {
padding-top: 24px;
padding-bottom: 24px;
}
}
.sites-banner-text {
text-align: center;
font-size: 32px;
line-height: 1.09375;
font-weight: 500;
letter-spacing: -0.02em;
color: #121212;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
.sites-banner-text span {
color: #F97932;
}
.sites-banner-image {
position: absolute;
left: 16px;
bottom: 0;
width: 168px;
height: 168px;
object-fit: contain;
}
@media(max-width: 1023.98px) {
.sites-banner-image {
display: none;
}	
.sites-banner {
padding-bottom: 24px;
}
.sites-banner-text {
font-size: 20px;
}
}
.projects-title a {
transition: .3s;
}
@media(min-width: 1024px) {
.projects-image img {
transition: 0.8s;
}
.projects-item:hover .projects-image img {
transform: scale(1.06);
}
.projects-item:hover .projects-title a {
color: #F97932;
}
}
.blog-image {
position: relative;
padding-bottom: 64%;
display: block;
}
.blog-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-title a {
text-decoration: none;
color: currentColor;
}
.reviews-grid {
row-gap: 40px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.reviews-image {
position: relative;
padding-bottom: 158%;
display: block;
border-radius: 16px;
overflow: hidden;
}
.reviews-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.reviews-image:not(:last-child) {
margin-bottom: 16px;
}
.reviews-video::after {
content: '';
position: absolute;
bottom: 24px;
right: 24px;
width: 64px;
height: 64px;
background: url(//miniapp-shop.ru/wp-content/themes/empathic/images/play.svg) center / 100% no-repeat;
z-index: 2;
}
.reviews-site {
font-weight: 500;
text-decoration: none;
color: #F97932;
}
.reviews-item-hidden {
display: none;
}
@media(min-width: 768px) and (max-width: 1023.98px) {
.reviews.reviews-grid {
display: flex;
}
.reviews-grid .reviews-item {
flex-basis: calc( (100% - 16px) / 2 );
}
}
.letters {
}
.letters-item {
display: flex;
gap: 40px;
}
.letters-item:not(:last-child) {
margin-bottom: 40px;
}
.letters-document {
flex-basis: 346px;
box-sizing: border-box;
flex-shrink: 0;
}
.letters-document-image {
display: block;
padding-bottom: 140%;
position: relative;
}
.letters-document-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.letters-main {
flex-grow: 1;
box-sizing: border-box;
}
.letters-content {
}
.letters-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: 600;
}
.letters-text {
font-weight: 500;
color: #666666;
letter-spacing: -0.02em;
line-height: 1.5;
}
.letters-meta {
border-top: 1px solid #A5A5A5;
padding-top: 32px;
margin-top: 32px;
display: flex;
gap: 24px;
justify-content: space-between;
}
.letters-meta-info {
}
.letters-meta-name {
font-size: 20px;
}
.letters-meta-position {
font-weight: 500;
font-size: 16px;
color: #666666;
margin-top: 10px;
}
.letters-meta-site {
font-size: 20px;
font-weight: 500;
}
.letters-meta-site a {
color: #F97932;
text-decoration: none;
}
@media(max-width: 767.98px) {
.letters-item {
display: block;
}
.letters-document {
max-width: 340px;
margin-bottom: 16px;
}
.letters-meta {
display: block;
margin-top: 16px;
padding-top: 16px;
}
.letters-meta-site {
margin-top: 16px;
}
}
.letters-item-hidden {
display: none;
}
.pagination {
margin-top: 40px;
display: flex;
gap: 16px;
font-family: 'Montserrat', sans-serif;
}
.pagination .page-numbers {
width: 45px;
height: 45px;
flex-shrink: 0;
background-color: transparent;
border: 1px solid #A5A5A5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 20px;
text-align: none;
color: #A5A5A5;
text-decoration: none;
transition: .2s;
}
.pagination a.page-numbers:hover {
color: #F97932;
border-color: #F97932;
}
.pagination .page-numbers.current {
background-color: #ACC8ED;
border-color: #ACC8ED;
color: #F5F5F5;
}
.blog-item-bottom {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.blog-link {
display: flex;
align-items: center;
font-size: 24px;
font-weight: 500;
letter-spacing: -0.02em;
color: #F97932;
gap: 12px;
text-decoration: none;
transition: .2s;
}
.blog-link:hover {
color: #E86217;
}
.blog-link svg {
width: 26px;
height: 26px;
}
@media(max-width: 767.98px) {
.blog-link {
font-size: 16px;
}
.blog-link svg {
width: 20px;
height: 20px;
}
}
.blog-date {
padding: 0;
background-color: transparent;
font-size: 16px;
color: #666666;
font-weight: 500;
}
@media(min-width: 768px) {
.reviews-slider {
display: none;
}
}
@media(max-width: 767.98px) {
.reviews-grid {
display: none;
}
.reviews-slider {
padding-bottom: 32px;
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
.reviews-slider .reviews-item {
text-align: center; margin-left: auto;
margin-right: auto;
}
}
.tariffs {
display: flex;
align-items: flex-start;
gap: 16px;
}
.tariffs-col {
background-color: #F5F5F5;
border-radius: 16px;
flex-basis: calc( (100% - 2 * 16px) / 3 );
padding: 32px 32px 40px;
box-sizing: border-box;
}
.tariffs-title {
text-align: center;
margin-bottom: 24px;
font-size: 24px;
font-weight: 600;
}
ul.tariffs-features {
font-size: 18px;
color: #666666;
line-height: 1.44;
list-style: none;
padding: 0;
margin: 0 0 30px;
font-weight: 500;
}
.tariffs-features > li {
padding-left: 38px;
position: relative;
}
.tariffs-features > li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
display: block;
background: url(//miniapp-shop.ru/wp-content/themes/empathic/images/tariffs.svg) center / contain no-repeat;
}
.tariffs-features > li:not(:last-child) {
margin-bottom: 18px;
}
.tariffs-price {
text-align: center;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
}
.tariffs-button {
text-align: center;
}
.tariffs-button .button {
letter-spacing: -0.02em;
padding-left: 24px;
padding-right: 24px;
}
@media(max-width: 1023.98px) {
.tariffs-title {
font-size: 18px;
}
ul.tariffs-features {
font-size: 14px;
}
.tariffs-price {
font-size: 20px;
}
}
@media(max-width: 767.98px) {
.tariffs {
display: block;
}
.tariffs-col:not(:last-child) {
margin-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 24px;
}
}
.section-bg-white {
background-color: #F5F5F5;
padding: 50px 32px 40px;
box-sizing: border-box;
border-radius: 16px;
}
.crm-features {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 16px;
}
.crm-features-first {
grid-row: 1 / 3;
}
.crm-features-first {
}
.crm-features-title {
font-size: 32px;
font-weight: 600;
margin-bottom: 28px;
line-height: 1.1;
}
.crm-features-photo img {
width: 129px;
height: 129px;
border-radius: 50%;
transform: translate(-50%, 12px);
position: relative;
z-index: 1;
}
.crm-features-photo span {
display: inline-flex;
height: 38px;
align-items: center;
padding: 0 16px;
box-sizing: border-box;
border-radius: 100px;
background-color: #D9E4F3;
font-size: 16px;
position: relative;
z-index: 2;
font-weight: 500;
}
.crm-features-card {
background-color: #E8E8E8;
border-radius: 16px;
padding: 30px 32px;
box-sizing: border-box;
}
.crm-features-card-blue {
background-color: #D9E4F3;
}
.crm-features-card-title {
font-size: 24px;
font-weight: 600;
}
.crm-features-card-sub-title {
font-size: 20px;
font-weight: 500;
margin-top: 16px;
}
.crm-features-card-text {
font-size: 16px;
font-weight: 500;
color: #666666;
line-height: 1.625;
margin-top: 16px;
}
@media(max-width: 767.98px) {
.section-bg-white {
padding: 32px 16px 24px;
}
.crm-features {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.crm-features-first {
grid-row: 1 / 2;
}
.crm-features-title {
font-size: 24px;
}
.crm-features-card {
padding: 24px;
}
}
.section-reviews-slider {
overflow: hidden;
}
.prices-tabs-item {
display: none;
}
.button.button-wide span {
flex-grow: 1;
text-align: center;
}
.services-title a {
text-decoration: none;
color: currentColor;
transition: .2s;
}
.services-title a:active {
color: #F97932;
}
@media(min-width: 768px) {
.services-title a:hover {
color: #F97932;
}
}
.section-header h1 {
margin-top: 0;
margin-bottom: 0;
}
.section-top {
margin-top: 60px;
}
@media(max-width: 767.98px) {
.section-top {
margin-top: 24px;
}
}
.reviews-grid {
margin-top: 40px;
}
.faq-content p:not(:first-child) {
margin-top: 16px;
}
.projects-title {
font-size: 24px;
font-weight: 600;
line-height: 1.46;
letter-spacing: -0.02em;
}
@media(max-width: 767.98px) {
.projects-title {
font-size: 20px;
line-height: 1;
}
}
@media(min-width: 768px) {
.section-header.section-header-row .section-tagline {
flex-basis: 366px;
}
.crm-features-card {
min-height: 240px;
}
}
.prices-row {
flex-basis: 100%;
display: flex;
gap: 16px;
}
.prices-col {
flex-basis: calc( (100% - 16px) / 2 );
}
.prices-col .prices-item:not(:last-child) {
margin-bottom: 16px;
}
.prices-content {
background-color: #F5F5F5;
padding: 40px 32px;
box-sizing: border-box;
border-radius: 16px
}
.prices-content-title {
font-size: 24px;
color: #F97932;
font-weight: 600;
}
.prices-content-sub-title {
flex-grow: 1;
font-size: 20px;
color: #666666;
font-weight: 500;
line-height: 1.5;
letter-spacing: -0.02em;
margin-top: 16px;
}
.prices-content-list {
margin: 32px 0 0;
padding: 0;
list-style: none;
}
.prices-content-item {
font-size: 24px;
font-weight: 600;
color: #121212;
}
.prices-content-item:not(:last-child) {
margin-bottom: 32px;
}
@media(max-width: 767.98px) {
.prices-content {
padding: 24px 16px;
}
.prices-row {
display: block;
}
.prices-col:not(:last-child) {
margin-bottom: 16px;
}
.prices-content-title {
font-size: 20px;
}
.prices-content-sub-title {
font-size: 16px;
}
.prices-content-item {
font-size: 20px;
}
.prices-content-item:not(:last-child) {
margin-bottom: 24px;
}
}
.section-notice {
font-size: 20px;
font-weight: 500;
color: #666666;
letter-spacing: -0.02em;
margin-top: 32px;
line-height: 1.5;
}
.prices-button {
margin-top: 32px;
}
@media(max-width: 767.98px) {
.section-notice {
font-size: 13px;
margin-top: 16px;	
}
.prices-button {
margin-top: 24px;
}
.prices-button .button {
width: 100%;
}
.section-col.section-col-image img {
display: block;
}
.projects-item:not(:last-child) {
margin-bottom: 32px;
}
}	
@media(min-width: 768px) {
.section-title {
font-weight: 500;
}
}
.popup-quiz {
background-color: transparent;
max-width: 1074px;
padding: 0;
}
.popup-full-width {
background-color: transparent;
max-width: 1074px;
padding: 0;	
}
.quiz-row {
display: flex;
gap: 16px;	
}
.quiz-col {
flex-basis: calc( (100% - 16px) / 2 );
background-color: #F5F5F5;
border-radius: 16px;
overflow: hidden;
}
.quiz-content {
padding: 40px 32px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
}
.quiz .section-title {
font-size: 32px;
margin-bottom: 24px;
font-weight: 600;
}
.quiz .section-text {
font-size: 20px;
color: #666666;
}
.quiz-content-bg {
background-color: #ACC8ED;
}
.fancybox__slide.has-inline {
padding-left: 16px !important;
padding-right: 16px !important;
}
.quiz-content-grow {
flex-grow: 1;
}
.quiz-options {
list-style: none;
padding: 0;
margin: 0;
font-size: 20px;
font-weight: 500;
color: #121212;
line-height: 1.5;
}
.quiz-options-item:not(:last-child) {
margin-bottom: 16px;
}
.quiz-radio input {
display: none;
}
.quiz-radio label {
display: flex;
gap: 12px;
align-items: center;
font-weight: 500;
}
.quiz-radio label::before {
content: '';
width: 22px;
height: 22px;
display: block;
background: url(//miniapp-shop.ru/wp-content/themes/empathic/images/radio.svg) center / contain no-repeat;
flex-shrink: 0;
}
.quiz-radio input:checked + label::before {
background-image: url(//miniapp-shop.ru/wp-content/themes/empathic/images/radio-checked.svg);
}
.quiz-textarea textarea {
width: 100%;
resize: none;
height: 172px;
padding: 16px 20px;
box-sizing: border-box;
background-color: #E8E8E8;
border-radius: 16px;
border: none;
outline: none !important;
color: #666666;
font-weight: 500;
line-height: 1.875;
}	
.quiz-buttons {
display: flex;
gap: 24px;
align-items: center;
margin-top: 24px;
justify-content: flex-end;
}
.quiz-counter {
font-size: 16px;
font-weight: 500;
color: #666666;
}
.button {
}
.quiz-image {
position: relative;
padding-bottom: 117%;
}
.quiz-image > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.quiz-step:not(.active) {
display: none;
}
@media(max-width: 767.98px) {
.fancybox__slide.has-inline {
padding-left: 8px !important;
padding-right: 8px !important;
}
.quiz-row {
flex-direction: column-reverse;
gap: 8px;
}
.quiz-row.quiz-row-normal {
flex-direction: column;
}
.quiz-content {
padding: 32px 16px;
}
.quiz .section-title {
font-size: 20px;
}
.quiz .section-text {
font-size: 16px;
}
.quiz-options {
font-size: 16px;
}
}
.button-disabled {
opacity: 0.6;
pointer-events: none;
}
@media(max-width: 767.98px) {
.section-info-block {
background: linear-gradient(124deg, rgb(172, 200, 237) 0%, rgb(220, 220, 220) 13%, rgb(249, 121, 50) 100%);
}
.section-info-block .section-text {
color: #fff;
}
}
.popup-success {
background-color: #F5F5F5;
max-width: 530px;
text-align: center;
}
.popup-success .popup-title {
font-size: 32px;
letter-spacing: -0.02em;
margin-bottom: 24px;
}
.section-title a {
color: currentColor;
text-decoration: none;
transition: .2s;
}
.section-title a:hover {
color: #F97932;
}
.footer-nav-sub-list {
list-style: none;
padding-left: 0;
margin: 24px 0;
}
@media(max-width: 767.98px) {
.footer-nav-sub-list {
display: inline-flex;
gap: 2px 10px;
flex-wrap: wrap;
margin: 0;
}
}
@media(min-width: 768px) {
.footer-nav {
flex-basis: 69%;
gap-column: 0;
justify-content: space-between;
}
.footer-nav a {
color: #121212;
}
.footer-info {
flex-basis: 31%;
}
.footer-nav-list {
line-height: 0.7;
flex-grow: 1;
}
.footer-nav-list li:not(:last-child) {
margin-bottom: 16px;
}
.footer-nav-list-alt {
line-height: 1.43;
}
.footer-nav-list-alt a {
color: #666666;
text-decoration: underline;
}
.footer-nav-list .has-children > a {
padding-right: 18px;
background: url(//miniapp-shop.ru/wp-content/themes/empathic/images/arrow-down.svg) right center / 12px 6px no-repeat;
}
.footer-nav-col {
flex-basis: 170px;
display: flex;
flex-direction: column;
}
.footer-nav-col.wide {
flex-basis: 230px;
}
} .contacts {
margin-top: 40px;
}
.contacts-row {
display: flex;
gap: 16px;
align-items: stretch;
}
.contacts-col {
flex-basis: calc( (100% - 16px) / 2 );
background-color: #F5F5F5;
border-radius: 16px;
padding: 40px 32px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.contacts-list {
list-style: none;
font-size: 32px;
font-weight: 500;
padding-left: 0;
margin: 0;
line-height: 1.1;
}
.contacts-list li:not(:last-child) {
margin-bottom: 16px;
}
.contacts-list a {
color: #121212;
text-decoration: underline;
text-decoration-skip-ink: none;
letter-spacing: -0.02em;
transition: 0.2s;
}
.contacts-list a:hover {
color: #F97932;
}
.contacts-info {
letter-spacing: -0.02em;
line-height: 1.5;
font-size: 20px;
color: #666666;
font-weight: 500;
}
.contacts-info p {
margin: 0;
}
.contacts-email {
margin-top: 14px;
flex-grow: 1;
}
.contacts-email a {
line-height: 1.5;
font-size: 20px;
font-weight: 500;	
color: #121212;
text-decoration: underline;
text-decoration-skip-ink: none;
letter-spacing: -0.02em;
transition: 0.2s;
}
.contacts-email a:hover {
color: #F97932;
}
.contacts-profile {
position: relative;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.contacts-profile-name {
display: inline-flex;
align-items: center;
padding: 0 16px;
height: 38px;
background-color: #D9E4F3;
border-radius: 100px;
color: #121212;
font-weight: 600;
font-size: 16px;
margin-right: -44px;
position: relative;
z-index: 2;
}
.contacts-profile-image img {
width: 130px;
height: 130px;
object-fit: contain;
border-radius: 50%;
position: relative;
z-index: 1;
display: block;
}
@media(max-width: 767.98px) {
body.page-template-contacts h1.section-title {
text-align: center;
}
body.page-template-contacts .section-top {
margin-top: 24px;
}
.contacts {
margin-top: 0;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.contacts-col {
padding: 24px;
}
.contacts-list {
font-size: 20px;
}
.contacts-list .left {
text-align: left;
}
.contacts-list .right {
text-align: right;
}
.contacts-list .offset-1 {
padding: 0 20px;
}
.contacts-list .offset-2 {
padding: 0 62px;
}
.contacts-row {
display: block;
}
.contacts-col-mobile-transparent {
margin-top: 40px;
background-color: transparent;
padding: 0;
border-radius: 0;
text-align: center;
}
.contacts-profile {
justify-content: center;
}
.contacts-profile-name {
display: none;
}
.contacts-email {
display: none;
}
.contacts-info {
order: 1;
font-size: 16px;
margin-top: 16px;
line-height: 1.375;
}
.contacts-profile-image img {
width: 70px;
height: 70px;
}
}
.footer-nav-col {
align-items: flex-start;
}
.services-item {
text-decoration: none;
color: currentColor;
display: block;
overflow: hidden;
}
.services-item.no-padding {
padding: 0 !important;
}
.services-item-inner {
transition: .8s;
position: relative;
padding: 40px 32px 32px;
}
.services-badges-item:hover {
}
@media(max-width: 767.98px) {
.services-item-inner {
padding: 24px 16px;
}
}
@media(min-width: 1024px) {
.services-item:hover .services-item-inner {
transform: scale(1.04);
}	
}
.process {
display: flex;
gap: 54px;
margin-top: 40px;
}
.process-item {
flex-basis: calc( (100% - 54px * 2) / 3 );
}
.process-header {
display: flex;
justify-content: space-between;
gap: 24px;
align-items: flex-end;
}
.process-number {
font-size: 40px;
color: #ACC8EC;
line-height: 0.875;
font-weight: 600;
flex-shrink: 0;
flex-basis: 50px;
letter-spacing: -0.02em;
margin-bottom: 15px;
}
.process-image {
flex-basis: 180px;
}
.process-icon {
position: relative;
padding-bottom: 100%;
}
.process-icon img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.process-body {
margin-top: 15px;
color: #666666;
line-height: 1.5;
font-size: 20px;
font-weight: 500;
letter-spacing: -0.02em;
}
.process-body p {
margin: 0;
}
@media(max-width: 1203.98px) {
.process {
gap: 16px;
}
.process-item {
flex-basis: calc( (100% - 16px * 2) / 3 );
}
}
@media(max-width: 767.98px) {
.process {
text-align: center;
display: block;
}
.process-header {
flex-direction: column-reverse;
align-items: center;
}
.process-image {
width: 180px;
margin-bottom: -28px;
}
.process-item:not(:last-child) {
margin-bottom: 24px;
}
.process-body {
font-size: 16px;
}
.process-number {
margin-bottom: 0;
flex-basis: auto;
}
}
.about {
}
.about-row {
display: flex;
gap: 16px;
}
.about-row:not(:last-child) {
margin-bottom: 16px;
}
.about-content {
background-color: #ACC8ED;
border-radius: 16px;
color: #121212;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
padding: 32px;
box-sizing: border-box;
}
.about-text {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
letter-spacing: -0.02em;
max-width: 600px;
}
.about-bottom {
text-align: right;
font-size: 40px;
font-weight: 600;
letter-spacing: -0.02em;
color: #F5F5F5;
}
.about-bottom span {
color: #F97932;
}
.about-media {
flex-basis: 296px;
flex-shrink: 0;
background-color: #F5F5F5;
border-radius: 16px;
}
.about-image {
position: relative;
padding-bottom: 100%;
}
.about-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
z-index: 2;
}
@media(max-width: 767.98px) {
.about-content {
text-align: center;
padding: 24px 16px;
}
.about-text {
max-width: 100%;
font-size: 16px;
}
.about-bottom {
text-align: center;
margin-top: 20px;
font-size: 26px;
}
.about-media {
display: none;
}
.about-content .about-image img {
width: 190px;
height: 190px;
position: static;
}
.about-content .about-image {
padding: 24px 0 0;
position: static;		
}
.about-row-alt .about-content {
background-color: #F5F5F5;
}
.about-row-alt .about-bottom {
color: #121212;
}
}
@media(min-width: 768px) {
.about-content .about-image {
display: none;
}
}
.animated-text {
font-size: 60px;
font-weight: 500;
color: #B4B4B4;
white-space: pre;
line-height: 0.867;
letter-spacing: -0.02em;
}
.animated-text .black {
color: #000;
}
.animated-text i {
font-style: normal;
}
.animated-text i:not(.visible) {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
@media(max-width: 1100px) {
.animated-text {
font-size: 5.5vw;
}
}
@media(max-width: 767.98px) {
.animated-text {
font-size: 7vw;
}	
}
.popup .section-col.section-col-bg {
color: #000;
}
@media(min-width: 1024px) {
.empathic-blog-single {
margin-top: -200px;
}
body.single .section-header {
margin-bottom: 40px;
}
}
.blog-single-content {
column-count: 1;
}
.blog-single-content .wp-block-columns h2:first-child {
margin-top: 0;
}
.section-main-home {
margin-bottom: 40px;
}
.section-animated-text {
margin-top: 80px;
margin-bottom: 80px;
}
.section.section-clients {
margin-top: 40px;
margin-bottom: 40px;
}
.clients {
display: flex;
align-items: flex-start;
gap: 24px;
}
.clients-left {
flex-basis: 250px;
line-height: 1.5;
font-weight: 500;
flex-shrink: 0;
}
.clients-title {
font-size: 24px;
color: #121212;
margin-bottom: 8px;
}
.clients-text {
color: #666666;
font-size: 14px;
}
.clients-text span {
white-space: nowrap;
}
.clients-logos {
flex-grow: 1;
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.clients-logos img {
max-height: 35px;
}
@media(max-width: 767.98px) {
.clients-left {
flex-basis: 100%;
}
.clients {
flex-wrap: wrap;
}
.clients-logos {
justify-content: center;
gap: 24px;
}
}