.section-h2__wrap.about-text p {
color: #fff;
}
.page-body.page-project-item {
padding: 2rem 0;
}
.bold {
font-weight: bold;
}
/* .section-h2__wrap .h2__subtitle */
/* ------------------------------- РЕДИЗАЙН УСЛУГИ START ----------------------------------------- */
.seo-link__items .block-cards-slider__item {
position: relative;
transition: background-color 0.4s ease-in-out;
}
.seo-link__items .block-cards-slider__item:hover {
background: #f2f2f2;
cursor: pointer;
}
.seo-link__items .block-cards-slider__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.seo-link__items .block-cards-slider__title {
display: inline;
}
.seo-link__items .block-cards-slider__title::after {
content: "";
display: inline-block;
border-radius: 70px;
padding: 5px;
width: 36px;
height: 24px;
background: #ebebeb;
margin-left: 10px;
vertical-align: middle;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center;
background-size: 6px 6px;
transition:
background-color 0.4s ease-in-out,
transform 0.4s ease-in-out;
}
.seo-link__items .block-cards-slider__item:hover {
cursor: pointer;
}
.seo-link__items .block-cards-slider__item:hover .block-cards-slider__title::after {
background-color: #35d1ae;
}
.geo-audit__slider-wrapper {
position: relative;
width: 100%;
min-width: 0;
}
.geo-audit__slider {
width: 100%;
overflow: hidden;
}
.geo-audit__slide {
border: 1px solid #d2d2d2;
border-radius: 40px;
overflow: hidden;
width: 100%;
aspect-ratio: 1424 / 712;
display: flex;
align-items: center;
justify-content: center;
}
.geo-audit__img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.geo-audit__slider .number-slider__nav-inner {
justify-content: flex-end;
gap: 16px;
}
.geo-audit__slider .swiper-button-prev,
.geo-audit__slider .swiper-button-next {
background: #f3f3f3;
}
@media (max-width: 768px) {
.geo-audit__slide {
aspect-ratio: 4 / 3;
}
}
.seo-results-cards {
background: #f2f2f2;
padding: 80px 0;
}
.seo-results-cards__list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.seo-results-cards__item {
border-radius: 40px;
padding: 40px;
background: #06957b;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
min-height: 378px;
}
.seo-results-cards__item-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
width: 100%;
}
.seo-results-cards__icon-box {
width: 50px;
height: 50px;
flex-shrink: 0;
}
.seo-results-cards__icon-box svg {
width: 100%;
height: 100%;
}
.seo-results-cards__number {
font-weight: 500;
font-size: 48px;
line-height: 1;
color: #fff;
opacity: 0.15;
}
.seo-results-cards__item-title {
font-weight: 500;
font-size: 28px;
line-height: 1.14286;
color: #fff;
margin-bottom: 24px;
}
.seo-results-cards__item-text {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #fff;
}
.seo-results-cards__item-text:last-child {
margin-bottom: 0;
}
@media (max-width: 992px) {
.seo-results-cards__list {
grid-template-columns: 1fr;
}
.seo-results-cards__item {
min-height: 324px;
}
}
@media (max-width: 768px) {
.seo-results-cards {
padding: 40px 0;
}
.seo-results-cards__item {
border-radius: 24px;
padding: 24px;
}
.seo-results-cards__item-top {
margin-bottom: 24px;
}
.seo-results-cards__icon-box {
width: 32px;
height: 32px;
}
.seo-results-cards__item-title {
font-size: 22px;
line-height: 1.09091;
}
}
.promo-cta__content.bg-seo {
background-image: url(assets/img/w-seo.webp);
}
.seo-services__list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 16px;
}
.seo-services__item {
border: 1px solid #bfbfbf;
border-radius: 40px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 260px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.seo-services__item--icon-top::after,
.seo-services__item--icon-bottom::after {
content: "";
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
pointer-events: none;
z-index: 2;
}
.seo-services__item--icon-top::after {
top: 0;
right: -10px;
width: min(40%, 150px);
aspect-ratio: 148 / 164;
background-image: url("assets/img/seo-icon-1.svg");
}
.seo-services__item--icon-bottom::after {
bottom: 0;
right: -5px;
width: min(54%, 222px);
aspect-ratio: 222 / 234;
background-image: url("assets/img/seo-icon-2.svg");
}
.seo-services__item--row1 {
grid-column: span 3;
}
.seo-services__item--row2 {
grid-column: span 4;
}
.seo-services__item--row3 {
grid-column: span 4;
}
.seo-services__item--border-accent {
border: 1px solid #903;
}
.seo-services__item--accent {
background-color: #903;
border: 1px solid #903;
}
.seo-services__item--accent .seo-services__item-title,
.seo-services__item--accent .seo-services__item-text {
color: #ffffff;
}
.seo-services__item-title {
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 28px;
line-height: 1.14286;
color: #1f1f1f;
}
.seo-services__item-text {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #797979;
margin-top: auto;
}
.seo-services__item--icon-bottom .seo-services__item-text {
max-width: 262px;
}
@media (max-width: 1024px) {
.seo-services__list {
grid-template-columns: repeat(2, 1fr);
}
.seo-services__item--row1,
.seo-services__item--row2,
.seo-services__item--row3 {
grid-column: auto;
}
.seo-services__item--icon-bottom .seo-services__item-text {
max-width: 79%;
}
}
@media (max-width: 767px) {
.seo-services__list {
grid-template-columns: 1fr;
}
.seo-services__item {
border-radius: 24px;
padding: 24px;
min-height: 280px;
}
.seo-services__item-title {
font-size: 28px;
}
.seo-services__item--icon-bottom .seo-services__item-text {
max-width: 60%;
}
.seo-services__item--icon-bottom::after {
right: -53px;
width: min(61%, 222px);
aspect-ratio: 1;
}
}
@media (max-width: 450px) {
.seo-services__item--icon-top::after {
right: -49px;
width: 145px;
aspect-ratio: 1;
}
.seo-services__item--icon-bottom .seo-services__item-text {
max-width: 188px;
}
}
/* ------------------------------- РЕДИЗАЙН УСЛУГИ END ----------------------------------------- */
/* ------------------------------- РЕДИЗАЙН ГЛАВНОЙ START ----------------------------------------- */
.section {
margin: 9rem 0;
gap: 6rem;
}
.section__head .h2,
.section__head .h2__subtitle {
animation: none !important;
opacity: 0;
}
.directions-grid__card {
will-change: transform, opacity;
}
.clients-slider,
.callback-block,
.number-slider__wrap,
#mainBanner {
will-change: clip-path;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media screen and (max-width: 991px) {
.section {
margin: 7.5rem 0;
gap: 4rem;
}
}
@media (max-width: 767px) {
.section {
margin: 5rem 0;
gap: 2.5rem;
}
}
.section-h2__wrap p,
.section-h2__wrap .h2__subtitle {
color: #727272;
}
.hero-promo__grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 16px;
align-items: flex-end;
}
.hero-promo__info {
grid-column: 1 / span 5;
order: 1;
display: grid;
align-content: space-between;
height: 100%;
}
.hero-promo__heading {
grid-column: 7 / span 6;
order: 2;
}
.hero-promo__h1.h2 {
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 3.625rem;
line-height: 0.95;
padding-bottom: 0.12em;
}
.hero-promo__title {
margin-bottom: 32px;
}
.hero-promo__subtitle {
/* font-size: 1rem; */
font-size: 17px;
line-height: 1.5;
color: #1f1f1f;
}
.hero-promo {
padding: 3rem 0 0;
overflow: hidden;
}
.main-banner {
height: auto;
}
.full-slider {
overflow: hidden;
position: relative;
}
.full-slider__slide {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
height: 568px;
}
.full-slider__image {
position: absolute;
inset: 0;
/* max-width: 1600px; */
width: 100%;
margin: 0 auto;
/* left: 50%;
transform: translateX(-50%); */
background-image: var(--bg-desktop);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: var(--bg-desktop);
background-position: center;
background-repeat: no-repeat;
background-size: cover; */
z-index: 1;
}
.full-slider__slide .container {
position: relative;
z-index: 11;
}
.full-slider__content {
display: flex;
flex-direction: column;
height: 100%;
width: 50%;
padding-block: 3rem;
}
.full-slider__title {
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 3.625rem;
line-height: 1.10345;
color: #fff;
margin-bottom: 24px;
}
.full-slider__description {
font-size: 1.125rem;
line-height: 1.33333;
color: #fff;
}
.full-slider__btn {
font-family: "TT-Hoves-Pro-Medium";
border-radius: 999px;
padding: 16px;
background: #fff;
max-width: max-content;
height: 56px;
font-weight: 500;
font-size: 18px;
margin-top: auto;
line-height: 1.33333;
color: #1f1f1f;
}
.full-slider__nav {
position: absolute;
bottom: 3rem;
left: 0;
width: 100%;
overflow: hidden;
z-index: 10;
pointer-events: none;
}
.full-slider__nav .container {
pointer-events: none;
}
.full-slider__nav-inner {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
pointer-events: none;
}
.full-slider__pagination,
.full-slider__buttons {
pointer-events: auto;
}
.full-slider__nav-inner .swiper-buttons__wrap {
display: flex;
gap: 8px;
}
.full-slider .swiper-pagination {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 136px;
height: 56px;
border-radius: 6.1875rem;
background: #fff;
}
.full-slider .swiper-scrollbar {
width: 1.5rem;
position: static;
overflow: hidden;
background: rgba(31, 31, 31, 0.2);
}
.full-slider .swiper-scrollbar-drag {
background: var(--color-black-100);
}
.full-slider.events-slider .swiper-pagination {
background: var(--color-white);
}
.full-slider .swiper-pagination-current {
font-family: "TT-Hoves-Pro-Medium";
font-size: 1rem;
line-height: 1.5rem;
margin-left: 1.5rem;
}
.full-slider .swiper-pagination-total {
font-family: "TT-Hoves-Pro-Medium";
font-size: 1rem;
line-height: 1.5rem;
margin-right: 1.5rem;
}
.full-slider__nav-inner .swiper-button-prev,
.full-slider__nav-inner .swiper-button-next {
position: static !important;
width: 56px !important;
height: 56px !important;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 !important;
}
.full-slider__nav-inner .swiper-button-prev::after,
.full-slider__nav-inner .swiper-button-next::after {
font-size: 18px !important;
color: #1f1f1f !important;
font-weight: bold;
}
/* ==========================================================================
ПЛАНШЕТ
========================================================================== */
@media screen and (max-width: 991px) {
.new_raiting_wrapper {
min-width: 0;
overflow: visible;
}
.hero-promo {
padding: 3rem 0 0;
}
.hero-promo__grid {
align-items: start;
row-gap: 64px;
}
.hero-promo__info {
display: contents;
}
.hero-promo__h1 {
font-size: 2.75rem;
line-height: 1.09091;
}
.hero-promo__title {
grid-column: 1 / span 5;
grid-row: 1;
}
.hero-promo__subtitle {
grid-column: 6 / span 7;
grid-row: 1;
}
.hero-promo__heading {
grid-column: 1 / span 12;
grid-row: 2;
}
.hero-promo {
padding: 3rem 0 0;
}
.full-slider__slide {
height: 660px;
}
.full-slider__content {
width: 100%;
padding-block: 2.75rem;
}
.full-slider__title {
font-size: 2.75rem;
line-height: 1.09091;
}
.full-slider__description {
font-size: 1rem;
}
.full-slider__image {
background-image: var(--bg-tablet);
}
.full-slider .swiper-pagination {
height: auto;
background: transparent;
min-width: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.full-slider .swiper-pagination-bullet {
background: var(--color-yellow-base);
width: 10px;
min-width: 10px;
height: 10px;
}
.full-slider__nav-inner {
width: 100%;
}
.full-slider__nav {
position: absolute;
bottom: 4rem;
}
.full-slider .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.full-slider .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: auto;
transform: none;
}
.full-slider__btn {
font-size: 1rem;
}
}
/* ==========================================================================
767
========================================================================== */
@media (max-width: 767px) {
.hero-promo {
padding: 24px 0 0;
}
.hero-promo__grid {
grid-template-columns: repeat(2, 1fr);
column-gap: 16px;
row-gap: 24px;
}
.hero-promo__title {
grid-column: 1 / span 2;
grid-row: auto;
order: 1;
margin: 0.5rem 0;
}
.hero-promo__heading {
grid-column: 1 / span 2;
grid-row: auto;
order: 2;
}
.hero-promo__subtitle {
grid-column: 1 / span 2;
grid-row: auto;
order: 3;
}
.hero-promo__h1 {
/* font-size: 1.75rem;
line-height: 1.16667; */
/* font-size: 1.625rem;
line-height: 1.23077; */
}
.hero-promo__h1.h2 {
font-size: 1.625rem;
line-height: 1.23077;
}
.full-slider__slide {
height: 612px;
}
.full-slider__content {
padding-block: 1.5rem 3.5rem;
}
.full-slider__title {
font-family: "TT_Hoves_Pro_DemiBold";
font-size: 1.75rem;
line-height: 1.16667;
}
.full-slider__description {
line-height: 1.25;
}
.full-slider__nav {
bottom: 1.5rem;
}
.full-slider__nav-inner {
justify-content: flex-start;
}
}
@media (max-width: 567px) {
.full-slider__image {
background-image: var(--bg-mobile);
}
}
.directions-grid__card {
will-change: transform, opacity;
}
.directions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.directions-swiper {
width: 100%;
height: 100%;
}
.directions-swiper .swiper-wrapper,
.directions-swiper .swiper-slide {
height: 100%;
}
.directions-grid__card {
position: relative;
border-radius: 40px;
aspect-ratio: 1 / 1;
background-color: #f3f3f3;
display: flex;
flex-direction: column;
overflow: hidden;
transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}
.directions-grid__card--static {
grid-column: 4;
grid-row: span 2;
height: auto;
aspect-ratio: auto;
cursor: auto;
}
.directions-grid__body {
position: relative;
flex-grow: 1;
width: 100%;
}
.directions-grid__front {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
opacity: 1;
visibility: visible;
transition:
opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.directions-grid__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 1.5rem 2.5rem 2.5rem 2.5rem;
opacity: 0;
visibility: hidden;
transition:
opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
.directions-grid:not(:hover) .directions-grid__card--active-default {
background-color: var(--hover-bg, #35d1ae);
}
.directions-grid:not(:hover) .directions-grid__card--active-default .directions-grid__title {
color: #1f1f1f;
}
.directions-grid:not(:hover) .directions-grid__card--active-default .directions-grid__front {
opacity: 0;
visibility: hidden;
}
.directions-grid:not(:hover) .directions-grid__card--active-default .directions-grid__back {
opacity: 1;
visibility: visible;
}
.directions-grid__card:not(.directions-grid__card--static):hover {
background-color: var(--hover-bg, #35d1ae);
}
.directions-grid__card:not(.directions-grid__card--static):hover .directions-grid__front {
opacity: 0;
visibility: hidden;
}
.directions-grid__card:not(.directions-grid__card--static):hover .directions-grid__back {
opacity: 1;
visibility: visible;
}
}
.directions-grid__card.is-active,
.directions-grid__card--active-default {
background-color: var(--hover-bg, #35d1ae);
}
.directions-grid__card.is-active .directions-grid__front,
.da-directions__card--active-default .directions-grid__front,
.directions-grid__card--active-default .directions-grid__front {
opacity: 0;
visibility: hidden;
}
.directions-grid__card.is-active .directions-grid__back,
.directions-grid__card--active-default .directions-grid__back {
opacity: 1;
visibility: visible;
}
/* --- ВНУТРЕННИЙ КОНТЕНТ КАРТОЧЕК --- */
.directions-grid__title {
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 2.25rem;
line-height: 1.11111;
letter-spacing: -0.02em;
color: #1f1f1f;
padding: 2.5rem 2.5rem 0 2.5rem;
position: relative;
z-index: 5;
}
.directions-grid__image-wrap {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
overflow: hidden;
}
.directions-grid__image {
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.directions-grid__desc {
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
color: #1f1f1f;
}
.directions-grid__btn {
display: inline-block;
border: 1px solid rgba(31, 31, 31, 0.2);
border-radius: 999px;
padding: 16px;
width: 100%;
text-align: center;
text-decoration: none;
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
color: #1f1f1f;
transition: background 0.4s ease-in-out;
margin-top: auto;
}
.directions-grid__btn:hover {
background: rgba(31, 31, 31, 0.1);
text-decoration: none;
}
.directions-grid__static-content {
display: flex;
flex-direction: column;
text-align: center;
height: 100%;
color: #fff;
background-color: #06957b;
border-radius: 32px;
padding: 40px;
}
.directions-grid__static-content .directions-grid__rating-info {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.directions-grid__badge {
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 2.75rem;
line-height: 1.09091;
}
.directions-grid__rating-text {
font-size: 1.5rem;
line-height: 1.33333;
}
.directions-grid__logo-wrap {
width: 160px;
margin-top: auto;
align-self: center;
}
.directions-grid__logo {
max-width: 100%;
height: auto;
}
@media (max-width: 991px) {
.directions-grid {
grid-template-columns: repeat(2, 1fr);
}
.directions-grid__card--static {
grid-column: 1 / span 2;
height: auto;
order: 99;
}
.directions-grid__static-content {
flex-direction: row;
gap: 2.75rem;
text-align: left;
}
.directions-grid__static-content .directions-grid__rating-info {
gap: 1rem;
justify-content: space-between;
}
.directions-grid__logo-wrap {
width: 160px;
margin-top: 0;
flex-shrink: 0;
}
}
@media (max-width: 767px) {
.directions-grid {
grid-template-columns: 1fr;
}
.directions-grid__card {
/* aspect-ratio: auto; */
border-radius: 24px;
}
.directions-grid__title {
padding: 1.5rem 1.5rem 0 1.5rem;
font-size: 1.625rem;
line-height: 1.23077;
}
.directions-grid__back {
padding: 1.5rem;
}
.directions-grid__card--static {
grid-column: auto;
}
.directions-grid__static-content {
padding: 1.5rem;
border-radius: 1.5rem;
}
.directions-grid__static-content {
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 2rem;
}
.directions-grid__badge {
font-size: 1.625rem;
line-height: 1.23077;
}
.directions-grid__rating-text {
font-size: 1.125rem;
}
.directions-grid__logo-wrap {
width: 104px;
align-self: self-start;
}
}
/* ТУЛТИП */
.digital-big__inner.blue-back {
border: 1px solid #3187ff;
background-color: #3187ff;
}
.digital-big__text:empty {
display: none;
}
.digital-big__info {
align-content: center;
}
.digitals-item {
position: relative;
z-index: 1;
}
.digitals-item:hover {
z-index: 2;
}
.digitals-item__tooltip {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: clamp(280px, 30vw, 360px);
padding: 20px;
background-color: #35d1ae;
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
will-change: transform;
}
.digitals-item__tooltip.is-visible {
opacity: 1;
visibility: visible;
}
.digitals-item__tooltip-title {
margin: 0 0 16px;
font-weight: 600;
font-size: 24px;
line-height: 1.33333;
text-align: left;
color: #1f1f1f;
}
.digitals-item__tooltip-text {
font-weight: 400;
font-size: 16px;
line-height: 1.25;
color: #1f1f1f;
}
.digitals-item:hover {
z-index: 5;
}
.digitals-item:hover .digitals-item__tooltip {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media (max-width: 1024px) {
.digitals-tooltip {
display: none !important;
}
}
/* ------------------------------- РЕДИЗАЙН ГЛАВНОЙ END ----------------------------------------- */
.block-cards-slider__text ul,
.item-sb ul {
padding-left: 14px;
}
.block-cards-slider__text ul li,
.item-sb ul li {
list-style: disc;
}
.segment-callback__inner {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
margin: 0 auto;
max-width: 50rem;
}
.item-sb {
display: grid;
align-content: space-between;
}
section.section-top.top-services {
padding-bottom: 0;
}
@media (max-width: 767px) {
.segment-callback {
background-image: url(assets/img/section-callback-bg.webp) !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.row.column-reverse-t {
flex-direction: column-reverse;
}
}
/*---------- ТОП БЛОК NEW---------------------*/
.service-header {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, auto);
column-gap: 16px;
row-gap: 6rem;
align-items: start;
}
.service-header__title-wrap {
grid-column: span 6;
}
.service-header__image-wrap {
grid-column: span 6;
justify-self: flex-end;
}
.service-header__image {
width: 100%;
max-width: 380px;
height: auto;
object-fit: contain;
}
.service-header__slogan {
grid-column: span 6;
max-width: 464px;
}
.service-header__content {
grid-column: span 6;
}
.h2.service-header__subtitle {
line-height: 1.09091;
}
.service-header__actions {
display: flex;
flex-wrap: wrap;
row-gap: 28px;
column-gap: 32px;
}
.service-header__rating {
display: flex;
align-items: center;
gap: 12px;
font-weight: 400;
font-size: 14px;
line-height: 1.42857;
color: #363636;
}
.service-header__rating-logo {
height: 57px;
width: auto;
}
.service-header__rating-text span:nth-child(1) {
display: block;
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 18px;
line-height: 1.33333;
}
.service-header__rating-text span:nth-child(2) {
font-size: 14px;
line-height: 1.42857;
color: #363636;
}
@media (max-width: 991px) {
.service-header {
grid-template-columns: 1fr;
row-gap: 0;
}
.service-header__title-wrap {
margin-bottom: 4rem;
}
.h1.service-header__title {
font-size: 5.25rem;
}
.page-slogan.service-header__slogan {
margin-bottom: 1rem;
max-width: 100%;
}
.service-header__content {
margin-bottom: 5rem;
}
.service-header__title-wrap,
.service-header__image-wrap,
.service-header__slogan,
.service-header__content {
grid-column: span 1;
}
.service-header__rating-text span:nth-child(1) {
font-size: 16px;
}
.service-header__image-wrap {
order: 3;
justify-self: center;
}
.service-header__image {
display: block;
margin: 0 auto;
max-height: 29rem;
max-width: 100%;
}
.service-header__slogan {
order: 1;
}
.service-header__content {
order: 2;
}
}
@media screen and (max-width: 767px) {
.h1.service-header__title {
font-size: 2.375rem;
}
.section-top .page-head .h2.page-subtitle.wow.animate__fadeInUp.h2-services {
font-size: 26px !important;
}
.service-header__title-wrap {
margin-bottom: 2rem;
}
.page-slogan.service-header__slogan {
margin-bottom: 1rem;
}
.service-header__subtitle {
line-height: 1.23077;
}
.h2.service-header__subtitle {
line-height: 1;
}
.page-subtitle__wrap.service-header__content {
gap: 40px;
}
.service-header__actions {
flex-direction: column-reverse;
row-gap: 12px;
}
.service-header__image {
max-height: 17rem;
}
}
/*---------- FAQ START---------------------*/
.faq-accordion__group {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 100%;
margin: 0 auto;
counter-reset: faq-counter;
}
.faq-accordion__item {
border-radius: 40px;
overflow: hidden;
background: #f3f3f3;
counter-increment: faq-counter;
}
.faq-accordion__details {
position: relative;
}
.faq__summary {
display: grid;
grid-template-columns: 71px 1fr 40px;
column-gap: 20px;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 32px;
user-select: none;
color: #1f1f1f;
}
.faq__summary::-webkit-details-marker {
display: none;
}
.faq__number {
font-size: 44px;
line-height: 1.09091;
color: #8f8f8f;
transition: all 0.4s ease-in-out;
align-self: start;
}
.faq__number::before {
content: counter(faq-counter, decimal-leading-zero);
display: inline-block;
}
.faq-accordion__details[open] .faq__number {
color: #06957b;
}
.faq__question {
font-family: "TT-Hoves-Pro-Medium";
font-weight: 500;
font-size: 24px;
line-height: 1.33333;
color: #363636;
margin-right: 12px;
}
.faq__toggle {
position: relative;
display: block;
transition: 0.4s ease;
}
.faq__summary:hover .faq__toggle {
background-color: #f3f3f3;
}
.faq__toggle::before,
.faq__toggle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 2px;
background-color: #8f8f8f;
border-radius: 1rem;
transition:
transform 0.4s ease,
background-color 0.4s ease;
}
.faq__toggle::before {
transform: translate(-50%, -50%);
}
.faq__toggle::after {
transform: translate(-50%, -50%) rotate(90deg);
}
/* СОСТОЯНИЕ ОТКРЫТО (Минус) */
.faq-accordion__details[open] .faq__toggle::before {
transform: translate(-50%, -50%) rotate(0deg);
}
.faq-accordion__details[open] .faq__toggle::after {
transform: translate(-50%, -50%) rotate(0deg);
}
/* Анимация контента */
.faq__content {
display: grid;
grid-template-rows: 0fr;
transition-duration: 0.4s;
}
.faq__content-inner {
overflow: hidden;
}
.faq__content-body {
display: grid;
row-gap: 20px;
margin-inline: 123px 68px;
padding-block: 0 32px;
font-family: "TT_Hoves_Pro_Regular", sans-serif;
font-weight: 400;
font-size: 18px;
color: #4c4c4c;
line-height: 1.2;
}
.faq__content-body ul {
padding-left: 28px;
}
.faq__content-body ul li {
list-style: disc;
}
.faq__content-body ol li {
list-style: decimal;
}
.faq-accordion__details[open]+.faq__content {
grid-template-rows: 1fr;
}
@media (max-width: 767px) {
.faq-accordion__item {
border-radius: 24px;
}
.faq__summary {
grid-template-columns: 71px 40px;
grid-row: auto;
padding: 24px 16px;
}
.faq__number {
grid-column: 1;
grid-row: 1;
}
.faq__question {
font-size: 18px;
line-height: 1.11111;
grid-column: 1 / span 2;
grid-row: 2;
margin-right: 0;
margin-top: 8px;
}
.faq__toggle {
grid-column: 2;
grid-row: 1;
}
.faq__content {
display: grid;
grid-template-rows: 0fr;
transition-duration: 0.4s;
}
.faq__content-inner {
overflow: hidden;
}
.faq__content-body {
margin-inline: 16px;
padding-block: 0 24px;
font-size: 16px;
line-height: 1.11111;
}
}
/*---------- FAQ END---------------------*/
#about-form.fancybox-content {
padding: 0;
border-radius: 40px;
}
#about-form.fancybox-content .container {
padding-right: 0rem;
padding-left: 0rem;
}
#about-form.fancybox-content .section-form__wrap {
padding: 120px 45px;
}
#about-form.fancybox-content .fancybox-button {
border: 1px solid rgba(31, 31, 31, 0.2);
border-radius: 999px;
padding: 16px;
width: 56px;
height: 56px;
transition: background 0.2s ease-in-out;
margin-top: 24px;
margin-right: 46px;
}
#about-form.fancybox-content .fancybox-button:hover {
background: #35d1ae;
border: 1px solid #35d1ae;
}
@media screen and (max-width: 767px) {
#about-form.fancybox-content .section-form__wrap {
padding: 20px;
}
#about-form.fancybox-content .fancybox-button {
width: 48px;
height: 48px;
margin-top: 20px;
margin-right: 20px;
}
#about-form.fancybox-content .input__wrap {
grid-template-columns: 1fr;
padding: 10px;
gap: 10px;
}
#about-form.fancybox-content .contact-form__subtitle {
margin-bottom: 20px;
}
#about-form.fancybox-content .contact-form__title {
font-size: 20px;
margin-bottom: 20px;
}
}
.blog-image-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin: 20px 0;
}
.blog-image-container img {
flex: 1 1 300px;
max-width: 100%;
height: auto;
}
.case-preview__item .case-preview__sticker:nth-child(2) {
margin-top: 50px;
}
.section-top.section-blog {
gap: 48px;
padding-bottom: 25px;
}
/* Реквизиты */
.requisites {
font-size: 18px;
line-height: 1.6;
}
.requisites h3 {
margin: 0 0 20px;
font-size: 24px;
font-weight: 600;
}
.requisites__content p {
margin: 0 0 12px;
}
.requisites__content span {
font-weight: 600;
color: #2d2d2d;
opacity: 0.6;
}
.requisites__download {
margin-top: 30px;
display: flex;
align-items: center;
font-size: 25px;
color: var(--color-pink-base);
line-height: 28px;
letter-spacing: -0.01em;
text-decoration: none;
}
.requisites__download:hover {
text-decoration: none;
color: var(--color-pink-base);
}
.requisites__download svg {
width: 14px;
height: 17px;
display: block;
margin-left: 8px;
stroke: var(--color-pink-base);
}
/* Базовые стили для details/summary */
/* .guide-e-commerce-popup {
position: relative;
width: 600px;
display: flex;
flex-direction: column;
background-color: #1F1F1F;
border-radius: 40px;
}
.guide-e-commerce-popup .fancybox-close-small {
display: none !important;
}
.guide-e-commerce-popup.fancybox-content {
padding: 0px;
}
.guide-e-commerce-popup__top {
position: relative;
width: 100%;
height: 250px;
display: flex;
justify-content: center;
background: radial-gradient(circle at 70% 180%,#1F1F1F 20%, #ff5a13 70%);
background-position-y: -20%;
border-top-right-radius: 38px;
border-top-left-radius: 38px;
border-bottom-right-radius: 50% 40px;
border-bottom-left-radius: 50% 40px;
overflow: hidden;
}
.guide-e-commerce-popup__top__img {
position: relative;
height: 370px;
}
.guide-e-commerce-popup__bottom {
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
padding: 24px 40px;
}
.guide-e-commerce-popup__bottom__title {
font-family: "TT_Hoves_Pro_Bold";
font-size: 42px;
color: var(--color-white);
line-height: 46px;
text-align: center;
text-transform: uppercase;
}
.guide-e-commerce-popup__bottom__subtitle {
font-family: "TT_Hoves_Pro_Regular";
font-size: 18px;
color:rgba(255, 255, 255, 0.8);
line-height: 20px;
text-align: center;
}
.guide-e-commerce-popup__bottom__a,
.guide-e-commerce-popup__bottom__a:link,
.guide-e-commerce-popup__bottom__a:visited {
width: 100%;
padding: 8px;
text-align: center;
font-family: "TT_Hoves_Pro_DemiBold";
font-size: 20px;
color:#1F1F1F;
background-color: var(--color-white);
border-radius: 24px;
}
.guide-e-commerce-popup__close {
position: absolute;
width: 64px;
height: 64px;
top: 24px;
right: 24px;
z-index: 2;
cursor: pointer;
}
@media screen and (max-width: 600px) {
.guide-e-commerce-popup {
width: 270px;
}
.guide-e-commerce-popup__top {
background: linear-gradient( #ff5a13 1%,rgb(31, 31, 31) 120%);
border-bottom-right-radius: 50% 20px;
border-bottom-left-radius: 50% 20px;
}
.guide-e-commerce-popup__top__img {
top: 30px;
height: 290px;
}
.guide-e-commerce-popup__bottom__title {
font-size: 22px;
line-height: 24px;
}
.guide-e-commerce-popup__bottom__subtitle {
font-size: 14px;
line-height: 15px;
margin: 0px 12px;
}
.guide-e-commerce-popup__bottom {
padding: 24px 12px;
}
.guide-e-commerce-popup__bottom__a,
.guide-e-commerce-popup__bottom__a:link,
.guide-e-commerce-popup__bottom__a:visited {
width: auto;
font-size: 14px;
padding: 4px;
margin: 0px 12px;
}
.guide-e-commerce-popup__close {
width: 46px;
height: 46px;
}
} */
.select2-container--custom-segment .select2-selection--single {
border-radius: 16px;
padding: 15px 40px 15px 1.0625rem;
align-content: center;
height: 48px !important;
width: 240px;
position: relative !important;
background: var(--color-black-05);
border-radius: 1rem;
cursor: pointer;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
/* Текст внутри кнопки */
.select2-container--custom-segment .select2-selection--single .select2-selection__rendered {
padding: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.125;
color: #1f1f1f;
}
/* --- СТИЛИ ДЛЯ СТРЕЛОЧКИ --- */
.select2-container--custom-segment .select2-selection--single .select2-selection__arrow {
position: absolute !important;
height: 100%;
top: 0;
right: 12px;
width: 16px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.select2-container--custom-segment .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
.select2-container--custom-segment .select2-selection--single .select2-selection__arrow::after {
content: "";
display: block;
width: 10px;
height: 6px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: rotate(180deg);
transition: transform 0.2s ease-in-out;
}
.select2-container--custom-segment.select2-container--open .select2-selection__arrow::after {
transform: rotate(0deg);
}
/* --- СТИЛИ ВЫПАДАЮЩЕГО СПИСКА --- */
.select2-container--custom-segment .select2-dropdown {
background-color: #f3f3f3;
border: none;
border-radius: 16px;
margin-top: 10px;
position: absolute !important;
left: 0 !important;
top: 100% !important;
width: 240px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
/* --- КОНТЕЙНЕР ДЛЯ СКРОЛЛА И ПОЛЗУНКА --- */
.select2-container--custom-segment .select2-results__options {
overflow-y: auto !important;
overflow-x: hidden !important;
scroll-behavior: smooth;
}
/* Полоса прокрутки */
.select2-container--custom-segment .select2-results__options::-webkit-scrollbar {
width: 4px;
}
.select2-container--custom-segment .select2-results__options::-webkit-scrollbar-track {
background: #e0e0e0;
margin-block: 12px;
border-radius: 10px;
}
.select2-container--custom-segment .select2-results__options::-webkit-scrollbar-thumb {
background: #1f1f1f;
border-radius: 10px;
max-height: 24px !important;
}
.select2-container--custom-segment {
width: 100% !important;
}
.select2-container--custom-segment .select2-results__option {
position: relative;
padding: 8px 20px;
font-size: 16px;
line-height: 1;
background: #f3f3f3;
transition: background 0.4s;
border-bottom: none;
}
.select2-container--custom-segment .select2-results__option::after {
content: "";
position: absolute;
bottom: 0;
left: 20px;
right: 30px;
height: 1px;
background-color: #d2d2d2;
}
.select2-container--custom-segment .select2-results__option:last-child::after {
display: none;
}
.select2-container--custom-segment .select2-results__option--highlighted[aria-selected] {
background-color: #35d1ae !important;
}
.select2-container--custom-segment .select2-results__option[aria-selected="true"] {
background-color: #22b896 !important;
}
.summary summary {
padding: 12px 46px;
border-radius: 6px;
background-color: #f5f5f5;
cursor: pointer;
font-weight: 600;
list-style: none;
position: relative;
transition: background-color 0.2s ease;
}
.summary summary::marker {
display: none;
}
.summary summary::-webkit-details-marker {
display: none;
/* Для Safari */
}
.summary summary::after {
content: "▶";
position: absolute;
left: 16px;
color: #06957b;
font-size: 0.8em;
transition: transform 0.2s ease;
}
.summary[open] summary::after {
transform: rotate(90deg);
}
.img_banner_shell {
max-width: 1350px;
width: 100%;
border-radius: 20px;
max-height: 783px;
margin: 0 auto;
display: block;
margin-top: 50px;
}
.h2__subtitle.pink li {
color: #06957b;
}
.main-about__item.fix_w_v0811 {
max-width: 360px;
width: 100%;
}
.main-about__item.fix_w_v0811.img_bl_shell {
background: url(../../../upload/blog_shell.png) no-repeat;
background-size: auto;
max-width: 315px;
width: 100%;
height: 419px;
cursor: pointer;
}
.main-about__item.fix_w_v0811.img_bl_ufirst {
background: url(../../../upload/ufirst_blog.png) no-repeat;
background-size: auto;
max-width: 315px;
width: 100%;
height: 419px;
cursor: pointer;
}
.main-about__item.fix_w_v0811.img_bl_gruzovichkoff {
background: url(../../../upload/gruzovichkoff_blog.png) no-repeat;
background-size: auto;
max-width: 315px;
width: 100%;
height: 419px;
cursor: pointer;
}
.main-about__item.fix_w_v0811.img_bl_alfa {
background: url(../../../upload/alfa_blog.png) no-repeat;
background-size: auto;
max-width: 315px;
width: 100%;
height: 419px;
cursor: pointer;
}
.main-about__item.fix_w_v0811.img_bl_kolesoru {
background: url(../../../upload/koleso_blog.png) no-repeat;
background-size: auto;
max-width: 315px;
width: 100%;
height: 419px;
cursor: pointer;
}
.keyses_quadro_wrapper {
max-width: 1350px;
width: 100%;
margin: 0 auto;
margin-top: 40px;
display: flex;
justify-content: space-evenly;
}
.border_img_kewsas {
border: 1px solid #d3d3d3;
border-radius: 30px;
}
.main_quadro_wr {
display: flex;
justify-content: center;
width: 100%;
}
.btn_slider_knowlege {
font-size: 1rem;
line-height: 1.5rem;
padding: 0.75rem 1.25rem;
border-radius: 6.1875rem;
background: var(--color-black-05);
white-space: nowrap;
cursor: pointer;
margin-right: 0.3125rem;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
border: none;
max-width: 161px;
width: 100%;
position: absolute;
/* right: 40px;
bottom: 40px;
z-index: 3;
height: 56px; */
right: 33px;
bottom: 2.5rem;
z-index: 3;
height: 3.5rem;
}
.btn_slider_knowlege:hover {
background: var(--color-black-05) !important;
border: none !important;
}
.project-item__scheme.wow.animate__zoomIn:nth-child(2) {
grid-column: 1 / 3;
}
.blog_photo_above_text.mobile {
display: none;
}
@media (max-width: 768px) {
.blog_photo_above_text.desctop {
display: none;
}
.blog_photo_above_text.mobile {
display: block;
}
}
.team_slider__nav_main {
position: absolute;
/* z-index: 10; */
/* top: 80%; */
left: 2.5rem;
right: 2.5rem;
/* bottom: 2.5rem; */
bottom: 35px;
max-width: 150px;
width: 100%;
margin: 0 auto;
/* margin-bottom: -85px; */
z-index: 1000;
}
.team_slider__nav_main div[role="button"] {
border: 2px solid #d7d7d7;
}
/* .bottom_banner_main_team {
max-width: 3000px;
width: 100%;
} */
.bottom_banner_main_team {
pointer-events: none;
display: block;
}
.section.not-m {
margin-bottom: 50px;
}
.section .slider_team_main {
margin-bottom: 0;
padding-bottom: 85px;
}
/* .slider_team_main {
min-height: 715px;
} */
.slider_team_main .swiper-pagination {
display: flex;
align-items: center;
}
.slider_team_main .swiper-pagination-bullet {
background-color: #1f1f1f;
opacity: 0.4;
width: 4px;
min-width: 4px;
height: 4px;
transition: background-color 0.4s ease-in-out;
}
.slider_team_main .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
background-color: #1f1f1f;
transition: background-color 0.4s ease-in-out;
}
.slider_team_main .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #35d1ae;
width: 8px;
min-width: 8px;
height: 8px;
transition: none;
}
.new_raiting_wrapper {
display: flex;
flex-wrap: wrap;
/* min-height: 400px; */
}
/* Стили для fade-эффекта в табах*/
.tabs-info__block {
position: relative;
min-height: 300px;
}
._js-tabs-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition:
opacity 0.4s ease-in-out,
visibility 0.4s ease-in-out;
}
/* Стили для активного таба */
._js-tabs-info.active {
position: relative;
opacity: 1;
visibility: visible;
transition:
opacity 0.4s ease-in-out 0.1s,
visibility 0.4s ease-in-out 0.1s;
}
@media (max-width: 700px) {
/*.new_raiting_wrapper
{
min-height: auto;
}*/
/* .bottom_banner_main_team {
margin-top: -150px;
} */
.main_wrapper_servicesss section {
margin-top: -85px !important;
}
}
.new_raiting_wrapper .swiper-wrapper {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
overflow: visible;
}
.new_raiting_wrapper .item {
position: relative;
background: #f3f3f3;
max-width: 464px;
width: 100%;
border-radius: 20px;
padding: 20px;
height: 344px;
background-size: cover;
background-position: center;
}
.new_raiting_wrapper .item[data-bg] {
padding: 24px 40px;
color: var(--white);
}
.new_raiting_wrapper .item[data-bg="runet"] {
background-image: url("assets/img/rating/runet-rating.png");
}
.new_raiting_wrapper .item[data-bg="adindex"] {
background-image: url("assets/img/rating/adindex.png");
}
.new_raiting_wrapper .item[data-bg="ruward"] {
background-image: url("assets/img/rating/ruward.png");
}
.new_raiting_wrapper .item[data-bg="workspace"] {
background-image: url("assets/img/rating/workspace.png");
}
.new_raiting_wrapper .item[data-bg="SEOnews"] {
background-image: url("assets/img/rating/SEOnews.png");
}
.new_raiting_wrapper .item .raiting {
font-family: "TT-Hoves-Pro-Medium";
font-weight: bold;
font-size: 26px;
}
.new_raiting_wrapper .item[data-bg] .raiting {
font-weight: 500;
font-size: 36px;
line-height: 1.33333;
}
.new_raiting_wrapper .item .raiting_title {
margin-top: 15px;
}
.new_raiting_wrapper .item[data-bg] .raiting_title {
margin-top: 16px;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
}
.new_raiting_wrapper .item .raiting_name {
position: absolute;
bottom: 35px;
font-size: 15px;
}
.new_raiting_wrapper .item .raiting_year {
position: absolute;
bottom: 10px;
font-size: 15px;
}
.new_raiting_wrapper .item[data-bg] .raiting_name,
.new_raiting_wrapper .item[data-bg] .raiting_year {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
}
.new_raiting_wrapper .item[data-bg] .raiting_name {
bottom: 48px;
}
.new_raiting_wrapper .item[data-bg] .raiting_year {
bottom: 24px;
}
@media screen and (max-width: 991px) {
.new_raiting_wrapper .item[data-bg] .raiting {
font-size: 32px;
line-height: 1.5;
}
.section-top.section-blog {
gap: 40px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.new_raiting_wrapper:has(.item[data-bg]) {
/* min-height: 379px; */
}
.new_raiting_wrapper .item[data-bg] {
padding: 24px;
height: 272px;
width: 100%;
max-width: 272px;
aspect-ratio: 1;
}
.new_raiting_wrapper .item[data-bg] .raiting {
font-size: 26px;
line-height: 1.23077;
}
.new_raiting_wrapper .item[data-bg] .raiting_title {
font-weight: 500;
font-size: 18px;
line-height: 1.33333;
}
}
.raiting_slider__nav_main {
display: none;
/* position: absolute;
z-index: 10;
top: 80%;
left: 2.5rem;
right: 2.5rem;
bottom: 2.5rem;
max-width: 150px;
width: 100%;
margin: 0 auto;
margin-top: 30px;
z-index: 1000; */
}
.raiting_slider__nav_main div[role="button"] {
border: 2px solid #d7d7d7;
}
.number-slider__gradient .w-100 {
width: 100% !important;
min-height: 160px;
align-content: flex-end;
}
/*кнопка на слайдере Делимся занниями на Главной*/
/*.events-slider .number-slider__nav {
left: auto;
max-width: 1366px;
width: 100%;
}
.events-slider .number-slider__nav-inner
{
position:absolute;
max-width:280px;
width:100%;
right:40px;
margin-top:-30px;
}
.events-slider .number-slider__title
{
margin-bottom: 4.9rem;
}
.btn.btn-arrow.btn_knowl
{
margin-top: -30px;
margin-left: 17px;
position: absolute;
background:#FFFFFF;
}
.btn.btn-arrow.btn_knowl
{
border:none;
}
@media(max-width:600px)
{
.btn.btn-arrow.btn_knowl
{
display:none;
}
}
.btn.btn-arrow.btn_knowl
{
margin-top: 70px;
margin-left: 17px;
position: absolute;
background:#FFFFFF;
}
*/
.clients-slider__wrap {
margin-bottom: 20px;
}
.wrapper_result_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
width: 100%;
}
.wrapper_result_1 li {
position: relative;
display: block;
max-width: 310px;
width: 100%;
/* height: 329px; */
height: 215px;
border: 1px solid #e0e0e0;
border-radius: 20px;
padding: 20px;
margin-right: 10px;
margin-top: 10px;
font-size: 24px;
font-weight: bold;
}
.wrapper_result_1 li span {
display: block;
font-weight: normal;
font-size: 18px;
color: #797979;
position: absolute;
bottom: 25px;
}
.wrapper_result_1 li.orange {
background: #ff6a00;
border: none;
color: white;
}
.wrapper_result_1 li.orange span {
color: white;
}
.wrapper_result_1 .blue {
background: #5e2bff;
color: white;
}
.wrapper_result_1 .blue span {
color: white;
}
.wrapper_result_1 .blue span:nth-child(1) {
bottom: 55px;
}
@media screen and (max-width: 767px) {
/* .h2.wow.animate__fadeInUp {
font-size: 22px !important;
} */
.section-top.section-blog {
gap: 32px;
padding-bottom: 28px;
}
}
@media (max-width: 600px) {
.ct_icon_m {
width: 127px;
height: 127px;
}
}
@media (max-width: 1000px) {
.number-slider__item.desctop {
display: none;
}
}
.number-slider__item.mobile {
display: none;
}
@media (max-width: 1000px) {
.number-slider__item.mobile {
display: block;
}
}
@media (max-width: 600px) {
.new_raiting_wrapper .swiper-slide {
max-width: 270px;
}
}
/* ------------------ 404 ------------------- */
.wrapper_new404 {
width: 100%;
height: calc(100vh - 7.5rem);
min-height: 600px;
background-image: url("../../../upload/404/404_1600.webp");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
margin-top: 110px;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 150px;
position: relative;
}
.page404 {
display: grid;
justify-items: center;
margin-inline: 30px;
}
.page404__svg {
display: block;
width: 100%;
height: auto;
}
.btn-yellow.btn-arrow.btn_404 {
max-width: max-content;
padding: 12px 12px 12px 24px;
font-weight: 500;
font-size: 24px;
}
.marquee {
width: 100%;
overflow: hidden;
color: #fff;
font-family: "TT Hoves Pro", sans-serif;
font-size: 199px;
line-height: 136px;
white-space: nowrap;
position: absolute;
bottom: 0;
padding-top: 15px;
}
.marquee__track {
display: inline-block;
padding-right: 100%;
margin-right: 50px;
animation: marquee 12s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.marquee:hover .marquee__track {
animation-play-state: paused;
}
@media (min-width: 600px) and (max-width: 999px) {
.wrapper_new404 {
background-image: url("../../../upload/404/404_768.webp");
}
.page404 {
display: grid;
justify-items: center;
margin-inline: 60px;
}
.page404__svg {
margin-bottom: 40px;
}
}
@media (min-width: 50px) and (max-width: 599px) {
.wrapper_new404 {
min-height: max-content;
background-image: url("../../../upload/404/404_320.webp");
padding-bottom: 100px;
}
.page404 {
margin-inline: 18px;
}
.page404__svg {
margin-bottom: 30px;
}
.btn-yellow.btn-arrow.btn_404 {
padding: 10px 16px;
line-height: 1.5;
font-size: 16px;
}
.marquee {
line-height: 0.7;
font-size: 120px;
}
}
@media (min-width: 50px) and (max-width: 850px) {
.wrapper_new404 .d-lg-block.page404 {
margin-bottom: 195px;
}
}
.hiddenCase4 {
display: none;
}
.slider_team_main .team__item {
cursor: pointer;
}
.reasons__wrap--min-height .reasons__item {
min-height: 16.5rem;
}
.block-cards-slider__items--compact .block-cards-slider__item {
gap: 0.75rem;
min-height: 0;
padding: 1.5rem;
min-height: 10.25rem;
}
.block-cards-slider__items--compact .block-cards-slider__title {
font-size: 20px;
line-height: 1.1;
}
.promo-cta__content.bg-seo {
background-image: url(assets/img/targetirovannaya-reklama/bg-target.webp);
}
@media screen and (max-width: 767px) {
.reasons__wrap--min-height .reasons__item {
min-height: max-content;
}
}
.faults {
--faults-gap: 1rem;
--faults-radius: 2.5rem;
--faults-pad: 2.5rem;
--faults-num-gap: 1.5rem;
--faults-deco-size: 11.3125rem;
display: flex;
flex-direction: column;
gap: var(--faults-gap);
}
.faults__row {
display: flex;
gap: var(--faults-gap);
}
.faults__item {
position: relative;
display: flex;
align-items: center;
gap: var(--faults-num-gap);
flex: 1 1 0;
min-width: 0;
height: 7.8125rem;
padding: var(--faults-pad);
border-radius: var(--faults-radius);
background: #f3f3f3;
overflow: hidden;
}
.faults__item--deco-01,
.faults__item--deco-06 {
background: #fff;
border: 1px solid #bfbfbf;
}
.faults__item--deco-01 {
--faults-deco: url("assets/img/faults-icon-01.png");
}
.faults__item--deco-06 {
--faults-deco: url("assets/img/faults-icon-06.png");
}
.faults__item--deco-01::after,
.faults__item--deco-06::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: var(--faults-deco-size);
height: 7.8125rem;
background: var(--faults-deco) center / contain no-repeat;
pointer-events: none;
}
.faults__row--split-a .faults__item:nth-child(1) {
flex: 786 1 0;
}
.faults__row--split-a .faults__item:nth-child(2) {
flex: 622 1 0;
}
.faults__row--split-b .faults__item:nth-child(1) {
flex: 763 1 0;
}
.faults__row--split-b .faults__item:nth-child(2) {
flex: 645 1 0;
}
.faults__num {
position: relative;
z-index: 1;
flex-shrink: 0;
color: #d2d2d2;
font-size: 4rem;
font-family: "TT-Hoves-Pro-Medium", sans-serif;
font-weight: 500;
line-height: 1.375;
}
.faults__title {
position: relative;
z-index: 1;
margin: 0;
color: #1f1f1f;
font-size: 1.4rem;
font-family: "TT-Hoves-Pro-Medium", sans-serif;
font-weight: 500;
line-height: 1.1667;
}
@media (max-width: 1199.98px) {
.faults__row {
flex-direction: column;
}
.faults__item,
.faults__row--split-a .faults__item:nth-child(1),
.faults__row--split-a .faults__item:nth-child(2),
.faults__row--split-b .faults__item:nth-child(1),
.faults__row--split-b .faults__item:nth-child(2) {
flex: 0 0 auto;
}
.faults__title {
line-height: 1.3334;
}
}
@media (max-width: 767.98px) {
.faults {
--faults-gap: 0.5rem;
--faults-radius: 1.5rem;
--faults-pad: 1.5rem 1rem;
--faults-num-gap: 1rem;
--faults-deco-size: 7.375rem;
}
.faults__item {
height: auto;
}
.faults__item--deco-01::after,
.faults__item--deco-06::after {
top: 0.5rem;
right: -2.125rem;
}
.faults__num {
font-size: 2rem;
line-height: 1.125;
}
.faults__title {
font-size: 1rem;
line-height: 1.25;
}
.faults__item--deco-01 .faults__title,
.faults__item--deco-06 .faults__title {
max-width: calc(100% - 4.5rem);
}
}
.steps__wrapper {
--steps-gap: 3rem;
--steps-dot: 2rem;
--steps-rail-gap: 2rem;
--steps-body-gap: 1.5rem;
--steps-corridor: 4rem;
position: relative;
padding: 0;
}
.steps__line {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
}
.steps__line-svg {
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.steps__dot {
display: block;
width: var(--steps-dot);
height: var(--steps-dot);
border-radius: 50%;
background: #E3E3E3;
transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
.steps__dot.is-active,
.steps__item.is-active .steps__dot {
background: #06957b;
box-shadow: 0 0 17px rgba(6,149,123, 0.5);
}
.steps__line-path {
fill: none;
stroke: #E3E3E3;
stroke-width: 2;
stroke-linecap: round;
}
.steps__line-end {
fill: #E3E3E3;
transition: fill 0.4s ease-in-out;
}
.steps.is-complete .steps__line-end {
fill: #06957b;
}
.steps__list {
list-style: none;
padding: 0;
margin: 0;
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: var(--steps-gap);
row-gap: var(--steps-corridor);
}
.steps__item {
position: relative;
display: flex;
flex-direction: column;
max-width: 19.625rem;
}
.steps__item--top {
grid-row: 1;
}
.steps__item--bottom {
grid-row: 2;
}
.steps__item[data-step="1"] {
grid-column: 1;
}
.steps__item[data-step="2"] {
grid-column: 2;
}
.steps__item[data-step="3"] {
grid-column: 3;
}
.steps__item[data-step="4"] {
grid-column: 4;
}
.steps__item[data-step="7"] {
grid-column: 2;
}
.steps__item[data-step="6"] {
grid-column: 3;
}
.steps__item[data-step="5"] {
grid-column: 4;
}
.steps__item-label {
font-family: 'TT-Hoves-Pro-Medium', sans-serif;
font-weight: 500;
font-size: 1.375rem;
line-height: 1;
color: #e3e3e3;
margin: 0 0 var(--steps-rail-gap);
transition: color 0.4s ease, opacity 0.4s ease;
}
.steps__item-rail {
height: var(--steps-dot);
flex-shrink: 0;
margin-bottom: var(--steps-body-gap);
}
.steps__item-body {
display: flex;
flex-direction: column;
max-width: 19.625rem;
}
.steps__item-title {
font-family: 'TT-Hoves-Pro-Medium', sans-serif;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
color: #e3e3e3;
margin: 0 0 1rem;
transition: color 0.4s ease-in-out, opacity 0.4s ease;
}
.steps__item-text {
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
color: #e3e3e3;
margin: 0;
transition: color 0.4s ease-in-out, opacity 0.4s ease;
}
.steps__item.is-active .steps__item-label,
.steps__item.is-active .steps__item-title {
color: #1f1f1f;
}
.steps__item.is-active .steps__item-text {
color: #797979;
}
@media (max-width: 1199.98px) {
.steps__line {
display: none;
}
.steps__wrapper {
padding-left: 0;
}
.steps__list {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
}
.steps__item {
max-width: 100%;
display: block;
padding: 0 0 2rem 3rem;
border-left: 2px solid #E3E3E3;
}
.steps__item:last-child {
padding-bottom: 2.5rem;
}
.steps__item::before {
content: "";
position: absolute;
left: -1.0625rem;
top: 0;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: #E3E3E3;
transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
z-index: 2;
}
.steps__item.is-active::before {
background: #06957b;
box-shadow: 0 0 34px 0 rgba(6,149,123, 0.5);
}
.steps__item[data-step="7"]::after {
content: "";
position: absolute;
left: -1.0625rem;
bottom: 0;
width: 2rem;
height: 2rem;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.steps__item-rail,
.steps__dot {
display: none;
}
.steps__item-label {
font-size: 1.5rem;
line-height: 2rem;
min-height: 2rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.steps__item-title {
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 1rem;
}
.steps__item-text {
font-size: 1rem;
line-height: 1.5rem;
}
.steps__item-body {
max-width: 100%;
}
.steps__item[data-step] {
grid-column: auto;
grid-row: auto;
}
.steps__item[data-step="1"] {
order: 1;
}
.steps__item[data-step="2"] {
order: 2;
}
.steps__item[data-step="3"] {
order: 3;
}
.steps__item[data-step="4"] {
order: 4;
}
.steps__item[data-step="5"] {
order: 5;
}
.steps__item[data-step="6"] {
order: 6;
}
.steps__item[data-step="7"] {
order: 7;
}
}
@media (max-width: 767.98px) {
.steps__item-label {
font-size: 1.375rem;
line-height: 2rem;
}
.steps__item-title {
font-size: 1.375rem;
line-height: 1.5rem;
}
.steps__item-text {
font-size: 1rem;
line-height: 1.5rem;
}
}
/*---- reports-slider buttons (Figma 310×56) (START) ----*/
#slider_reports_examples .btn.btn_slider_knowlege {
position: absolute;
right: 2.5rem;
bottom: 2.5rem;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: max-content !important;
max-width: none !important;
min-width: 310px;
height: 56px;
margin: 0;
padding: 16px !important;
gap: 12px;
border: 1px solid transparent !important;
border-radius: 6.1875rem;
white-space: nowrap;
text-decoration: none !important;
color: #fff !important;
cursor: pointer;
flex-shrink: 0;
transform: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
#slider_reports_examples .btn.btn_slider_knowlege:hover,
#slider_reports_examples .btn.btn_slider_knowlege:focus,
#slider_reports_examples .btn.btn_slider_knowlege:active {
margin: 0;
padding: 16px !important;
min-width: 310px;
height: 56px;
gap: 12px;
border-width: 1px !important;
border-style: solid !important;
text-decoration: none !important;
transform: none;
box-shadow: none;
}
#slider_reports_examples .btn.btn_slider_knowlege:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
#slider_reports_examples .btn.btn_slider_knowlege::before,
#slider_reports_examples .btn.btn_slider_knowlege::after {
content: "" !important;
display: block !important;
flex-shrink: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
transform: none;
opacity: 1;
pointer-events: none;
}
#slider_reports_examples .btn.btn_slider_knowlege::before {
width: 24px;
height: 24px;
}
#slider_reports_examples .btn.btn_slider_knowlege::after {
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.793 2.707a1 1 0 0 1 1.414-1.414l6 6 .707.707-.707.707-6 6a1 1 0 0 1-1.414-1.414L12.086 9H1a1 1 0 1 1 0-2h11.086L7.793 2.707Z' fill='%23fff'/%3E%3C/svg%3E");
}
#slider_reports_examples .btn.btn_slider_knowlege.btn-blue::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Cpath d='M4.99 2.001C12.644 2.328 17.996 6.506 17.996 12c0 5.494-5.352 9.673-13.006 10C2.689 20.636.927 18.531-.004 16.034c1.244.112 2.592.169 4.021.169 7.402 0 12.612-1.549 12.612-4.203S11.414 7.798 4.017 7.798c-1.429 0-2.776.058-4.021.17C.927 5.47 2.689 3.365 4.99 2z' fill='%23027BFE'/%3E%3C/svg%3E");
}
#slider_reports_examples .btn.btn_slider_knowlege.btn-yellow::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Crect x='6.5' y='12.5' width='3' height='5.5' rx='0.5' fill='%23F2C811'/%3E%3Crect x='10.5' y='9' width='3' height='9' rx='0.5' fill='%23E6B800'/%3E%3Crect x='14.5' y='5.5' width='3' height='12.5' rx='0.5' fill='%23F2C811'/%3E%3C/svg%3E");
}
#slider_reports_examples .btn_slider_knowlege__text {
flex: 1 1 auto;
min-width: 0;
}
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege {
display: none;
}
#slider_reports_examples .main-slider .number-slider__nav,
#slider_reports_examples .events-slider .number-slider__nav {
left: auto !important;
right: calc(2.5rem + 310px + 1rem) !important;
bottom: 2.5rem;
transform: none !important;
width: auto;
}
#slider_reports_examples .btn.btn_slider_knowlege.btn-blue {
background: #027bfe !important;
border-color: #027bfe !important;
}
#slider_reports_examples .btn.btn_slider_knowlege.btn-blue:hover,
#slider_reports_examples .btn.btn_slider_knowlege.btn-blue:focus {
background: #0063ce !important;
border-color: #0063ce !important;
color: #fff !important;
}
#slider_reports_examples .btn.btn_slider_knowlege.btn-yellow {
background: #2bb596 !important;
border-color: #2bb596 !important;
}
#slider_reports_examples .btn.btn_slider_knowlege.btn-yellow:hover,
#slider_reports_examples .btn.btn_slider_knowlege.btn-yellow:focus {
background: #1f8f78 !important;
border-color: #1f8f78 !important;
color: #fff !important;
}
@media (max-width: 1000px) {
#slider_reports_examples .number-slider__slide {
position: relative;
}
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege {
display: inline-flex;
right: 40px;
bottom: 40px;
min-width: 310px;
height: 56px;
padding: 16px !important;
gap: 12px;
font-size: 16px;
line-height: 24px;
}
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege:hover,
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege:focus,
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege:active {
right: 40px;
bottom: 40px;
min-width: 310px;
height: 56px;
padding: 16px !important;
gap: 12px;
}
#slider_reports_examples .main-slider .number-slider__nav,
#slider_reports_examples .events-slider .number-slider__nav {
left: 40px !important;
right: auto !important;
bottom: 40px !important;
transform: none !important;
width: auto;
}
}
@media (max-width: 767.98px) {
#slider_reports_examples .swiper.number-slider,
#slider_reports_examples .swiper.events-slider {
overflow: visible;
border-radius: 0;
}
#slider_reports_examples .number-slider__slide {
position: relative;
padding-bottom: calc(56px + 24px);
overflow: visible;
}
#slider_reports_examples .number-slider__item.mobile {
overflow: hidden;
border-radius: 24px;
}
#slider_reports_examples .number-slider__item.mobile .number-slider__gradient,
#slider_reports_examples .number-slider__item.mobile .slider-foto__gradient {
border-radius: 0 0 24px 24px;
}
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege {
left: 0 !important;
right: 0 !important;
top: auto !important;
bottom: 0 !important;
margin: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 56px;
padding: 16px !important;
gap: 8px;
justify-content: space-between;
white-space: normal;
font-size: 16px;
line-height: 20px;
text-align: left;
}
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege:hover,
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege:focus,
#slider_reports_examples .number-slider__slide>.btn.btn_slider_knowlege:active {
left: 0 !important;
right: 0 !important;
top: auto !important;
bottom: 0 !important;
margin: 0 !important;
width: 100% !important;
min-width: 0 !important;
height: 56px;
padding: 16px !important;
gap: 8px;
}
#slider_reports_examples .btn_slider_knowlege__text {
white-space: normal;
line-height: 20px;
}
#slider_reports_examples .main-slider .number-slider__nav,
#slider_reports_examples .events-slider .number-slider__nav {
left: 24px !important;
right: auto !important;
bottom: auto !important;
top: calc(var(--js-img-event-height) - 34px);
transform: none !important;
width: auto;
}
}
/*---- reports-slider buttons (Figma 310×56) (END) ----*/
/*---- tools dashboards (Figma 05, light) (START) ----*/
#tools_dashboards .tools-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
gap: 16px;
}
#tools_dashboards .tools-card {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 304px;
padding: 40px;
border-radius: 40px;
background: #f7f7f7;
overflow: hidden;
}
#tools_dashboards .tools-card--metrika {
background: rgba(255, 0, 0, 0.05);
}
#tools_dashboards .tools-card--datalens {
background: rgba(2, 123, 254, 0.05);
}
#tools_dashboards .tools-card--powerbi {
background: rgba(255, 210, 0, 0.07);
}
#tools_dashboards .tools-card__top {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 28px;
}
#tools_dashboards .tools-card__logo {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#tools_dashboards .tools-card__logo--metrika {
background-image: url("data:image/png;base64,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");
}
#tools_dashboards .tools-card__logo--datalens {
background-image: url("data:image/png;base64,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");
}
#tools_dashboards .tools-card__logo--powerbi {
background-image: url("data:image/png;base64,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");
}
#tools_dashboards .tools-card__title {
font-family: 'TT-Hoves-Pro-Medium', sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 1;
}
#tools_dashboards .tools-card__points {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 32px;
}
#tools_dashboards .tools-card__point {
display: flex;
align-items: center;
gap: 10px;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #1f1f1f;
}
#tools_dashboards .tools-card__point::before {
content: "";
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
}
#tools_dashboards .tools-card__point--plus::before {
background-color: rgba(0, 255, 47, 0.1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 1.5v11M1.5 7h11' stroke='%235FDB00' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
}
#tools_dashboards .tools-card__point--minus::before {
background-color: rgba(255, 0, 0, 0.1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.5 7h11' stroke='%23FF0000' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
}
#tools_dashboards .tools-card__btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
max-width: none;
min-width: 0;
height: 56px;
padding: 16px;
gap: 12px;
border: 1px solid transparent;
border-radius: 6.1875rem;
font-family: 'TT-Hoves-Pro-Medium', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: normal;
white-space: nowrap;
text-decoration: none;
color: #fff;
cursor: pointer;
flex-shrink: 0;
transform: none;
box-shadow: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
margin-top: auto;
}
#tools_dashboards .tools-card__btn:hover,
#tools_dashboards .tools-card__btn:focus {
text-decoration: none;
color: #fff;
outline: none;
}
#tools_dashboards .tools-card__btn:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
#tools_dashboards .tools-card__btn::before,
#tools_dashboards .tools-card__btn::after {
content: "";
display: block;
flex-shrink: 0;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
}
#tools_dashboards .tools-card__btn::before {
width: 24px;
height: 24px;
}
#tools_dashboards .tools-card__btn::after {
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.793 2.707a1 1 0 0 1 1.414-1.414l6 6 .707.707-.707.707-6 6a1 1 0 0 1-1.414-1.414L12.086 9H1a1 1 0 1 1 0-2h11.086L7.793 2.707Z' fill='%23fff'/%3E%3C/svg%3E");
}
#tools_dashboards .tools-card__btn--blue {
background-color: #027bfe;
border-color: #027bfe;
}
#tools_dashboards .tools-card__btn--blue::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Cpath d='M4.99 2.001C12.644 2.328 17.996 6.506 17.996 12c0 5.494-5.352 9.673-13.006 10C2.689 20.636.927 18.531-.004 16.034c1.244.112 2.592.169 4.021.169 7.402 0 12.612-1.549 12.612-4.203S11.414 7.798 4.017 7.798c-1.429 0-2.776.058-4.021.17C.927 5.47 2.689 3.365 4.99 2z' fill='%23027BFE'/%3E%3C/svg%3E");
}
#tools_dashboards .tools-card__btn--blue:hover,
#tools_dashboards .tools-card__btn--blue:focus {
background-color: #0063ce;
border-color: #0063ce;
color: #fff;
}
#tools_dashboards .tools-card__btn--yellow {
background-color: #2bb596;
border-color: #2bb596;
}
#tools_dashboards .tools-card__btn--yellow::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Crect x='6.5' y='12.5' width='3' height='5.5' rx='0.5' fill='%23F2C811'/%3E%3Crect x='10.5' y='9' width='3' height='9' rx='0.5' fill='%23E6B800'/%3E%3Crect x='14.5' y='5.5' width='3' height='12.5' rx='0.5' fill='%23F2C811'/%3E%3C/svg%3E");
}
#tools_dashboards .tools-card__btn--yellow:hover,
#tools_dashboards .tools-card__btn--yellow:focus {
background-color: #1f8f78;
border-color: #1f8f78;
color: #fff;
}
#tools_dashboards .tools-card__btn-text {
flex: 1 1 auto;
min-width: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: #fff;
text-align: left;
}
@media (max-width: 1000px) {
#tools_dashboards .tools-cards {
grid-template-columns: 1fr;
}
#tools_dashboards .tools-card {
min-height: 304px;
padding: 40px;
}
}
@media (max-width: 767.98px) {
#tools_dashboards .tools-card {
min-height: 300px;
padding: 24px;
border-radius: 24px;
}
#tools_dashboards .tools-card__top {
gap: 16px;
margin-bottom: 24px;
}
#tools_dashboards .tools-card__logo {
width: 24px;
height: 24px;
}
#tools_dashboards .tools-card__title {
font-size: 22px;
line-height: 1.09091;
}
#tools_dashboards .tools-card__points {
gap: 16px;
margin-bottom: 0;
}
#tools_dashboards .tools-card__point {
line-height: 1.5;
}
#tools_dashboards .tools-card__point::before {
width: 24px;
height: 24px;
background-size: 12px 12px;
}
#tools_dashboards .tools-card__btn {
margin-top: auto;
height: 56px;
padding: 16px;
gap: 8px;
white-space: normal;
justify-content: space-between;
}
#tools_dashboards .tools-card__btn-text {
white-space: normal;
font-size: 16px;
line-height: 20px;
}
}
/*---- tools dashboards (Figma 05) (END) ----*/
.tariffs-seo .support-tariffs__name {
line-height: 1;
}
.tariffs-seo .support-tariffs__title {
margin-bottom: 1.5rem;
}
.tariffs-seo .support-tariffs__subtitle {
margin-bottom: 0;
}
.tariffs-seo .support-tariffs__desc {
margin-bottom: 0;
}
.tariffs-seo .support-tariffs__bottom {
padding-top: 6rem
}
@media screen and (max-width: 1199px) {
.tariffs-slider {
overflow: visible;
}
}