/* =========================================================
AXSIVS
ОСНОВНОЙ CUSTOM.CSS
========================================================= */
/* =========================================================
00. БАЗОВАЯ ТИПОГРАФИКА САЙТА
========================================================= */
body,
h1, h2, h3, h4, h5, h6,
button,
input,
textarea,
select,
.sppb-addon-title,
.sppb-addon-content,
.sppb-addon-content p,
.sppb-addon-content li,
.sppb-btn,
.sp-megamenu-parent > li > a,
.offcanvas-menu .menu li a {
font-family: "Inter", Arial, sans-serif !important;
}
/* Базовый текст SP Page Builder */
.sppb-addon-content,
.sppb-addon-content p,
.sppb-addon-content li {
font-size: 17px;
line-height: 1.55;
font-weight: 400;
letter-spacing: -0.1px;
}
/* Кнопки */
.sppb-btn {
font-weight: 600;
}
/* Keyboard focus */
a:focus-visible,
button:focus-visible,
.sppb-btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 2px solid #3567ff !important;
outline-offset: 3px;
}
/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
/* =========================================================
01. СЕКЦИЯ — НАПРАВЛЕНИЯ
CSS CLASS: axsivs-directions
Создание
Развитие
Технические задачи
========================================================= */
.axsivs-directions h2 {
max-width: 680px;
margin-top: 0;
margin-bottom: 56px;
font-size: 32px;
line-height: 1.18;
font-weight: 500;
letter-spacing: -0.8px;
color: #15191c;
text-align: left;
}
/* Row */
.axsivs-directions .sppb-row {
align-items: center;
}
/* Названия направлений */
.axsivs-directions .sppb-addon-title,
.axsivs-directions h3 {
font-size: 54px;
line-height: 1.05;
font-weight: 400;
letter-spacing: -1.8px;
color: #171b1f;
}
/* Описания */
.axsivs-directions .sppb-addon-content,
.axsivs-directions .sppb-addon-content p {
font-size: 17px;
line-height: 1.55;
font-weight: 400;
color: #4f555b;
}
/* Разделители */
.axsivs-directions hr,
.axsivs-directions .sppb-divider {
opacity: 0.28;
}
/* =========================================================
02. СЕКЦИЯ — CTA СУЩЕСТВУЮЩИЙ САЙТ
CSS CLASS: axsivs-cta-existing
Есть сайт, но непонятно,
что с ним делать дальше?
========================================================= */
.axsivs-cta-existing .sppb-addon-title,
.axsivs-cta-existing h2,
.axsivs-cta-existing h3 {
max-width: 560px;
font-size: 46px;
line-height: 1.12;
font-weight: 400;
letter-spacing: -1.4px;
color: #15191c;
}
/* Текст справа */
.axsivs-cta-existing .sppb-addon-content,
.axsivs-cta-existing .sppb-addon-content p {
max-width: 440px;
font-size: 18px;
line-height: 1.55;
font-weight: 400;
color: #454b51;
}
/* Кнопка */
.axsivs-cta-existing .sppb-btn {
font-size: 15px;
font-weight: 600;
}
/* =========================================================
03. СЕКЦИЯ — СУЩЕСТВУЮЩИЙ САЙТ / МОДЕРНИЗАЦИЯ
CSS CLASS СЕКЦИИ: axsivs-rebuild
H2:
Не каждый существующий сайт нужно делать заново
ДОПОЛНИТЕЛЬНЫЕ КЛАССЫ:
Intro Text Block: axsivs-rebuild-intro
Image addon: axsivs-rebuild-visual
========================================================= */
.axsivs-rebuild {
background: #ffffff;
overflow-x: hidden;
}
/* ---------------------------------------------------------
03.1. Главный заголовок секции
--------------------------------------------------------- */
.axsivs-rebuild h2 {
max-width: 760px;
margin-top: 0;
margin-right: 0;
margin-bottom: 28px;
margin-left: 0;
font-size: 46px;
line-height: 1.08;
font-weight: 400;
letter-spacing: -1.5px;
color: #15191c;
text-align: left !important;
}
/* ---------------------------------------------------------
03.2. Вводный текст
CSS CLASS: axsivs-rebuild-intro
--------------------------------------------------------- */
.axsivs-rebuild .axsivs-rebuild-intro {
max-width: 820px;
margin-top: 0;
margin-right: 0;
margin-bottom: 72px;
margin-left: 0;
text-align: left !important;
}
.axsivs-rebuild .axsivs-rebuild-intro,
.axsivs-rebuild .axsivs-rebuild-intro p {
font-size: 18px;
line-height: 1.62;
font-weight: 400;
letter-spacing: -0.1px;
color: #52575c;
text-align: left !important;
}
.axsivs-rebuild .axsivs-rebuild-intro p:last-child {
margin-bottom: 0;
}
/* ---------------------------------------------------------
03.3. Основной двухколоночный Row
--------------------------------------------------------- */
.axsivs-rebuild .sppb-row {
align-items: center;
}
/* ---------------------------------------------------------
03.4. Заголовки четырёх пунктов
--------------------------------------------------------- */
.axsivs-rebuild h3 {
margin-top: 0;
margin-bottom: 12px;
font-size: 31px;
line-height: 1.16;
font-weight: 500;
letter-spacing: -0.9px;
color: #171b1f;
text-align: left;
}
/* ---------------------------------------------------------
03.5. Описания пунктов
--------------------------------------------------------- */
.axsivs-rebuild .sppb-addon-content,
.axsivs-rebuild .sppb-addon-content p {
font-size: 17px;
line-height: 1.58;
font-weight: 400;
letter-spacing: -0.1px;
color: #52575c;
}
/* ---------------------------------------------------------
03.6. Divider
--------------------------------------------------------- */
.axsivs-rebuild hr,
.axsivs-rebuild .sppb-divider {
margin-top: 30px;
margin-bottom: 30px;
border: 0;
border-top: 1px solid #dfe2e5;
opacity: 1;
}
/* ---------------------------------------------------------
03.7. Правое изображение
CSS CLASS: axsivs-rebuild-visual
--------------------------------------------------------- */
.axsivs-rebuild .axsivs-rebuild-visual {
max-width: 560px;
margin-left: auto;
margin-right: 0;
}
.axsivs-rebuild .axsivs-rebuild-visual img,
.axsivs-rebuild .axsivs-rebuild-visual .sppb-img-responsive {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 18px;
object-fit: cover;
}
/* =========================================================
04. СЕКЦИЯ — КАК РАБОТАЕМ
CSS CLASS: axsivs-process
01 Разбираемся в задаче
02 Согласовываем решение
03 Выполняем и сдаём
========================================================= */
.axsivs-process {
background: #ffffff;
}
/* ---------------------------------------------------------
04.1. Главный заголовок
--------------------------------------------------------- */
.axsivs-process h2 {
margin-top: 0;
margin-bottom: 64px;
font-size: 46px;
line-height: 1.10;
font-weight: 400;
letter-spacing: -1.4px;
color: #15191c;
}
/* ---------------------------------------------------------
04.2. Заголовки этапов
--------------------------------------------------------- */
.axsivs-process .sppb-feature-box-title {
margin-top: 0;
margin-bottom: 14px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 20px;
line-height: 1.30;
font-weight: 600;
letter-spacing: -0.3px;
color: #15191c;
}
/* ---------------------------------------------------------
04.3. Номера этапов
--------------------------------------------------------- */
.axsivs-process .sppb-feature-box-title span {
display: inline-block;
margin-right: 10px;
padding: 5px 7px;
border-radius: 4px;
background: #15191c;
color: #ffffff;
font-family: "Inter", Arial, sans-serif !important;
font-size: 13px;
line-height: 1;
font-weight: 600;
letter-spacing: 0;
vertical-align: 2px;
}
/* ---------------------------------------------------------
04.4. Описания этапов
--------------------------------------------------------- */
.axsivs-process .sppb-addon-content,
.axsivs-process .sppb-addon-content p {
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px;
line-height: 1.55;
font-weight: 400;
letter-spacing: -0.1px;
color: #545a60;
}
.axsivs-process .sppb-addon-content p:last-child {
margin-bottom: 0;
}
/* =========================================================
10. ПЛАНШЕТ
<= 991px
========================================================= */
@media (max-width: 991px) {
/* =====================================================
10.1. НАПРАВЛЕНИЯ
===================================================== */
.axsivs-directions h2 {
margin-bottom: 44px;
font-size: 28px;
}
.axsivs-directions .sppb-addon-title,
.axsivs-directions h3 {
font-size: 44px;
}
/* =====================================================
10.2. CTA
===================================================== */
.axsivs-cta-existing .sppb-addon-title,
.axsivs-cta-existing h2,
.axsivs-cta-existing h3 {
max-width: 100%;
font-size: 34px;
line-height: 1.16;
}
.axsivs-cta-existing .sppb-addon-content,
.axsivs-cta-existing .sppb-addon-content p {
max-width: 100%;
font-size: 17px;
}
/* =====================================================
10.3. REBUILD
===================================================== */
.axsivs-rebuild h2 {
max-width: 680px;
margin-bottom: 24px;
font-size: 38px;
line-height: 1.10;
letter-spacing: -1.1px;
}
.axsivs-rebuild .axsivs-rebuild-intro {
max-width: 720px;
margin-bottom: 54px;
}
.axsivs-rebuild .axsivs-rebuild-intro,
.axsivs-rebuild .axsivs-rebuild-intro p {
font-size: 17px;
line-height: 1.58;
}
.axsivs-rebuild h3 {
font-size: 27px;
line-height: 1.18;
letter-spacing: -0.6px;
}
.axsivs-rebuild .sppb-addon-content,
.axsivs-rebuild .sppb-addon-content p {
font-size: 17px;
line-height: 1.55;
}
.axsivs-rebuild hr,
.axsivs-rebuild .sppb-divider {
margin-top: 26px;
margin-bottom: 26px;
}
.axsivs-rebuild .axsivs-rebuild-visual {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
/* =====================================================
10.4. КАК РАБОТАЕМ
===================================================== */
.axsivs-process h2 {
margin-bottom: 50px;
font-size: 38px;
line-height: 1.12;
letter-spacing: -1.1px;
}
.axsivs-process .sppb-feature-box-title {
font-size: 19px;
}
.axsivs-process .sppb-addon-content,
.axsivs-process .sppb-addon-content p {
font-size: 16px;
line-height: 1.52;
}
}
/* =========================================================
20. МОБИЛЬНЫЙ
<= 767px
========================================================= */
@media (max-width: 767px) {
/* =====================================================
20.1. БАЗОВАЯ ТИПОГРАФИКА
===================================================== */
.sppb-addon-content,
.sppb-addon-content p,
.sppb-addon-content li {
font-size: 16px;
line-height: 1.5;
}
/* =====================================================
20.2. НАПРАВЛЕНИЯ
===================================================== */
.axsivs-directions h2 {
margin-bottom: 36px;
font-size: 25px;
line-height: 1.2;
}
.axsivs-directions .sppb-addon-title,
.axsivs-directions h3 {
font-size: 36px;
line-height: 1.08;
letter-spacing: -1px;
}
.axsivs-directions .sppb-addon-content,
.axsivs-directions .sppb-addon-content p {
font-size: 16px;
line-height: 1.5;
}
/* =====================================================
20.3. CTA
===================================================== */
.axsivs-cta-existing .sppb-addon-title,
.axsivs-cta-existing h2,
.axsivs-cta-existing h3 {
font-size: 30px;
line-height: 1.18;
letter-spacing: -0.8px;
}
.axsivs-cta-existing .sppb-addon-content,
.axsivs-cta-existing .sppb-addon-content p {
font-size: 16px;
line-height: 1.5;
}
/* =====================================================
20.4. REBUILD
===================================================== */
.axsivs-rebuild h2 {
max-width: 100%;
margin-bottom: 20px;
font-size: 31px;
line-height: 1.12;
font-weight: 400;
letter-spacing: -0.8px;
text-align: left !important;
}
.axsivs-rebuild .axsivs-rebuild-intro {
max-width: 100%;
margin-bottom: 44px;
}
.axsivs-rebuild .axsivs-rebuild-intro,
.axsivs-rebuild .axsivs-rebuild-intro p {
font-size: 16px;
line-height: 1.55;
text-align: left !important;
}
.axsivs-rebuild .sppb-row {
align-items: stretch;
}
.axsivs-rebuild h3 {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.18;
letter-spacing: -0.5px;
}
.axsivs-rebuild .sppb-addon-content,
.axsivs-rebuild .sppb-addon-content p {
font-size: 16px;
line-height: 1.52;
}
.axsivs-rebuild hr,
.axsivs-rebuild .sppb-divider {
margin-top: 22px;
margin-bottom: 22px;
}
.axsivs-rebuild .axsivs-rebuild-visual {
max-width: 100%;
margin-top: 42px;
margin-left: 0;
margin-right: 0;
}
.axsivs-rebuild .axsivs-rebuild-visual img,
.axsivs-rebuild .axsivs-rebuild-visual .sppb-img-responsive {
width: 100%;
border-radius: 14px;
}
/* =====================================================
20.5. КАК РАБОТАЕМ
===================================================== */
.axsivs-process h2 {
margin-bottom: 38px;
font-size: 31px;
line-height: 1.12;
letter-spacing: -0.8px;
}
.axsivs-process .sppb-feature-box-title {
margin-bottom: 10px;
font-size: 19px;
line-height: 1.30;
}
.axsivs-process .sppb-feature-box-title span {
margin-right: 8px;
padding: 4px 6px;
font-size: 12px;
}
.axsivs-process .sppb-addon-content,
.axsivs-process .sppb-addon-content p {
font-size: 16px;
line-height: 1.50;
}
}
/* =========================================================
05. JOOMLA — ТЕКСТ ВНУТРИ FEATURE BOX
CSS CLASS: axsivs-joomla-focus
Картинку и вкладки НЕ трогаем
========================================================= */
/* Текстовая область — только левая часть изображения */
.axsivs-joomla-focus .sppb-media-content {
width: 46%;
max-width: 540px;
text-align: left;
}
/* Заголовок */
.axsivs-joomla-focus h4.sppb-addon-title.sppb-feature-box-title {
max-width: 520px;
margin: 0 0 20px !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 36px !important;
line-height: 1.14 !important;
font-weight: 500 !important;
letter-spacing: -0.9px;
color: #15191c !important;
}
/* Описание */
.axsivs-joomla-focus .sppb-addon-text {
max-width: 500px;
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 17px !important;
line-height: 1.55 !important;
font-weight: 400;
color: #555b61 !important;
}
/* Кнопка */
.axsivs-joomla-focus .sppb-btn {
margin-top: 30px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 15px;
font-weight: 600;
text-transform: none !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-joomla-focus .sppb-media-content {
width: 52%;
max-width: 460px;
}
.axsivs-joomla-focus h4.sppb-addon-title.sppb-feature-box-title {
font-size: 30px !important;
line-height: 1.16 !important;
}
.axsivs-joomla-focus .sppb-addon-text {
font-size: 16px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-joomla-focus .sppb-media-content {
width: 100%;
max-width: 100%;
}
.axsivs-joomla-focus h4.sppb-addon-title.sppb-feature-box-title {
max-width: 100%;
font-size: 24px !important;
line-height: 1.18 !important;
letter-spacing: -0.4px;
}
.axsivs-joomla-focus .sppb-addon-text {
max-width: 100%;
font-size: 16px !important;
line-height: 1.5 !important;
}
.axsivs-joomla-focus .sppb-btn {
margin-top: 20px;
font-size: 14px;
}
}
/* =========================================================
05. ФИНАЛЬНЫЙ CTA
CSS CLASS: axsivs-final-cta
Есть задача по сайту?
========================================================= */
.axsivs-final-cta {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
/* ---------------------------------------------------------
05.1. Общая плашка CTA
--------------------------------------------------------- */
.axsivs-final-cta .sppb-row {
align-items: center;
padding: 50px 52px;
background: #f6f7f8;
border: 1px solid #eceff2;
border-radius: 20px;
}
/* ---------------------------------------------------------
05.2. Главный заголовок
--------------------------------------------------------- */
.axsivs-final-cta h2,
.axsivs-final-cta .sppb-addon-title {
max-width: 390px;
margin-top: 0;
margin-bottom: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 48px;
line-height: 1.08;
font-weight: 400;
letter-spacing: -1.5px;
color: #15191c;
}
/* ---------------------------------------------------------
05.3. Текст
--------------------------------------------------------- */
.axsivs-final-cta .sppb-addon-content,
.axsivs-final-cta .sppb-addon-content p {
max-width: 390px;
margin-top: 0;
margin-bottom: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 17px;
line-height: 1.55;
font-weight: 400;
letter-spacing: -0.1px;
color: #4f555b;
}
.axsivs-final-cta .sppb-addon-content p:last-child {
margin-bottom: 0;
}
/* ---------------------------------------------------------
05.4. Кнопка
--------------------------------------------------------- */
.axsivs-final-cta .sppb-addon-button {
text-align: right;
}
.axsivs-final-cta .sppb-btn {
padding: 14px 24px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 15px;
line-height: 1.2;
font-weight: 600;
white-space: nowrap;
}
/* =========================================================
ПЛАНШЕТ
<= 991px
========================================================= */
@media (max-width: 991px) {
.axsivs-final-cta {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.axsivs-final-cta .sppb-row {
padding: 42px 36px;
border-radius: 18px;
}
.axsivs-final-cta h2,
.axsivs-final-cta .sppb-addon-title {
max-width: 330px;
font-size: 38px;
line-height: 1.10;
letter-spacing: -1.1px;
}
.axsivs-final-cta .sppb-addon-content,
.axsivs-final-cta .sppb-addon-content p {
font-size: 16px;
line-height: 1.52;
}
.axsivs-final-cta .sppb-btn {
padding: 13px 20px;
font-size: 14px;
}
}
/* =========================================================
МОБИЛЬНЫЙ
<= 767px
========================================================= */
@media (max-width: 767px) {
.axsivs-final-cta {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.axsivs-final-cta .sppb-row {
padding: 34px 24px;
border-radius: 16px;
}
.axsivs-final-cta h2,
.axsivs-final-cta .sppb-addon-title {
max-width: 100%;
margin-bottom: 22px;
font-size: 32px;
line-height: 1.10;
letter-spacing: -0.8px;
}
.axsivs-final-cta .sppb-addon-content,
.axsivs-final-cta .sppb-addon-content p {
max-width: 100%;
font-size: 16px;
line-height: 1.50;
}
.axsivs-final-cta .sppb-addon-button {
margin-top: 26px;
text-align: left;
}
.axsivs-final-cta .sppb-btn {
padding: 13px 20px;
}
}
/* =========================================================
AXSIVS FOOTER — FINAL
CSS CLASS: axsivs-footer
========================================================= */
/* =========================================================
1. ОСНОВА
========================================================= */
.axsivs-footer {
position: relative;
z-index: 0;
margin: 0 !important;
padding-top: 58px !important;
padding-bottom: 24px !important;
background: transparent !important;
color: #ffffff;
overflow: visible !important;
}
/* Полноэкранный фирменный фон */
.axsivs-footer::before {
content: "";
position: absolute;
z-index: -2;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background:
radial-gradient(
circle at 84% 10%,
rgba(68, 96, 220, 0.15) 0%,
rgba(68, 96, 220, 0.055) 23%,
transparent 47%
),
radial-gradient(
circle at 8% 92%,
rgba(68, 96, 220, 0.045) 0%,
transparent 31%
),
linear-gradient(
135deg,
#2a333c 0%,
#26303a 48%,
#232b33 100%
);
box-shadow:
inset 0 1px 0 rgba(105, 132, 255, 0.16);
}
/* Техническая сетка — почти незаметная */
.axsivs-footer::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
pointer-events: none;
opacity: 0.075;
background-image:
linear-gradient(
rgba(255,255,255,0.04) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255,255,255,0.04) 1px,
transparent 1px
);
background-size: 76px 76px;
-webkit-mask-image:
linear-gradient(
to bottom,
rgba(0,0,0,.72),
rgba(0,0,0,.18) 68%,
transparent
);
mask-image:
linear-gradient(
to bottom,
rgba(0,0,0,.72),
rgba(0,0,0,.18) 68%,
transparent
);
}
/* =========================================================
2. ВЕРХНИЙ ROW
========================================================= */
.axsivs-footer > .sppb-container > .sppb-row:first-child {
align-items: flex-start;
padding-bottom: 46px;
}
/* =========================================================
3. ЛОГОТИП
========================================================= */
.axsivs-footer img,
.axsivs-footer .sppb-img-responsive {
display: block;
width: auto;
max-width: 205px;
height: auto;
}
/*
* Отступ после логотипа НЕ задаём CSS.
* Его держит Empty Space addon.
*/
/* =========================================================
4. ОПИСАНИЕ AXSIVS
========================================================= */
.axsivs-footer .footer-lead {
max-width: 400px;
margin: 0 0 14px 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
letter-spacing: -0.15px;
color: #eef2f5;
}
.axsivs-footer .footer-text {
max-width: 410px;
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px;
line-height: 1.65;
font-weight: 400;
color: #9faab3;
}
/* =========================================================
5. ЗАГОЛОВКИ
========================================================= */
.axsivs-footer h2,
.axsivs-footer h3,
.axsivs-footer h4,
.axsivs-footer h5,
.axsivs-footer h6,
.axsivs-footer .sppb-addon-title {
display: flex;
align-items: center;
gap: 8px;
margin: 0 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
letter-spacing: 0.35px !important;
color: #f5f7f9 !important;
text-transform: none !important;
}
/* Маленький фирменный штрих */
.axsivs-footer h2::before,
.axsivs-footer h3::before,
.axsivs-footer h4::before,
.axsivs-footer h5::before,
.axsivs-footer h6::before,
.axsivs-footer .sppb-addon-title::before {
content: "";
flex: 0 0 auto;
width: 15px;
height: 2px;
background: #5672ff;
border-radius: 2px;
}
/*
* Отступ после заголовка НЕ задаём CSS.
* Его держит Empty Space addon.
*/
/* =========================================================
6. RAW HTML LINKS
CLASS: footer-links
========================================================= */
.axsivs-footer .footer-links {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
margin: 0;
padding: 0;
}
.axsivs-footer .footer-links a {
position: relative;
display: inline-block;
width: fit-content;
margin: 0;
padding: 0 0 2px 0 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px;
line-height: 1.5;
font-weight: 400 !important;
color: #bcc5cc !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
text-decoration: none !important;
transition:
color .18s ease,
transform .18s ease;
}
.axsivs-footer .footer-links a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 1px;
background: #6982ff;
transition: width .18s ease;
}
.axsivs-footer .footer-links a:hover {
color: #ffffff !important;
transform: translateX(2px);
}
.axsivs-footer .footer-links a:hover::after {
width: 100%;
}
/* =========================================================
7. КОНТАКТЫ
========================================================= */
.axsivs-footer .sppb-addon-content,
.axsivs-footer .sppb-addon-content p {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-footer .sppb-addon-content p {
margin-top: 0;
margin-bottom: 16px;
font-size: 14px;
line-height: 1.65;
font-weight: 400;
color: #a8b3bb;
}
.axsivs-footer .sppb-addon-content p:last-child {
margin-bottom: 0;
}
/* Email и телефон чуть ярче остального */
.axsivs-footer .sppb-addon-content a,
.axsivs-footer a[href^="mailto:"],
.axsivs-footer a[href^="tel:"] {
color: #f1f4f6 !important;
text-decoration: none !important;
transition: color .18s ease;
}
.axsivs-footer .sppb-addon-content a:hover,
.axsivs-footer a[href^="mailto:"]:hover,
.axsivs-footer a[href^="tel:"]:hover {
color: #8195ff !important;
}
/* =========================================================
8. НИЖНИЙ ROW
========================================================= */
.axsivs-footer > .sppb-container > .sppb-row:last-child {
position: relative;
align-items: center;
padding-top: 22px;
}
/* Одна линия */
.axsivs-footer > .sppb-container > .sppb-row:last-child::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background:
linear-gradient(
90deg,
rgba(255,255,255,.15) 0%,
rgba(255,255,255,.075) 70%,
rgba(84,112,255,.32) 100%
);
}
/* =========================================================
9. COPYRIGHT
========================================================= */
.axsivs-footer .footer-copy {
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 12.5px;
line-height: 1.5;
font-weight: 400;
color: #909ba4;
}
/* =========================================================
10. LEGAL
========================================================= */
.axsivs-footer .footer-legal {
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 12.5px;
line-height: 1.6;
font-weight: 400;
color: #909ba4;
text-align: right;
}
.axsivs-footer .footer-legal a {
color: #aab4bc !important;
text-decoration: none !important;
transition: color .18s ease;
}
.axsivs-footer .footer-legal a:hover {
color: #ffffff !important;
}
.axsivs-footer .footer-legal span {
margin-left: 6px;
margin-right: 6px;
color: #5d6871;
}
/* =========================================================
11. УБИРАЕМ ПУСТОЙ FOOTER NEXIO / HELIX
========================================================= */
#sp-footer {
display: none !important;
}
/* =========================================================
TABLET <= 991px
========================================================= */
@media (max-width: 991px) {
.axsivs-footer {
padding-top: 52px !important;
padding-bottom: 22px !important;
}
.axsivs-footer > .sppb-container > .sppb-row:first-child {
padding-bottom: 38px;
}
.axsivs-footer img,
.axsivs-footer .sppb-img-responsive {
max-width: 185px;
}
.axsivs-footer .footer-lead {
font-size: 15px;
}
.axsivs-footer .footer-text {
font-size: 14px;
}
.axsivs-footer h2,
.axsivs-footer h3,
.axsivs-footer h4,
.axsivs-footer h5,
.axsivs-footer h6,
.axsivs-footer .sppb-addon-title {
font-size: 13px !important;
}
.axsivs-footer .footer-links {
gap: 10px;
}
.axsivs-footer .footer-links a,
.axsivs-footer .sppb-addon-content p {
font-size: 14px;
}
}
/* =========================================================
MOBILE <= 767px
========================================================= */
@media (max-width: 767px) {
.axsivs-footer {
padding-top: 44px !important;
padding-bottom: 20px !important;
}
.axsivs-footer::after {
opacity: 0.055;
background-size: 54px 54px;
}
.axsivs-footer > .sppb-container > .sppb-row:first-child {
padding-bottom: 32px;
}
.axsivs-footer img,
.axsivs-footer .sppb-img-responsive {
max-width: 175px;
}
.axsivs-footer .footer-lead {
font-size: 16px;
}
.axsivs-footer .footer-text {
margin-bottom: 26px;
font-size: 14px;
}
.axsivs-footer h2,
.axsivs-footer h3,
.axsivs-footer h4,
.axsivs-footer h5,
.axsivs-footer h6,
.axsivs-footer .sppb-addon-title {
font-size: 13px !important;
}
.axsivs-footer .footer-links {
gap: 9px;
}
.axsivs-footer .footer-links a {
font-size: 14px;
}
.axsivs-footer .sppb-addon-content p {
font-size: 14px;
}
.axsivs-footer > .sppb-container > .sppb-row:last-child {
padding-top: 19px;
}
.axsivs-footer .footer-copy {
margin-bottom: 13px;
font-size: 12.5px;
}
.axsivs-footer .footer-legal {
font-size: 12.5px;
line-height: 1.8;
text-align: left;
}
.axsivs-footer .footer-legal span {
margin-left: 4px;
margin-right: 4px;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
HERO
========================================================= */
.axsivs-tech-hero {
padding: 96px 0 104px;
}
.axsivs-tech-hero .sppb-row {
align-items: center;
}
.axsivs-tech-hero .sppb-addon-title {
max-width: 620px;
margin: 0 0 28px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 64px;
font-weight: 500;
line-height: 1.03;
letter-spacing: -2px;
}
.axsivs-tech-hero .sppb-addon-text-block {
max-width: 590px;
}
.axsivs-tech-hero .sppb-addon-content {
font-size: 18px;
line-height: 1.55;
}
.axsivs-tech-hero .sppb-addon-content p {
margin: 0 0 18px;
}
.axsivs-tech-hero .sppb-button-wrapper {
margin-top: 28px;
text-align: left !important;
}
.axsivs-tech-hero-visual img {
display: block;
width: 100%;
max-width: 540px;
margin-left: auto;
border-radius: 18px;
}
/* Tablet */
@media (max-width: 991px) {
.axsivs-tech-hero {
padding: 72px 0 80px;
}
.axsivs-tech-hero .sppb-addon-title {
font-size: 50px;
letter-spacing: -1.5px;
}
}
/* Mobile */
@media (max-width: 767px) {
.axsivs-tech-hero {
padding: 56px 0 64px;
}
.axsivs-tech-hero .sppb-addon-title {
max-width: 100%;
font-size: 40px;
line-height: 1.08;
letter-spacing: -1px;
margin-bottom: 22px;
}
.axsivs-tech-hero .sppb-addon-content {
font-size: 16px;
line-height: 1.55;
}
.axsivs-tech-hero-visual img {
max-width: 100%;
margin: 42px 0 0;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 2 — WHEN SOMETHING IS WRONG
.axsivs-tech-symptoms
========================================================= */
.axsivs-tech-symptoms {
padding: 110px 0 120px;
background: #f7f8fa;
}
/* ---------------------------------------------------------
Заголовок секции
--------------------------------------------------------- */
.axsivs-tech-symptoms h2 {
max-width: 820px;
margin: 0 0 22px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 54px;
font-weight: 500;
line-height: 1.08;
letter-spacing: -1.5px;
}
/* ---------------------------------------------------------
Вводный текст
--------------------------------------------------------- */
.axsivs-tech-symptoms .sppb-addon-text-block {
max-width: 900px;
}
.axsivs-tech-symptoms .sppb-addon-text-block .sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 17px;
line-height: 1.55;
}
.axsivs-tech-symptoms .sppb-addon-text-block p {
margin: 0;
}
/* ---------------------------------------------------------
Карточки
--------------------------------------------------------- */
.axsivs-tech-symptoms .sppb-addon-feature {
position: relative;
width: 100%;
height: auto !important;
min-height: 270px !important;
box-sizing: border-box;
padding: 34px 30px 32px;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, 0.09);
border-radius: 16px;
text-align: left !important;
overflow: hidden;
transition:
transform 0.22s ease,
border-color 0.22s ease,
box-shadow 0.22s ease;
}
/* ---------------------------------------------------------
Синий фирменный акцент
--------------------------------------------------------- */
.axsivs-tech-symptoms .sppb-addon-feature::before {
content: "";
position: absolute;
top: 0;
left: 30px;
width: 34px;
height: 2px;
background: #3567ff;
}
/* ---------------------------------------------------------
Заголовок карточки
--------------------------------------------------------- */
.axsivs-tech-symptoms .sppb-addon-feature h3,
.axsivs-tech-symptoms .sppb-addon-feature .sppb-addon-title {
margin: 0 0 16px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 24px !important;
font-weight: 500;
line-height: 1.2 !important;
letter-spacing: -0.4px;
}
/* ---------------------------------------------------------
Текст карточки
--------------------------------------------------------- */
.axsivs-tech-symptoms .sppb-addon-feature .sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px;
line-height: 1.55;
color: rgba(15, 20, 30, 0.82);
}
.axsivs-tech-symptoms .sppb-addon-feature p {
margin: 0;
}
/* ---------------------------------------------------------
Расстояние между рядами карточек
--------------------------------------------------------- */
.axsivs-tech-symptoms .sppb-row + .sppb-row {
margin-top: 30px;
}
/* ---------------------------------------------------------
Hover — сдержанный
--------------------------------------------------------- */
@media (hover: hover) {
.axsivs-tech-symptoms .sppb-addon-feature:hover {
transform: translateY(-3px);
border-color: rgba(53, 103, 255, 0.22);
box-shadow:
0 14px 32px rgba(20, 30, 50, 0.055);
}
}
/* =========================================================
SECTION 2 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-symptoms {
padding: 80px 0 90px;
}
.axsivs-tech-symptoms h2 {
margin-bottom: 18px;
font-size: 46px;
line-height: 1.08;
letter-spacing: -1.2px;
}
.axsivs-tech-symptoms .sppb-addon-feature {
height: auto !important;
min-height: 340px !important;
padding: 30px 26px;
}
.axsivs-tech-symptoms .sppb-addon-feature::before {
left: 26px;
}
.axsivs-tech-symptoms .sppb-addon-feature h3,
.axsivs-tech-symptoms .sppb-addon-feature .sppb-addon-title {
font-size: 22px !important;
}
}
/* =========================================================
SECTION 2 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-symptoms {
padding: 64px 0 72px;
}
.axsivs-tech-symptoms h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: 36px;
line-height: 1.1;
letter-spacing: -0.8px;
}
.axsivs-tech-symptoms .sppb-addon-text-block .sppb-addon-content {
font-size: 16px;
}
.axsivs-tech-symptoms .sppb-addon-feature {
height: auto !important;
min-height: 0 !important;
padding: 27px 24px 26px;
}
.axsivs-tech-symptoms .sppb-addon-feature::before {
left: 24px;
width: 30px;
}
.axsivs-tech-symptoms .sppb-addon-feature h3,
.axsivs-tech-symptoms .sppb-addon-feature .sppb-addon-title {
margin-bottom: 12px;
font-size: 21px !important;
}
.axsivs-tech-symptoms .sppb-addon-feature .sppb-addon-content {
font-size: 15px;
line-height: 1.55;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 3 — TECHNICAL SERVICES
.axsivs-tech-services
========================================================= */
.axsivs-tech-services {
padding: 104px 0 108px;
background: #ffffff;
}
/* ---------------------------------------------------------
Левая часть
--------------------------------------------------------- */
.axsivs-tech-services h2 {
max-width: 390px;
margin: 0 0 24px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 50px;
font-weight: 500;
line-height: 1.08;
letter-spacing: -1.4px;
}
.axsivs-tech-services
.sppb-row > div:first-child
.sppb-addon-text-block {
max-width: 350px;
}
.axsivs-tech-services
.sppb-row > div:first-child
.sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 17px;
line-height: 1.58;
color: rgba(15, 20, 30, 0.76);
}
.axsivs-tech-services
.sppb-row > div:first-child
.sppb-addon-content p {
margin: 0;
}
/* ---------------------------------------------------------
Правая колонка — технические направления
--------------------------------------------------------- */
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
position: relative;
padding: 22px 0 24px;
border-top: 1px solid rgba(20, 30, 50, 0.12);
}
/* первый пункт чуть плотнее сверху */
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-wrapper:first-child
.sppb-addon-text-block {
padding-top: 20px;
}
/* последний пункт получает нижнюю границу */
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-wrapper:last-child
.sppb-addon-text-block {
border-bottom: 1px solid rgba(20, 30, 50, 0.12);
}
/* ---------------------------------------------------------
Маленький синий технический маркер
--------------------------------------------------------- */
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-text-block::before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 34px;
height: 2px;
background: #3567ff;
}
/* ---------------------------------------------------------
Заголовки направлений
--------------------------------------------------------- */
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-title,
.axsivs-tech-services
.sppb-row > div:nth-child(2)
h3 {
max-width: 650px;
margin: 0 0 9px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 27px !important;
font-weight: 500;
line-height: 1.2 !important;
letter-spacing: -0.45px;
}
/* ---------------------------------------------------------
Описание направлений
--------------------------------------------------------- */
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-content {
max-width: 680px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px;
line-height: 1.5;
color: rgba(15, 20, 30, 0.72);
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-content p {
margin: 0;
}
/* ---------------------------------------------------------
Очень лёгкая реакция
--------------------------------------------------------- */
@media (hover: hover) {
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
transition:
padding-left 0.22s ease,
border-color 0.22s ease;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-text-block:hover {
padding-left: 8px;
border-color: rgba(53, 103, 255, 0.20);
}
}
/* =========================================================
SECTION 3 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-services {
padding: 84px 0 88px;
}
.axsivs-tech-services h2 {
max-width: 330px;
font-size: 42px;
line-height: 1.1;
letter-spacing: -1px;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
padding: 21px 0 23px;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-title,
.axsivs-tech-services
.sppb-row > div:nth-child(2)
h3 {
font-size: 25px !important;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-content {
line-height: 1.5;
}
}
/* =========================================================
SECTION 3 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-services {
padding: 66px 0 70px;
}
.axsivs-tech-services h2 {
max-width: 100%;
margin-bottom: 18px;
font-size: 36px;
line-height: 1.1;
letter-spacing: -0.8px;
}
.axsivs-tech-services
.sppb-row > div:first-child
.sppb-addon-text-block {
max-width: 100%;
margin-bottom: 36px;
}
.axsivs-tech-services
.sppb-row > div:first-child
.sppb-addon-content {
font-size: 16px;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
padding: 20px 0 22px;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-title,
.axsivs-tech-services
.sppb-row > div:nth-child(2)
h3 {
margin-bottom: 8px;
font-size: 23px !important;
}
.axsivs-tech-services
.sppb-row > div:nth-child(2)
.sppb-addon-content {
font-size: 15px;
line-height: 1.5;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 4 — DIAGNOSTIC
.axsivs-tech-diagnostic
========================================================= */
.axsivs-tech-diagnostic {
padding: 105px 0 110px;
background: #f7f9fc;
}
/* ---------------------------------------------------------
Левая часть
--------------------------------------------------------- */
.axsivs-tech-diagnostic h2 {
max-width: 420px;
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 46px;
font-weight: 500;
line-height: 1.08;
letter-spacing: -1.2px;
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-text-block {
max-width: 390px;
margin-top: 30px;
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 17px;
line-height: 1.62;
color: rgba(15, 20, 30, 0.76);
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-content p {
margin: 0 0 22px;
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-content p:last-child {
margin-bottom: 0;
}
/* ---------------------------------------------------------
Правая часть — diagnostic visual
--------------------------------------------------------- */
.axsivs-tech-diagnostic-visual {
width: 100%;
}
.axsivs-tech-diagnostic-visual img {
display: block;
width: 112%;
max-width: none;
height: auto;
margin-left: -4%;
}
/* =========================================================
SECTION 4 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-diagnostic {
padding: 86px 0 90px;
}
.axsivs-tech-diagnostic h2 {
max-width: 350px;
font-size: 40px;
line-height: 1.1;
letter-spacing: -1px;
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-content {
font-size: 16px;
}
}
/* =========================================================
SECTION 4 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-diagnostic {
padding: 68px 0 72px;
}
.axsivs-tech-diagnostic h2 {
max-width: 100%;
margin-bottom: 20px;
font-size: 36px;
line-height: 1.1;
letter-spacing: -0.8px;
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-text-block {
max-width: 100%;
margin-bottom: 38px;
}
.axsivs-tech-diagnostic
.sppb-row > div:first-child
.sppb-addon-content {
font-size: 16px;
line-height: 1.58;
}
.axsivs-tech-diagnostic-visual img {
max-width: 100%;
margin: 0;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 5 — TECHNICAL DEPTH
.axsivs-tech-depth
[COLUMN] .axsivs-tech-depth-source
[COLUMN] .axsivs-tech-depth-panel
[ADDON] .axsivs-tech-checklist
========================================================= */
.axsivs-tech-depth {
padding: 112px 0 124px;
background: #ffffff;
}
/* =========================================================
ГЛАВНЫЙ ЗАГОЛОВОК СЕКЦИИ
========================================================= */
.axsivs-tech-depth h2 {
width: 100%;
max-width: none;
margin: 0 0 64px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
letter-spacing: -1.4px;
text-align: left !important;
}
/* =========================================================
ЛЕВАЯ КОЛОНКА — ИСХОДНЫЕ ДАННЫЕ
[COLUMN] .axsivs-tech-depth-source
========================================================= */
.axsivs-tech-depth .axsivs-tech-depth-source {
padding-right: 58px;
}
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-column-addons {
padding-top: 38px;
}
/* ---------------------------------------------------------
Заголовок "Исходные данные"
--------------------------------------------------------- */
.axsivs-tech-depth
.axsivs-tech-depth-source h3 {
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 30px !important;
font-weight: 500;
line-height: 1.18 !important;
letter-spacing: -0.55px;
color: #10141c;
}
/* воздух между Heading addon и Text Block */
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-column-addons
> .sppb-addon-wrapper:first-child {
margin-bottom: 30px;
}
/* ---------------------------------------------------------
Левый список
--------------------------------------------------------- */
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-addon-text-block {
width: 100%;
max-width: 390px;
}
.axsivs-tech-depth
.axsivs-tech-depth-source ul {
margin: 0;
padding: 0;
list-style: none;
}
.axsivs-tech-depth
.axsivs-tech-depth-source li {
position: relative;
margin: 0;
padding: 0 0 21px 20px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px;
line-height: 1.55;
color: rgba(15, 20, 30, 0.72);
}
.axsivs-tech-depth
.axsivs-tech-depth-source li:last-child {
padding-bottom: 0;
}
.axsivs-tech-depth
.axsivs-tech-depth-source li::before {
content: "";
position: absolute;
top: 0.77em;
left: 0;
width: 7px;
height: 2px;
background: #3567ff;
}
/* =========================================================
ПРАВАЯ КОЛОНКА — ТЕХНИЧЕСКАЯ ПАНЕЛЬ
[COLUMN] .axsivs-tech-depth-panel
========================================================= */
.axsivs-tech-depth .axsivs-tech-depth-panel {
padding-left: 16px;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 38px 42px 34px;
background: #f7f9fc;
border: 1px solid rgba(20, 30, 50, 0.10);
border-radius: 18px;
overflow: hidden;
}
/* ---------------------------------------------------------
Верхний синий акцент — по центру панели
--------------------------------------------------------- */
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons::before {
content: "";
position: absolute;
top: -1px;
left: 50%;
width: 38px;
height: 2px;
background: #3567ff;
transform: translateX(-50%);
}
/* ---------------------------------------------------------
Заголовок "Техническая сторона" — по центру
--------------------------------------------------------- */
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons
> .sppb-addon-wrapper:first-child {
margin-bottom: 34px;
text-align: center;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel h3 {
width: 100%;
margin: 0;
font-family: "Inter", Arial, sans-serif !important;
font-size: 30px !important;
font-weight: 500;
line-height: 1.18 !important;
letter-spacing: -0.55px;
color: #10141c;
text-align: center !important;
}
/* =========================================================
TECHNICAL CHECKLIST
[ADDON] .axsivs-tech-checklist
========================================================= */
.axsivs-tech-checklist,
.axsivs-tech-checklist.sppb-addon-text-block,
.axsivs-tech-checklist .sppb-addon-content {
width: 100% !important;
max-width: none !important;
}
.axsivs-tech-checklist ul {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
width: 100%;
max-width: none;
column-gap: 34px;
row-gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.axsivs-tech-checklist li {
position: relative;
width: 100%;
min-width: 0;
margin: 0 0 15px;
padding: 0 0 15px 19px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: rgba(15, 20, 30, 0.72);
border-bottom: 1px solid rgba(20, 30, 50, 0.075);
}
/* последний ряд без нижних линий */
.axsivs-tech-checklist li:nth-last-child(-n + 2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.axsivs-tech-checklist li::before {
content: "";
position: absolute;
top: 0.68em;
left: 0;
width: 7px;
height: 2px;
background: #3567ff;
}
/* =========================================================
SECTION 5 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-depth {
padding: 88px 0 96px;
}
.axsivs-tech-depth h2 {
margin-bottom: 50px;
font-size: 44px;
line-height: 1.09;
letter-spacing: -1px;
}
.axsivs-tech-depth .axsivs-tech-depth-source {
padding-right: 30px;
}
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-column-addons {
padding-top: 31px;
}
.axsivs-tech-depth
.axsivs-tech-depth-source h3 {
font-size: 27px !important;
}
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-column-addons
> .sppb-addon-wrapper:first-child {
margin-bottom: 25px;
}
.axsivs-tech-depth .axsivs-tech-depth-panel {
padding-left: 8px;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons {
padding: 31px 27px 27px;
border-radius: 16px;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel h3 {
font-size: 27px !important;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons
> .sppb-addon-wrapper:first-child {
margin-bottom: 28px;
}
.axsivs-tech-checklist ul {
column-gap: 26px;
}
.axsivs-tech-checklist li {
font-size: 14.5px;
white-space: normal;
}
}
/* =========================================================
SECTION 5 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-depth {
padding: 68px 0 76px;
}
.axsivs-tech-depth h2 {
margin-bottom: 38px;
font-size: 36px;
line-height: 1.1;
letter-spacing: -0.8px;
}
.axsivs-tech-depth .axsivs-tech-depth-source {
padding-right: 0;
margin-bottom: 42px;
}
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-column-addons {
padding-top: 0;
}
.axsivs-tech-depth
.axsivs-tech-depth-source h3 {
font-size: 26px !important;
}
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-column-addons
> .sppb-addon-wrapper:first-child {
margin-bottom: 23px;
}
.axsivs-tech-depth
.axsivs-tech-depth-source
.sppb-addon-text-block {
max-width: 100%;
}
.axsivs-tech-depth
.axsivs-tech-depth-source li {
padding-bottom: 17px;
font-size: 16px;
}
.axsivs-tech-depth .axsivs-tech-depth-panel {
padding-left: 0;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons {
height: auto;
padding: 29px 23px 26px;
border-radius: 15px;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons::before {
left: 23px;
width: 34px;
transform: none;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel
.sppb-column-addons
> .sppb-addon-wrapper:first-child {
margin-bottom: 24px;
text-align: left;
}
.axsivs-tech-depth
.axsivs-tech-depth-panel h3 {
font-size: 26px !important;
text-align: left !important;
}
.axsivs-tech-checklist ul {
grid-template-columns: 1fr;
column-gap: 0;
}
.axsivs-tech-checklist li {
margin-bottom: 14px;
padding-bottom: 14px;
font-size: 15px;
white-space: normal;
}
.axsivs-tech-checklist li:nth-last-child(2) {
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(20, 30, 50, 0.075);
}
.axsivs-tech-checklist li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 6 — PLATFORMS
.axsivs-tech-platforms
========================================================= */
.axsivs-tech-platforms {
padding: 112px 0 124px;
background: #f7f8fa;
}
/* =========================================================
ГЛАВНЫЙ ЗАГОЛОВОК
========================================================= */
.axsivs-tech-platforms
.axsivs-tech-platforms-title h2,
.axsivs-tech-platforms
.axsivs-tech-platforms-title .sppb-addon-title {
width: 100%;
max-width: none;
margin: 0 0 64px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 44px !important;
font-weight: 500;
line-height: 1.1 !important;
letter-spacing: -1.1px !important;
color: #0f141c;
text-align: left !important;
text-transform: none !important;
}
/* =========================================================
НИЖНИЙ РЯД 7 / 5
========================================================= */
.axsivs-tech-platforms
.sppb-row:has(.axsivs-tech-platform-joomla) {
align-items: stretch;
}
/* =========================================================
ОБЩИЕ ПРАВИЛА ДЛЯ ДВУХ ПЛАТФОРМ
========================================================= */
.axsivs-tech-platform-joomla,
.axsivs-tech-platform-wordpress {
height: 100%;
}
.axsivs-tech-platform-joomla .sppb-column-addons,
.axsivs-tech-platform-wordpress .sppb-column-addons {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
/* ---------------------------------------------------------
H3 Joomla / WordPress
--------------------------------------------------------- */
.axsivs-tech-platform-joomla h3,
.axsivs-tech-platform-wordpress h3 {
margin: 0 0 22px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 40px !important;
font-weight: 500;
line-height: 1.08 !important;
letter-spacing: -1px;
color: #10141c;
}
/* ---------------------------------------------------------
Основной текст
--------------------------------------------------------- */
.axsivs-tech-platform-joomla .sppb-addon-content,
.axsivs-tech-platform-wordpress .sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px;
line-height: 1.62;
color: rgba(15, 20, 30, 0.74);
}
.axsivs-tech-platform-joomla .sppb-addon-content p,
.axsivs-tech-platform-wordpress .sppb-addon-content p {
margin: 0 0 20px;
}
.axsivs-tech-platform-joomla .sppb-addon-content p:last-child,
.axsivs-tech-platform-wordpress .sppb-addon-content p:last-child {
margin-bottom: 0;
}
/* ---------------------------------------------------------
Жирная вводная строка
--------------------------------------------------------- */
.axsivs-tech-platform-joomla .sppb-addon-content strong,
.axsivs-tech-platform-wordpress .sppb-addon-content strong {
font-weight: 500;
color: #151a22;
}
/* =========================================================
JOOMLA — ОСНОВНАЯ СПЕЦИАЛИЗАЦИЯ
========================================================= */
.axsivs-tech-platform-joomla {
padding-right: 14px;
}
.axsivs-tech-platform-joomla .sppb-column-addons {
padding: 46px 48px 44px;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, 0.10);
border-radius: 18px;
box-shadow:
0 18px 48px rgba(18, 28, 48, 0.045);
}
/* синий верхний акцент */
.axsivs-tech-platform-joomla .sppb-column-addons::before {
content: "";
position: absolute;
top: -1px;
left: 48px;
width: 46px;
height: 2px;
background: #3567ff;
}
/* едва заметный технический слой */
.axsivs-tech-platform-joomla .sppb-column-addons::after {
content: "";
position: absolute;
right: -90px;
bottom: -120px;
width: 280px;
height: 280px;
border: 1px solid rgba(53, 103, 255, 0.055);
border-radius: 50%;
pointer-events: none;
}
/* ---------------------------------------------------------
Joomla intro
--------------------------------------------------------- */
.axsivs-tech-platform-joomla
.sppb-addon-text-block {
position: relative;
z-index: 1;
max-width: 690px;
}
/* =========================================================
JOOMLA BUTTON
========================================================= */
.axsivs-tech-platform-joomla
.sppb-button-wrapper {
position: relative;
z-index: 1;
margin-top: 34px;
text-align: left !important;
}
.axsivs-tech-platform-joomla
.sppb-btn {
padding: 15px 25px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 15px;
font-weight: 500;
line-height: 1;
background: #3567ff;
color: #ffffff;
border: 1px solid #3567ff;
border-radius: 8px;
box-shadow: none;
transition:
transform 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease;
}
@media (hover: hover) {
.axsivs-tech-platform-joomla
.sppb-btn:hover {
transform: translateY(-2px);
background: #2858eb;
border-color: #2858eb;
color: #ffffff;
}
}
/* =========================================================
WORDPRESS — ВТОРИЧНОЕ ТЕХНИЧЕСКОЕ НАПРАВЛЕНИЕ
========================================================= */
.axsivs-tech-platform-wordpress {
padding-left: 14px;
}
.axsivs-tech-platform-wordpress .sppb-column-addons {
padding: 46px 42px 44px;
background: rgba(255, 255, 255, 0.52);
border: 1px solid rgba(20, 30, 50, 0.08);
border-radius: 18px;
}
/* нейтральный верхний акцент */
.axsivs-tech-platform-wordpress .sppb-column-addons::before {
content: "";
position: absolute;
top: -1px;
left: 42px;
width: 34px;
height: 2px;
background: rgba(35, 45, 60, 0.28);
}
/* ---------------------------------------------------------
WordPress content
--------------------------------------------------------- */
.axsivs-tech-platform-wordpress
.sppb-addon-text-block {
max-width: 500px;
}
/* ---------------------------------------------------------
Последняя фраза:
"Новые сайты на WordPress не разрабатываем."
--------------------------------------------------------- */
.axsivs-tech-platform-wordpress
.sppb-addon-content p:last-child {
position: relative;
margin-top: 30px;
padding-top: 22px;
font-size: 15px;
line-height: 1.5;
color: rgba(15, 20, 30, 0.60);
border-top: 1px solid rgba(20, 30, 50, 0.09);
}
/* =========================================================
SECTION 6 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-platforms {
padding: 88px 0 96px;
}
.axsivs-tech-platforms
.axsivs-tech-platforms-title h2,
.axsivs-tech-platforms
.axsivs-tech-platforms-title .sppb-addon-title {
margin-bottom: 50px;
font-size: 40px !important;
line-height: 1.1 !important;
letter-spacing: -1px !important;
white-space: normal;
}
.axsivs-tech-platform-joomla {
padding-right: 9px;
}
.axsivs-tech-platform-wordpress {
padding-left: 9px;
}
.axsivs-tech-platform-joomla .sppb-column-addons,
.axsivs-tech-platform-wordpress .sppb-column-addons {
padding: 38px 30px 36px;
border-radius: 16px;
}
.axsivs-tech-platform-joomla .sppb-column-addons::before {
left: 30px;
}
.axsivs-tech-platform-wordpress .sppb-column-addons::before {
left: 30px;
}
.axsivs-tech-platform-joomla h3,
.axsivs-tech-platform-wordpress h3 {
margin-bottom: 18px;
font-size: 34px !important;
}
.axsivs-tech-platform-joomla .sppb-addon-content,
.axsivs-tech-platform-wordpress .sppb-addon-content {
font-size: 15px;
}
.axsivs-tech-platform-joomla
.sppb-button-wrapper {
margin-top: 28px;
}
}
/* =========================================================
SECTION 6 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-platforms {
padding: 68px 0 76px;
}
.axsivs-tech-platforms
.axsivs-tech-platforms-title h2,
.axsivs-tech-platforms
.axsivs-tech-platforms-title .sppb-addon-title {
margin-bottom: 38px;
font-size: 36px !important;
line-height: 1.1 !important;
letter-spacing: -0.8px !important;
white-space: normal;
}
/* -----------------------------------------------
Joomla
----------------------------------------------- */
.axsivs-tech-platform-joomla {
padding-right: 0;
margin-bottom: 22px;
}
.axsivs-tech-platform-joomla .sppb-column-addons {
padding: 31px 24px 30px;
border-radius: 15px;
}
.axsivs-tech-platform-joomla .sppb-column-addons::before {
left: 24px;
width: 38px;
}
.axsivs-tech-platform-joomla .sppb-column-addons::after {
display: none;
}
/* -----------------------------------------------
WordPress
----------------------------------------------- */
.axsivs-tech-platform-wordpress {
padding-left: 0;
}
.axsivs-tech-platform-wordpress .sppb-column-addons {
padding: 31px 24px 30px;
border-radius: 15px;
}
.axsivs-tech-platform-wordpress .sppb-column-addons::before {
left: 24px;
}
/* -----------------------------------------------
Typography
----------------------------------------------- */
.axsivs-tech-platform-joomla h3,
.axsivs-tech-platform-wordpress h3 {
margin-bottom: 17px;
font-size: 31px !important;
letter-spacing: -0.7px;
}
.axsivs-tech-platform-joomla .sppb-addon-content,
.axsivs-tech-platform-wordpress .sppb-addon-content {
font-size: 15px;
line-height: 1.58;
}
.axsivs-tech-platform-wordpress
.sppb-addon-content p:last-child {
margin-top: 24px;
padding-top: 19px;
}
.axsivs-tech-platform-joomla
.sppb-button-wrapper {
margin-top: 27px;
}
.axsivs-tech-platform-joomla
.sppb-btn {
padding: 14px 22px;
font-size: 14px;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 7 — REAL TASK EXAMPLES
.axsivs-tech-examples
========================================================= */
.axsivs-tech-examples {
padding: 82px 0 88px;
background: #121a25;
color: #ffffff;
}
/* =========================================================
ГЛАВНЫЙ ЗАГОЛОВОК
========================================================= */
.axsivs-tech-examples h2 {
width: 100%;
max-width: none;
margin: 0 0 46px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 46px !important;
font-weight: 500;
line-height: 1.08 !important;
letter-spacing: -1.2px;
color: #ffffff;
text-align: left !important;
}
/* =========================================================
ROW
========================================================= */
/* расстояние между двумя рядами */
.axsivs-tech-examples
.sppb-row-container + .sppb-row-container {
margin-top: 14px !important;
}
/* =========================================================
TEXT BLOCK — ОДНА ЗАДАЧА
========================================================= */
.axsivs-tech-examples .sppb-addon-text-block {
position: relative;
display: flex !important;
align-items: center;
width: 100%;
height: auto !important;
min-height: 132px !important;
box-sizing: border-box;
padding: 26px 30px !important;
border-top: 1px solid rgba(255, 255, 255, 0.13);
transition:
background-color 0.22s ease,
border-color 0.22s ease;
}
/* =========================================================
СИНИЙ АКЦЕНТ
========================================================= */
.axsivs-tech-examples .sppb-addon-text-block::before {
content: "";
position: absolute;
top: -1px;
left: 30px;
width: 32px;
height: 2px;
background: #4d75ff;
}
/* =========================================================
ТЕКСТ
========================================================= */
.axsivs-tech-examples
.sppb-addon-text-block
.sppb-addon-content {
width: 100%;
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-tech-examples
.sppb-addon-text-block
.sppb-addon-content p {
width: 100%;
max-width: 340px;
margin: 0 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 18px !important;
font-weight: 400;
line-height: 1.45 !important;
letter-spacing: -0.2px;
color: rgba(255, 255, 255, 0.90);
}
/* =========================================================
ВЕРТИКАЛЬНЫЕ РАЗДЕЛИТЕЛИ
========================================================= */
.axsivs-tech-examples
.sppb-row-container
.sppb-row
> [class*="sppb-col-"] {
position: relative;
}
.axsivs-tech-examples
.sppb-row-container
.sppb-row
> [class*="sppb-col-"]:not(:last-child)::after {
content: "";
position: absolute;
top: 25px;
right: 0;
bottom: 25px;
width: 1px;
background: rgba(255, 255, 255, 0.08);
}
/* =========================================================
НИЖНЯЯ ЛИНИЯ ВТОРОГО РЯДА
========================================================= */
.axsivs-tech-examples
.sppb-row-container:last-child
.sppb-addon-text-block {
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
/* =========================================================
HOVER
========================================================= */
@media (hover: hover) {
.axsivs-tech-examples .sppb-addon-text-block:hover {
background: rgba(255, 255, 255, 0.035);
border-color: rgba(77, 117, 255, 0.28);
}
}
/* =========================================================
SECTION 7 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-examples {
padding: 72px 0 78px;
}
.axsivs-tech-examples h2 {
margin-bottom: 38px;
font-size: 40px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px;
}
.axsivs-tech-examples .sppb-addon-text-block {
height: auto !important;
min-height: 155px !important;
padding: 25px 23px !important;
}
.axsivs-tech-examples .sppb-addon-text-block::before {
left: 23px;
}
.axsivs-tech-examples
.sppb-addon-text-block
.sppb-addon-content p {
font-size: 16.5px !important;
}
}
/* =========================================================
SECTION 7 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-examples {
padding: 62px 0 68px;
}
.axsivs-tech-examples h2 {
margin-bottom: 32px;
font-size: 36px !important;
line-height: 1.1 !important;
letter-spacing: -0.8px;
}
.axsivs-tech-examples
.sppb-row-container + .sppb-row-container {
margin-top: 0 !important;
}
.axsivs-tech-examples .sppb-addon-text-block {
height: auto !important;
min-height: 0 !important;
padding: 27px 21px !important;
}
.axsivs-tech-examples .sppb-addon-text-block::before {
left: 21px;
width: 30px;
}
.axsivs-tech-examples
.sppb-addon-text-block
.sppb-addon-content p {
max-width: none;
font-size: 17px !important;
line-height: 1.48 !important;
}
.axsivs-tech-examples
.sppb-row-container
.sppb-row
> [class*="sppb-col-"]::after {
display: none;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 8 — PROCESS
.axsivs-tech-process
========================================================= */
.axsivs-tech-process {
padding: 96px 0 104px;
background: #ffffff;
counter-reset: axsivs-process-step;
}
/* =========================================================
ГЛАВНЫЙ ЗАГОЛОВОК
========================================================= */
.axsivs-tech-process h2,
.axsivs-tech-process .sppb-addon-heading .sppb-addon-title {
width: 100% !important;
max-width: none !important;
margin: 0 0 58px !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 50px !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -1.3px !important;
color: #10141c;
text-align: left !important;
}
/* =========================================================
4 ШАГА
========================================================= */
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block {
position: relative;
width: 100%;
min-height: 250px;
padding: 30px 26px 20px 0;
border-top: 1px solid rgba(20, 30, 50, 0.12);
counter-increment: axsivs-process-step;
}
/* =========================================================
КОРОТКИЙ СИНИЙ ШТРИХ
========================================================= */
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block::after {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 38px;
height: 2px;
background: #3567ff;
}
/* =========================================================
НОМЕР 01 / 02 / 03 / 04
========================================================= */
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block::before {
content: counter(axsivs-process-step, decimal-leading-zero);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 26px;
margin: 0 0 28px;
padding: 0 9px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 13px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.5px;
color: #3567ff;
background: rgba(53, 103, 255, 0.07);
border: 1px solid rgba(53, 103, 255, 0.14);
border-radius: 6px;
}
/* =========================================================
H3
========================================================= */
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block .sppb-addon-title,
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block h3 {
width: 100%;
max-width: 235px;
margin: 0 0 16px !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 25px !important;
font-weight: 500 !important;
line-height: 1.18 !important;
letter-spacing: -0.5px !important;
color: #10141c;
}
/* =========================================================
ОПИСАНИЕ
========================================================= */
.axsivs-tech-process
.axsivs-tech-process-row
.sppb-addon-text-block
.sppb-addon-content {
width: 100%;
max-width: 245px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 15.5px;
line-height: 1.55;
color: rgba(15, 20, 30, 0.66);
}
.axsivs-tech-process
.axsivs-tech-process-row
.sppb-addon-text-block
.sppb-addon-content p {
margin: 0;
}
/* =========================================================
ВЕРТИКАЛЬНЫЙ РИТМ МЕЖДУ ШАГАМИ
========================================================= */
.axsivs-tech-process
.axsivs-tech-process-row
> [class*="sppb-col-"]:not(:first-child) {
padding-left: 28px;
}
/* =========================================================
HOVER — МИНИМАЛЬНЫЙ
========================================================= */
@media (hover: hover) {
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block::before {
transition:
background-color 0.2s ease,
border-color 0.2s ease;
}
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block:hover::before {
background: rgba(53, 103, 255, 0.11);
border-color: rgba(53, 103, 255, 0.25);
}
}
/* =========================================================
SECTION 8 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-process {
padding: 82px 0 88px;
}
.axsivs-tech-process h2,
.axsivs-tech-process .sppb-addon-heading .sppb-addon-title {
margin-bottom: 46px !important;
font-size: 42px !important;
line-height: 1.1 !important;
letter-spacing: -1px !important;
}
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block {
min-height: 265px;
padding-right: 18px;
}
.axsivs-tech-process
.axsivs-tech-process-row
> [class*="sppb-col-"]:not(:first-child) {
padding-left: 20px;
}
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block .sppb-addon-title,
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block h3 {
font-size: 22px !important;
}
.axsivs-tech-process
.axsivs-tech-process-row
.sppb-addon-text-block
.sppb-addon-content {
font-size: 15px;
}
}
/* =========================================================
SECTION 8 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-process {
padding: 64px 0 72px;
}
.axsivs-tech-process h2,
.axsivs-tech-process .sppb-addon-heading .sppb-addon-title {
margin-bottom: 34px !important;
font-size: 36px !important;
line-height: 1.1 !important;
letter-spacing: -0.8px !important;
}
.axsivs-tech-process
.axsivs-tech-process-row
> [class*="sppb-col-"] {
padding-left: 0 !important;
}
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block {
min-height: 0;
padding: 27px 0 31px;
}
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block::before {
margin-bottom: 20px;
}
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block .sppb-addon-title,
.axsivs-tech-process .axsivs-tech-process-row .sppb-addon-text-block h3 {
max-width: none;
margin-bottom: 11px !important;
font-size: 23px !important;
}
.axsivs-tech-process
.axsivs-tech-process-row
.sppb-addon-text-block
.sppb-addon-content {
max-width: none;
font-size: 16px;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 9 — PRICE
.axsivs-tech-price
========================================================= */
.axsivs-tech-price {
padding: 96px 0 104px;
background: #f7f9fc;
border-top: 1px solid rgba(20, 30, 50, 0.06);
}
/* =========================================================
ОСНОВНОЙ РЯД
========================================================= */
.axsivs-tech-price .sppb-row {
align-items: center;
}
/* =========================================================
ЛЕВАЯ КОЛОНКА — H2
========================================================= */
.axsivs-tech-price h2,
.axsivs-tech-price .sppb-addon-heading .sppb-addon-title {
width: 100%;
max-width: 500px;
margin: 0 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 44px !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -1.1px !important;
color: #10141c;
text-align: left !important;
}
/* =========================================================
ПРАВАЯ КОЛОНКА
========================================================= */
.axsivs-tech-price
.sppb-row > div:nth-child(2) {
padding-left: 42px;
}
/* =========================================================
ТЕКСТОВАЯ ПАНЕЛЬ
========================================================= */
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
position: relative;
width: 100%;
max-width: 700px;
box-sizing: border-box;
padding: 38px 42px;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, 0.09);
border-radius: 16px;
}
/* ---------------------------------------------------------
Верхний синий акцент
--------------------------------------------------------- */
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-text-block::before {
content: "";
position: absolute;
top: -1px;
left: 42px;
width: 38px;
height: 2px;
background: #3567ff;
}
/* =========================================================
ОСНОВНОЙ ТЕКСТ
========================================================= */
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 17px;
line-height: 1.6;
color: rgba(15, 20, 30, 0.72);
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content p {
margin: 0 0 22px;
}
/* =========================================================
ФИНАЛЬНЫЙ АКЦЕНТ
========================================================= */
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content p:last-child {
margin: 30px 0 0;
padding-top: 22px;
border-top: 1px solid rgba(20, 30, 50, 0.09);
}
.axsivs-tech-price
.sppb-addon-content strong {
font-weight: 500;
color: #10141c;
}
/* =========================================================
SECTION 9 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-price {
padding: 82px 0 88px;
}
.axsivs-tech-price h2,
.axsivs-tech-price .sppb-addon-heading .sppb-addon-title {
max-width: 390px;
font-size: 40px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px !important;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2) {
padding-left: 24px;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
padding: 32px 30px;
border-radius: 15px;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-text-block::before {
left: 30px;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content {
font-size: 16px;
}
}
/* =========================================================
SECTION 9 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-price {
padding: 64px 0 72px;
}
.axsivs-tech-price .sppb-row {
align-items: initial;
}
.axsivs-tech-price h2,
.axsivs-tech-price .sppb-addon-heading .sppb-addon-title {
max-width: 100%;
margin-bottom: 34px !important;
font-size: 36px !important;
line-height: 1.1 !important;
letter-spacing: -0.8px !important;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2) {
padding-left: 0;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-text-block {
max-width: none;
padding: 28px 23px;
border-radius: 15px;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-text-block::before {
left: 23px;
width: 34px;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content {
font-size: 16px;
line-height: 1.58;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content p {
margin-bottom: 18px;
}
.axsivs-tech-price
.sppb-row > div:nth-child(2)
.sppb-addon-content p:last-child {
margin-top: 24px;
padding-top: 19px;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
SECTION 10 — FINAL CTA
.axsivs-tech-cta
========================================================= */
.axsivs-tech-cta {
position: relative;
padding: 104px 0 112px;
background:
radial-gradient(
circle at 78% 34%,
rgba(53, 103, 255, 0.10) 0%,
rgba(53, 103, 255, 0.035) 28%,
transparent 56%
),
#ffffff;
overflow: hidden;
}
/* =========================================================
ВЕРХНИЙ АКЦЕНТ
========================================================= */
.axsivs-tech-cta::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgba(53, 103, 255, 0.34),
transparent
);
}
/* =========================================================
ЛЁГКИЙ ТЕХНИЧЕСКИЙ ЭЛЕМЕНТ СПРАВА
========================================================= */
.axsivs-tech-cta::after {
content: "";
position: absolute;
width: 360px;
height: 360px;
right: -170px;
bottom: -220px;
border: 1px solid rgba(53, 103, 255, 0.055);
border-radius: 50%;
pointer-events: none;
}
/* =========================================================
КОНТЕНТ
========================================================= */
.axsivs-tech-cta .sppb-container {
position: relative;
z-index: 2;
}
/* =========================================================
H2
========================================================= */
.axsivs-tech-cta h2,
.axsivs-tech-cta .sppb-addon-heading .sppb-addon-title {
width: 100%;
max-width: 760px;
margin: 0 0 26px !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 54px !important;
font-weight: 500 !important;
line-height: 1.06 !important;
letter-spacing: -1.45px !important;
color: #10141c;
text-align: left !important;
}
/* =========================================================
ТЕКСТ
========================================================= */
.axsivs-tech-cta .sppb-addon-text-block {
width: 100%;
max-width: 720px;
}
.axsivs-tech-cta .sppb-addon-content {
font-family: "Inter", Arial, sans-serif !important;
font-size: 18px;
line-height: 1.6;
color: rgba(15, 20, 30, 0.72);
}
.axsivs-tech-cta .sppb-addon-content p {
margin: 0 0 18px;
}
/* ---------------------------------------------------------
Вторая строка — специализация
--------------------------------------------------------- */
.axsivs-tech-cta .sppb-addon-content p:last-child {
margin: 27px 0 0;
font-size: 14px;
line-height: 1.5;
color: rgba(15, 20, 30, 0.60);
}
/* =========================================================
BUTTON
========================================================= */
.axsivs-tech-cta .sppb-button-wrapper {
margin-top: 36px;
text-align: left !important;
}
.axsivs-tech-cta .sppb-btn {
padding: 16px 27px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 15px;
font-weight: 500;
line-height: 1;
color: #ffffff;
background: #3567ff;
border: 1px solid #3567ff;
border-radius: 8px;
box-shadow: none;
transition:
transform 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease;
}
@media (hover: hover) {
.axsivs-tech-cta .sppb-btn:hover {
transform: translateY(-2px);
background: #2858eb;
border-color: #2858eb;
color: #ffffff;
}
}
/* =========================================================
SECTION 10 — TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-tech-cta {
padding: 84px 0 90px;
}
.axsivs-tech-cta h2,
.axsivs-tech-cta .sppb-addon-heading .sppb-addon-title {
max-width: 650px;
margin-bottom: 23px !important;
font-size: 45px !important;
line-height: 1.08 !important;
letter-spacing: -1.05px !important;
}
.axsivs-tech-cta .sppb-addon-content {
font-size: 17px;
}
}
/* =========================================================
SECTION 10 — MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-tech-cta {
padding: 66px 0 72px;
}
.axsivs-tech-cta::after {
display: none;
}
.axsivs-tech-cta h2,
.axsivs-tech-cta .sppb-addon-heading .sppb-addon-title {
max-width: 100%;
margin-bottom: 20px !important;
font-size: 38px !important;
line-height: 1.08 !important;
letter-spacing: -0.8px !important;
}
.axsivs-tech-cta .sppb-addon-text-block {
max-width: 100%;
}
.axsivs-tech-cta .sppb-addon-content {
font-size: 16px;
line-height: 1.58;
}
.axsivs-tech-cta .sppb-addon-content p:last-child {
margin-top: 22px;
font-size: 13px;
}
.axsivs-tech-cta .sppb-button-wrapper {
margin-top: 30px;
}
.axsivs-tech-cta .sppb-btn {
padding: 15px 23px;
font-size: 14px;
}
}
/* =========================================================
AXSIVS — TECHNICAL WORKS
FINAL REVIEW — CONSISTENCY
========================================================= */
/* Кнопки: обычный sentence case, без шаблонного Capitalize */
.axsivs-tech-hero .sppb-btn,
.axsivs-tech-platform-joomla .sppb-btn,
.axsivs-tech-cta .sppb-btn {
text-transform: none !important;
}
/* Предохраняем кнопки от внешнего letter-spacing */
.axsivs-tech-hero .sppb-btn,
.axsivs-tech-platform-joomla .sppb-btn,
.axsivs-tech-cta .sppb-btn {
letter-spacing: 0 !important;
}
/* =========================================================
AXSIVS — JOOMLA PAGE V2
Self-contained styles for 8-section SP Page Builder import
========================================================= */
/* ---------- COMMON ---------- */
.axsivs-jv2-hero, .axsivs-jv2-focus, .axsivs-jv2-new, .axsivs-jv2-existing,
.axsivs-jv2-migration, .axsivs-jv2-extensions, .axsivs-jv2-tasks, .axsivs-jv2-cta {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-jv2-hero *, .axsivs-jv2-focus *, .axsivs-jv2-new *, .axsivs-jv2-existing *,
.axsivs-jv2-migration *, .axsivs-jv2-extensions *, .axsivs-jv2-tasks *, .axsivs-jv2-cta * { box-sizing: border-box; }
.axsivs-jv2-kicker .sppb-addon-content { margin: 0 0 18px !important; }
.axsivs-jv2-kicker span {
display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px;
color: #3567ff; background: rgba(53,103,255,.065); border: 1px solid rgba(53,103,255,.13);
border-radius: 6px; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .25px;
}
.axsivs-jv2-kicker-dark span { color:#8eacff; background:rgba(86,125,255,.10); border-color:rgba(112,145,255,.24); }
.axsivs-jv2-secondary-btn .sppb-button-wrapper, .axsivs-jv2-primary-btn .sppb-button-wrapper { margin-top: 30px; text-align:left!important; }
.axsivs-jv2-secondary-btn .sppb-btn { padding:14px 23px!important; color:#2858eb!important; background:transparent!important; border:1px solid rgba(53,103,255,.52)!important; border-radius:8px!important; box-shadow:none!important; font-size:15px!important; font-weight:500!important; text-transform:none!important; transition:.2s ease; }
.axsivs-jv2-primary-btn .sppb-btn, .axsivs-jv2-cta-button .sppb-btn { padding:15px 25px!important; color:#fff!important; background:#3567ff!important; border:1px solid #3567ff!important; border-radius:9px!important; box-shadow:none!important; font-size:15px!important; font-weight:600!important; text-transform:none!important; transition:.2s ease; }
@media (hover:hover) {
.axsivs-jv2-secondary-btn .sppb-btn:hover { color:#fff!important; background:#3567ff!important; border-color:#3567ff!important; transform:translateY(-2px); }
.axsivs-jv2-primary-btn .sppb-btn:hover, .axsivs-jv2-cta-button .sppb-btn:hover { background:#1747e8!important; border-color:#1747e8!important; transform:translateY(-2px); }
}
/* ---------- 1 HERO ---------- */
.axsivs-jv2-hero { position:relative; padding:94px 0 98px!important; background:#fff; overflow:hidden; }
.axsivs-jv2-hero .sppb-row { align-items:center; }
.axsivs-jv2-hero-copy .sppb-column-addons { padding-right:48px; }
.axsivs-jv2-hero-title h1, .axsivs-jv2-hero-title .sppb-addon-title { max-width:650px; margin:0 0 28px!important; color:#0f141d!important; font-size:62px!important; font-weight:500!important; line-height:1.02!important; letter-spacing:-2.1px!important; text-transform:none!important; }
.axsivs-jv2-hero-text { max-width:610px; }
.axsivs-jv2-hero-text p { margin:0 0 18px!important; color:rgba(15,20,30,.69)!important; font-size:17px!important; line-height:1.62!important; }
.axsivs-jv2-hero-text p:last-child { margin-bottom:0!important; }
.axsivs-jv2-hero-media .sppb-column-addons { position:relative; padding-left:22px; }
.axsivs-jv2-hero-media .sppb-column-addons::before { content:""; position:absolute; width:380px; height:380px; right:8%; top:50%; transform:translateY(-50%); border:1px solid rgba(53,103,255,.06); border-radius:50%; pointer-events:none; }
.axsivs-jv2-hero-visual img { width:100%!important; height:auto!important; display:block; border-radius:24px; }
/* ---------- 2 FOCUS ---------- */
.axsivs-jv2-focus { padding:94px 0 98px!important; background:#f6f8fc; border-top:1px solid rgba(20,30,50,.04); }
.axsivs-jv2-focus .sppb-row { align-items:center; }
.axsivs-jv2-focus-copy .sppb-column-addons { padding-right:56px; }
.axsivs-jv2-focus-copy h2, .axsivs-jv2-focus-copy .sppb-addon-title { max-width:480px; margin:0 0 25px!important; color:#10141c!important; font-size:47px!important; font-weight:500!important; line-height:1.08!important; letter-spacing:-1.15px!important; text-transform:none!important; }
.axsivs-jv2-copy-text p { margin:0 0 18px!important; color:rgba(15,20,30,.69)!important; font-size:17px!important; line-height:1.62!important; }
.axsivs-jv2-copy-text p:last-child { margin-bottom:0!important; }
.axsivs-jv2-focus-board { position:relative; padding:34px 38px 28px; background:rgba(255,255,255,.64); border:1px solid rgba(20,30,50,.075); border-radius:18px; overflow:hidden; }
.axsivs-jv2-focus-board::before { content:""; position:absolute; top:-1px; left:38px; width:44px; height:2px; background:#3567ff; }
.axsivs-jv2-focus-board__head { padding-bottom:24px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-jv2-focus-board__head span { display:block; margin-bottom:7px; color:#10141c; font-size:26px; font-weight:500; letter-spacing:-.45px; }
.axsivs-jv2-focus-board__head small { color:rgba(15,20,30,.54); font-size:14px; line-height:1.45; }
.axsivs-jv2-focus-board__item { display:grid; grid-template-columns:44px 1fr; gap:12px; padding:23px 0; border-bottom:1px solid rgba(20,30,50,.085); }
.axsivs-jv2-focus-board__item:last-child { border-bottom:0; padding-bottom:2px; }
.axsivs-jv2-focus-board__item b { padding-top:3px; color:#3567ff; font-size:12px; font-weight:600; letter-spacing:.5px; }
.axsivs-jv2-focus-board__item h3 { margin:0 0 7px!important; color:#10141c!important; font-size:21px!important; font-weight:500!important; line-height:1.2!important; text-transform:none!important; }
.axsivs-jv2-focus-board__item p { margin:0!important; color:rgba(15,20,30,.63)!important; font-size:15px!important; line-height:1.55!important; }
/* ---------- 3 NEW ---------- */
.axsivs-jv2-new { padding:98px 0 104px!important; background:#fff; }
.axsivs-jv2-new .sppb-row { align-items:center; }
.axsivs-jv2-new-copy .sppb-column-addons { padding-right:56px; }
.axsivs-jv2-new-copy h2, .axsivs-jv2-new-copy .sppb-addon-title { max-width:450px; margin:0 0 25px!important; color:#10141c!important; font-size:47px!important; font-weight:500!important; line-height:1.08!important; letter-spacing:-1.15px!important; text-transform:none!important; }
.axsivs-jv2-new-panel { position:relative; padding:38px 42px 34px; background:#f7f9fc; border:1px solid rgba(20,30,50,.075); border-radius:18px; overflow:hidden; }
.axsivs-jv2-new-panel::before { content:""; position:absolute; top:-1px; left:42px; width:44px; height:2px; background:#3567ff; }
.axsivs-jv2-new-panel__top { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding-bottom:24px; }
.axsivs-jv2-new-panel__top span { color:#10141c; font-size:27px; font-weight:500; letter-spacing:-.5px; }
.axsivs-jv2-new-panel__top small { max-width:200px; color:rgba(15,20,30,.50); font-size:12px; line-height:1.4; text-align:right; }
.axsivs-jv2-new-panel ul { list-style:none; margin:0; padding:0; border-top:1px solid rgba(20,30,50,.09); }
.axsivs-jv2-new-panel li { position:relative; margin:0; padding:17px 0 17px 24px; border-bottom:1px solid rgba(20,30,50,.075); color:rgba(15,20,30,.72); font-size:16px; line-height:1.45; }
.axsivs-jv2-new-panel li::before { content:""; position:absolute; left:0; top:1.48em; width:8px; height:2px; background:#3567ff; }
.axsivs-jv2-new-panel__logic { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-top:22px; }
.axsivs-jv2-new-panel__logic span { color:#40506a; font-size:12px; font-weight:600; letter-spacing:.15px; }
.axsivs-jv2-new-panel__logic i { color:#8aa5ff; font-style:normal; }
/* ---------- 4 EXISTING ---------- */
.axsivs-jv2-existing { padding:96px 0 102px!important; background:#f7f9fc; border-top:1px solid rgba(20,30,50,.045); }
.axsivs-jv2-existing .sppb-row { align-items:center; }
.axsivs-jv2-existing-intro .sppb-column-addons { padding-right:56px; }
.axsivs-jv2-existing-intro h2, .axsivs-jv2-existing-intro .sppb-addon-title { max-width:470px; margin:0 0 25px!important; color:#10141c!important; font-size:47px!important; font-weight:500!important; line-height:1.08!important; letter-spacing:-1.15px!important; text-transform:none!important; }
.axsivs-jv2-existing-diagram { position:relative; width:100%; padding:38px 38px 34px; background:#fff; border:1px solid rgba(20,30,50,.09); border-radius:20px; box-shadow:0 18px 48px rgba(18,28,48,.04); overflow:hidden; }
.axsivs-jv2-existing-diagram::before { content:""; position:absolute; top:-1px; left:38px; width:46px; height:2px; background:#3567ff; }
.axsivs-jv2-existing-diagram::after { content:""; position:absolute; width:260px; height:260px; right:-145px; top:-155px; border:1px solid rgba(53,103,255,.055); border-radius:50%; }
.axsivs-jv2-existing-diagram__core { position:relative; z-index:1; max-width:520px; padding-bottom:34px; }
.axsivs-jv2-existing-diagram__eyebrow { display:inline-flex; align-items:center; min-height:27px; margin-bottom:18px; padding:0 10px; color:#3567ff; background:rgba(53,103,255,.07); border:1px solid rgba(53,103,255,.13); border-radius:6px; font-size:12px; font-weight:600; }
.axsivs-jv2-existing-diagram__core strong { display:block; margin-bottom:11px; color:#10141c; font-size:29px; font-weight:500; line-height:1.16; letter-spacing:-.55px; }
.axsivs-jv2-existing-diagram__core p { margin:0!important; max-width:500px; color:rgba(15,20,30,.64)!important; font-size:15.5px!important; line-height:1.56!important; }
.axsivs-jv2-existing-diagram__branches { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.90fr) minmax(0,1.20fr) minmax(0,.90fr); gap:18px; padding-top:31px; border-top:1px solid rgba(20,30,50,.10); }
.axsivs-jv2-existing-diagram__branches::before { content:""; position:absolute; top:-1px; left:0; width:42px; height:2px; background:#3567ff; }
.axsivs-jv2-existing-diagram__item { min-width:0; padding:20px 18px 19px; background:#f8f9fc; border:1px solid rgba(20,30,50,.07); border-radius:13px; transition:.2s ease; }
.axsivs-jv2-existing-diagram__item > span { display:block; margin-bottom:18px; color:#3567ff; font-size:12px; font-weight:600; letter-spacing:.5px; }
.axsivs-jv2-existing-diagram__item h3 { margin:0 0 10px!important; color:#10141c!important; font-size:18px!important; font-weight:500!important; line-height:1.20!important; letter-spacing:-.25px!important; text-transform:none!important; }
.axsivs-jv2-existing-diagram__item p { margin:0!important; color:rgba(15,20,30,.62)!important; font-size:14px!important; line-height:1.52!important; }
@media (hover:hover) { .axsivs-jv2-existing-diagram__item:hover { transform:translateY(-3px); background:#fff; border-color:rgba(53,103,255,.20); } }
/* ---------- 5 MIGRATION ---------- */
.axsivs-jv2-migration { padding:102px 0 106px!important; background:#fff; }
.axsivs-jv2-migration-col > .sppb-column-addons > .sppb-addon-heading h2,
.axsivs-jv2-migration-col > .sppb-column-addons > .sppb-addon-heading .sppb-addon-title { max-width:760px; margin:0 0 24px!important; color:#10141c!important; font-size:49px!important; font-weight:500!important; line-height:1.07!important; letter-spacing:-1.25px!important; text-transform:none!important; }
.axsivs-jv2-migration-intro { max-width:810px; margin-bottom:42px; }
.axsivs-jv2-migration-intro p { margin:0!important; color:rgba(15,20,30,.67)!important; font-size:17px!important; line-height:1.62!important; }
.axsivs-jv2-migration-map { padding:34px; background:#f7f9fc; border:1px solid rgba(20,30,50,.075); border-radius:20px; }
.axsivs-jv2-migration-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.axsivs-jv2-migration-step { min-height:228px; padding:22px 18px 20px; background:#fff; border:1px solid rgba(20,30,50,.075); border-radius:13px; }
.axsivs-jv2-migration-step b { display:block; margin-bottom:34px; color:#3567ff; font-size:12px; font-weight:600; letter-spacing:.55px; }
.axsivs-jv2-migration-step h3 { margin:0 0 11px!important; color:#10141c!important; font-size:19px!important; font-weight:500!important; line-height:1.2!important; text-transform:none!important; }
.axsivs-jv2-migration-step p { margin:0!important; color:rgba(15,20,30,.60)!important; font-size:15px!important; line-height:1.52!important; }
.axsivs-jv2-migration-check { display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:start; margin-top:24px; padding-top:24px; border-top:1px solid rgba(20,30,50,.09); }
.axsivs-jv2-migration-check > span { color:#10141c; font-size:14px; font-weight:600; line-height:1.4; }
.axsivs-jv2-migration-check > div { display:flex; flex-wrap:wrap; gap:8px; }
.axsivs-jv2-migration-check em { display:inline-flex; align-items:center; min-height:31px; padding:0 10px; color:#516078; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:7px; font-size:12px; font-style:normal; }
/* ---------- 6 EXTENSIONS ---------- */
.axsivs-jv2-extensions { padding:100px 0 106px!important; background:#f6f8fc; }
.axsivs-jv2-extensions-col > .sppb-column-addons > .sppb-addon-heading h2,
.axsivs-jv2-extensions-col > .sppb-column-addons > .sppb-addon-heading .sppb-addon-title { max-width:800px; margin:0 0 24px!important; color:#10141c!important; font-size:49px!important; font-weight:500!important; line-height:1.07!important; letter-spacing:-1.25px!important; text-transform:none!important; }
.axsivs-jv2-extensions-intro { max-width:800px; margin-bottom:42px; }
.axsivs-jv2-extensions-intro p { margin:0!important; color:rgba(15,20,30,.67)!important; font-size:17px!important; line-height:1.62!important; }
.axsivs-jv2-extension-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.axsivs-jv2-extension-card { position:relative; min-height:245px; padding:30px 31px 29px; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:16px; overflow:hidden; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.axsivs-jv2-extension-card::after { content:""; position:absolute; width:210px; height:210px; right:-120px; top:-120px; border-radius:50%; background:radial-gradient(circle, rgba(53,103,255,.16) 0, rgba(53,103,255,.055) 32%, rgba(53,103,255,0) 70%); opacity:.25; transform:scale(.72); transition:.28s ease; pointer-events:none; }
.axsivs-jv2-extension-card > span { display:block; margin-bottom:50px; color:#3567ff; font-size:11px; font-weight:600; letter-spacing:.7px; }
.axsivs-jv2-extension-card h3 { margin:0 0 12px!important; color:#10141c!important; font-size:25px!important; font-weight:500!important; line-height:1.18!important; letter-spacing:-.4px!important; text-transform:none!important; }
.axsivs-jv2-extension-card p { max-width:520px; margin:0!important; color:rgba(15,20,30,.62)!important; font-size:15px!important; line-height:1.56!important; }
@media (hover:hover) { .axsivs-jv2-extension-card:hover { transform:translateY(-4px); border-color:rgba(53,103,255,.22); box-shadow:0 16px 38px rgba(20,35,70,.045); } .axsivs-jv2-extension-card:hover::after { opacity:1; transform:scale(1); } }
/* ---------- 7 TASKS ---------- */
.axsivs-jv2-tasks { padding:104px 0 108px!important; background:linear-gradient(120deg,#17202c 0%,#111a29 56%,#152139 100%); overflow:hidden; }
.axsivs-jv2-tasks-col > .sppb-column-addons > .sppb-addon-heading h2,
.axsivs-jv2-tasks-col > .sppb-column-addons > .sppb-addon-heading .sppb-addon-title { max-width:850px; margin:0 0 46px!important; color:#fff!important; font-size:50px!important; font-weight:500!important; line-height:1.07!important; letter-spacing:-1.3px!important; text-transform:none!important; }
.axsivs-jv2-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:58px; border-top:1px solid rgba(255,255,255,.12); }
.axsivs-jv2-task { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start; padding:24px 0 25px; border-bottom:1px solid rgba(255,255,255,.11); }
.axsivs-jv2-task b { padding-top:3px; color:#6f96ff; font-size:11px; font-weight:600; letter-spacing:.6px; }
.axsivs-jv2-task p { margin:0!important; max-width:520px; color:rgba(255,255,255,.82)!important; font-size:16px!important; line-height:1.5!important; }
.axsivs-jv2-task-principle { display:grid; grid-template-columns:1fr 1.35fr; gap:70px; align-items:end; margin-top:54px; padding-top:32px; border-top:1px solid rgba(111,150,255,.35); }
.axsivs-jv2-task-principle span { display:block; margin-bottom:11px; color:#6f96ff; font-size:11px; font-weight:600; letter-spacing:.65px; text-transform:uppercase; }
.axsivs-jv2-task-principle h3 { margin:0!important; color:#fff!important; font-size:29px!important; font-weight:500!important; line-height:1.15!important; letter-spacing:-.55px!important; text-transform:none!important; }
.axsivs-jv2-task-principle p { margin:0!important; color:rgba(255,255,255,.66)!important; font-size:15px!important; line-height:1.58!important; }
/* ---------- 8 CTA ---------- */
.axsivs-jv2-cta { position:relative; padding:88px 0 92px!important; background:#fff; overflow:hidden; }
.axsivs-jv2-cta::after { content:""; position:absolute; width:330px; height:330px; right:-150px; top:-175px; border:1px solid rgba(53,103,255,.07); border-radius:50%; pointer-events:none; }
.axsivs-jv2-cta .sppb-row { align-items:center; }
.axsivs-jv2-cta-copy .sppb-column-addons { padding-right:44px; }
.axsivs-jv2-cta-copy h2, .axsivs-jv2-cta-copy .sppb-addon-title { max-width:640px; margin:0 0 21px!important; color:#10141c!important; font-size:48px!important; font-weight:500!important; line-height:1.08!important; letter-spacing:-1.2px!important; text-transform:none!important; }
.axsivs-jv2-cta-text { max-width:690px; }
.axsivs-jv2-cta-text p { margin:0!important; color:rgba(15,20,30,.68)!important; font-size:17px!important; line-height:1.6!important; }
.axsivs-jv2-cta-note { margin-top:18px; }
.axsivs-jv2-cta-note p { margin:0!important; color:#53617a!important; font-size:12.5px!important; line-height:1.5!important; }
.axsivs-jv2-cta-action .sppb-column-addons { display:flex; justify-content:flex-end; }
.axsivs-jv2-cta-button .sppb-button-wrapper { margin:0!important; }
.axsivs-jv2-cta-button .sppb-btn { padding:17px 28px!important; font-size:16px!important; }
/* =========================================================
FINAL NORMALIZATION — ROBUST AGAINST SPPB PAGE-LEVEL CSS
========================================================= */
/* Buttons: sentence case and reliable spacing on addon itself */
.axsivs-jv2-hero .sppb-btn,
.axsivs-jv2-focus .sppb-btn,
.axsivs-jv2-new .sppb-btn,
.axsivs-jv2-existing .sppb-btn,
.axsivs-jv2-migration .sppb-btn,
.axsivs-jv2-extensions .sppb-btn,
.axsivs-jv2-tasks .sppb-btn,
.axsivs-jv2-cta .sppb-btn {
text-transform:none!important;
}
.axsivs-jv2-hero .axsivs-jv2-primary-btn {
margin-top:34px!important;
}
.axsivs-jv2-hero .axsivs-jv2-primary-btn .sppb-button-wrapper {
margin-top:0!important;
}
.axsivs-jv2-focus .axsivs-jv2-secondary-btn,
.axsivs-jv2-new .axsivs-jv2-secondary-btn,
.axsivs-jv2-existing .axsivs-jv2-secondary-btn,
.axsivs-jv2-migration .axsivs-jv2-secondary-btn,
.axsivs-jv2-extensions .axsivs-jv2-secondary-btn,
.axsivs-jv2-tasks .axsivs-jv2-secondary-btn {
margin-top:28px!important;
}
.axsivs-jv2-secondary-btn .sppb-button-wrapper {
margin-top:0!important;
}
/* Section 4: give the long middle title actual room */
.axsivs-jv2-existing .axsivs-jv2-existing-diagram .axsivs-jv2-existing-diagram__branches {
grid-template-columns:minmax(0,.88fr) minmax(0,1.24fr) minmax(0,.88fr)!important;
}
.axsivs-jv2-existing .axsivs-jv2-existing-diagram .axsivs-jv2-existing-diagram__item h3 {
margin:0 0 10px!important;
color:#10141c!important;
font-family:"Inter",Arial,sans-serif!important;
font-size:18px!important;
font-weight:500!important;
line-height:1.20!important;
letter-spacing:-.30px!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:normal!important;
text-transform:none!important;
}
.axsivs-jv2-existing .axsivs-jv2-existing-diagram .axsivs-jv2-existing-diagram__item:nth-child(2) h3 {
font-size:16px!important;
letter-spacing:-.35px!important;
}
/* Section 5: descriptions are body copy, not microcopy */
.axsivs-jv2-migration .axsivs-jv2-migration-step p {
font-size:15px!important;
line-height:1.52!important;
}
/* Section 7: force the main heading to stay light on the dark section */
.axsivs-jv2-tasks h2,
.axsivs-jv2-tasks .sppb-addon-heading h2,
.axsivs-jv2-tasks .sppb-addon-heading .sppb-addon-title,
.axsivs-jv2-tasks .axsivs-jv2-tasks-col h2,
.axsivs-jv2-tasks .axsivs-jv2-tasks-col .sppb-addon-title {
max-width:850px!important;
margin:0 0 46px!important;
color:#ffffff!important;
font-family:"Inter",Arial,sans-serif!important;
font-size:50px!important;
font-weight:500!important;
line-height:1.07!important;
letter-spacing:-1.3px!important;
text-shadow:none!important;
text-transform:none!important;
}
/* ---------- TABLET ---------- */
@media (max-width:991px) {
.axsivs-jv2-hero { padding:78px 0 84px!important; }
.axsivs-jv2-hero-title h1, .axsivs-jv2-hero-title .sppb-addon-title { font-size:50px!important; letter-spacing:-1.6px!important; }
.axsivs-jv2-hero-copy .sppb-column-addons, .axsivs-jv2-focus-copy .sppb-column-addons, .axsivs-jv2-new-copy .sppb-column-addons, .axsivs-jv2-existing-intro .sppb-column-addons { padding-right:30px; }
.axsivs-jv2-focus, .axsivs-jv2-new, .axsivs-jv2-existing, .axsivs-jv2-migration, .axsivs-jv2-extensions, .axsivs-jv2-tasks { padding:82px 0 88px!important; }
.axsivs-jv2-focus-copy h2, .axsivs-jv2-new-copy h2, .axsivs-jv2-existing-intro h2,
.axsivs-jv2-focus-copy .sppb-addon-title, .axsivs-jv2-new-copy .sppb-addon-title, .axsivs-jv2-existing-intro .sppb-addon-title { font-size:40px!important; letter-spacing:-.9px!important; }
.axsivs-jv2-migration-col > .sppb-column-addons > .sppb-addon-heading h2, .axsivs-jv2-extensions-col > .sppb-column-addons > .sppb-addon-heading h2, .axsivs-jv2-tasks-col > .sppb-column-addons > .sppb-addon-heading h2 { font-size:42px!important; }
.axsivs-jv2-existing-diagram__branches { grid-template-columns:1fr; gap:11px; }
.axsivs-jv2-migration-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
.axsivs-jv2-migration-step:last-child { grid-column:1 / -1; min-height:auto; }
.axsivs-jv2-migration-check { grid-template-columns:1fr; gap:14px; }
.axsivs-jv2-task-principle { gap:38px; }
}
/* ---------- MOBILE ---------- */
@media (max-width:767px) {
.axsivs-jv2-hero, .axsivs-jv2-focus, .axsivs-jv2-new, .axsivs-jv2-existing, .axsivs-jv2-migration, .axsivs-jv2-extensions, .axsivs-jv2-tasks, .axsivs-jv2-cta { padding:66px 0 72px!important; }
.axsivs-jv2-hero-copy .sppb-column-addons, .axsivs-jv2-focus-copy .sppb-column-addons, .axsivs-jv2-new-copy .sppb-column-addons, .axsivs-jv2-existing-intro .sppb-column-addons, .axsivs-jv2-cta-copy .sppb-column-addons { padding-right:0; }
.axsivs-jv2-hero-title h1, .axsivs-jv2-hero-title .sppb-addon-title { font-size:42px!important; line-height:1.05!important; letter-spacing:-1.2px!important; }
.axsivs-jv2-hero-text p, .axsivs-jv2-copy-text p, .axsivs-jv2-migration-intro p, .axsivs-jv2-extensions-intro p, .axsivs-jv2-cta-text p { font-size:16px!important; line-height:1.56!important; }
.axsivs-jv2-hero-media .sppb-column-addons { padding-left:0; margin-top:40px; }
.axsivs-jv2-focus-copy h2, .axsivs-jv2-new-copy h2, .axsivs-jv2-existing-intro h2,
.axsivs-jv2-focus-copy .sppb-addon-title, .axsivs-jv2-new-copy .sppb-addon-title, .axsivs-jv2-existing-intro .sppb-addon-title,
.axsivs-jv2-migration-col > .sppb-column-addons > .sppb-addon-heading h2, .axsivs-jv2-extensions-col > .sppb-column-addons > .sppb-addon-heading h2, .axsivs-jv2-tasks-col > .sppb-column-addons > .sppb-addon-heading h2,
.axsivs-jv2-cta-copy h2, .axsivs-jv2-cta-copy .sppb-addon-title { max-width:100%; font-size:36px!important; line-height:1.09!important; letter-spacing:-.8px!important; }
.axsivs-jv2-focus-board, .axsivs-jv2-new-panel, .axsivs-jv2-existing-diagram { margin-top:38px; padding:28px 22px 24px; border-radius:15px; }
.axsivs-jv2-focus-board::before, .axsivs-jv2-new-panel::before, .axsivs-jv2-existing-diagram::before { left:22px; width:36px; }
.axsivs-jv2-new-panel__top { display:block; }
.axsivs-jv2-new-panel__top small { display:block; max-width:none; margin-top:7px; text-align:left; }
.axsivs-jv2-new-panel__logic { gap:7px; }
.axsivs-jv2-existing-diagram__core strong { font-size:24px; }
.axsivs-jv2-migration-intro, .axsivs-jv2-extensions-intro { margin-bottom:30px; }
.axsivs-jv2-migration-map { padding:20px; border-radius:16px; }
.axsivs-jv2-migration-steps { grid-template-columns:1fr; gap:10px; }
.axsivs-jv2-migration-step, .axsivs-jv2-migration-step:last-child { grid-column:auto; min-height:auto; padding:20px 18px; }
.axsivs-jv2-migration-step b { margin-bottom:18px; }
.axsivs-jv2-extension-grid { grid-template-columns:1fr; gap:12px; }
.axsivs-jv2-extension-card { min-height:auto; padding:25px 23px 24px; }
.axsivs-jv2-extension-card > span { margin-bottom:34px; }
.axsivs-jv2-task-grid { grid-template-columns:1fr; column-gap:0; }
.axsivs-jv2-task { padding:21px 0; }
.axsivs-jv2-task p { font-size:15.5px!important; }
.axsivs-jv2-task-principle { grid-template-columns:1fr; gap:22px; margin-top:42px; }
.axsivs-jv2-task-principle h3 { font-size:26px!important; }
.axsivs-jv2-cta-action .sppb-column-addons { justify-content:flex-start; margin-top:30px; }
}
/* =========================================================
FINAL RESPONSIVE NORMALIZATION
========================================================= */
@media (max-width:991px) {
.axsivs-jv2-existing .axsivs-jv2-existing-diagram .axsivs-jv2-existing-diagram__branches {
grid-template-columns:1fr!important;
}
.axsivs-jv2-existing .axsivs-jv2-existing-diagram .axsivs-jv2-existing-diagram__item h3,
.axsivs-jv2-existing .axsivs-jv2-existing-diagram .axsivs-jv2-existing-diagram__item:nth-child(2) h3 {
font-size:18px!important;
white-space:normal!important;
}
.axsivs-jv2-tasks h2,
.axsivs-jv2-tasks .sppb-addon-heading h2,
.axsivs-jv2-tasks .sppb-addon-heading .sppb-addon-title,
.axsivs-jv2-tasks .axsivs-jv2-tasks-col h2,
.axsivs-jv2-tasks .axsivs-jv2-tasks-col .sppb-addon-title {
font-size:42px!important;
}
}
@media (max-width:767px) {
.axsivs-jv2-hero .axsivs-jv2-primary-btn {
margin-top:28px!important;
}
.axsivs-jv2-focus .axsivs-jv2-secondary-btn,
.axsivs-jv2-new .axsivs-jv2-secondary-btn,
.axsivs-jv2-existing .axsivs-jv2-secondary-btn,
.axsivs-jv2-migration .axsivs-jv2-secondary-btn,
.axsivs-jv2-extensions .axsivs-jv2-secondary-btn,
.axsivs-jv2-tasks .axsivs-jv2-secondary-btn {
margin-top:24px!important;
}
.axsivs-jv2-tasks h2,
.axsivs-jv2-tasks .sppb-addon-heading h2,
.axsivs-jv2-tasks .sppb-addon-heading .sppb-addon-title,
.axsivs-jv2-tasks .axsivs-jv2-tasks-col h2,
.axsivs-jv2-tasks .axsivs-jv2-tasks-col .sppb-addon-title {
margin-bottom:34px!important;
font-size:36px!important;
line-height:1.09!important;
letter-spacing:-.8px!important;
}
}
/* =========================================================
AXSIVS — СОЗДАНИЕ САЙТОВ
/services/soz-site
PAGE CLASSES:
.axsivs-create-*
========================================================= */
/* =========================================================
00. BASE
========================================================= */
.axsivs-create-hero,
.axsivs-create-define,
.axsivs-create-types,
.axsivs-create-architecture,
.axsivs-create-scope,
.axsivs-create-process,
.axsivs-create-future,
.axsivs-create-cta {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-create-hero *,
.axsivs-create-define *,
.axsivs-create-types *,
.axsivs-create-architecture *,
.axsivs-create-scope *,
.axsivs-create-process *,
.axsivs-create-future *,
.axsivs-create-cta * {
box-sizing: border-box;
}
/* =========================================================
01. KICKERS
========================================================= */
.axsivs-create-kicker
.sppb-addon-content {
margin: 0 0 18px !important;
}
.axsivs-create-kicker span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 10px;
color: #3567ff;
background: rgba(53, 103, 255, 0.065);
border: 1px solid rgba(53, 103, 255, 0.13);
border-radius: 6px;
font-size: 12px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.25px;
}
.axsivs-create-kicker-dark span {
color: #8eacff;
background: rgba(86, 125, 255, 0.10);
border-color: rgba(112, 145, 255, 0.24);
}
/* =========================================================
02. COMMON TYPOGRAPHY
========================================================= */
.axsivs-create-section-title h2,
.axsivs-create-section-title
.sppb-addon-title,
.axsivs-create-define h2,
.axsivs-create-types h2,
.axsivs-create-architecture h2 {
margin: 0 0 25px !important;
color: #10141c !important;
font-size: 47px !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -1.15px !important;
text-transform: none !important;
}
.axsivs-create-copy-text p,
.axsivs-create-wide-intro p,
.axsivs-create-cta-text p {
margin: 0 0 18px !important;
color: rgba(15, 20, 30, 0.69) !important;
font-size: 17px !important;
line-height: 1.62 !important;
}
.axsivs-create-copy-text p:last-child,
.axsivs-create-wide-intro p:last-child {
margin-bottom: 0 !important;
}
/* =========================================================
03. BUTTONS
========================================================= */
.axsivs-create-primary-btn,
.axsivs-create-secondary-btn {
margin-top: 32px !important;
}
.axsivs-create-primary-btn
.sppb-button-wrapper,
.axsivs-create-secondary-btn
.sppb-button-wrapper {
margin-top: 0 !important;
text-align: left !important;
}
.axsivs-create-primary-btn .sppb-btn,
.axsivs-create-cta-button .sppb-btn {
padding: 15px 25px !important;
color: #ffffff !important;
background: #3567ff !important;
border: 1px solid #3567ff !important;
border-radius: 9px !important;
box-shadow: none !important;
font-size: 15px !important;
font-weight: 600 !important;
text-transform: none !important;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
.axsivs-create-secondary-btn .sppb-btn {
padding: 14px 23px !important;
color: #2858eb !important;
background: transparent !important;
border: 1px solid rgba(53, 103, 255, 0.52) !important;
border-radius: 8px !important;
box-shadow: none !important;
font-size: 15px !important;
font-weight: 500 !important;
text-transform: none !important;
transition:
color 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
/* запрещаем шаблону Title Case на всех кнопках страницы */
.axsivs-create-hero .sppb-btn,
.axsivs-create-define .sppb-btn,
.axsivs-create-types .sppb-btn,
.axsivs-create-architecture .sppb-btn,
.axsivs-create-scope .sppb-btn,
.axsivs-create-process .sppb-btn,
.axsivs-create-future .sppb-btn,
.axsivs-create-cta .sppb-btn {
text-transform: none !important;
}
@media (hover: hover) {
.axsivs-create-primary-btn .sppb-btn:hover,
.axsivs-create-cta-button .sppb-btn:hover {
background: #1747e8 !important;
border-color: #1747e8 !important;
transform: translateY(-2px);
}
.axsivs-create-secondary-btn .sppb-btn:hover {
color: #ffffff !important;
background: #3567ff !important;
border-color: #3567ff !important;
transform: translateY(-2px);
}
}
/* =========================================================
SECTION 1 — HERO
========================================================= */
.axsivs-create-hero {
padding: 94px 0 100px !important;
background: #ffffff;
overflow: hidden;
}
.axsivs-create-hero
.sppb-row {
align-items: center;
}
.axsivs-create-hero-copy
.sppb-column-addons {
padding-right: 50px;
}
/* H1 */
.axsivs-create-hero-title h1,
.axsivs-create-hero-title
.sppb-addon-title {
max-width: 620px;
margin: 0 0 28px !important;
color: #0f141d !important;
font-size: 64px !important;
font-weight: 500 !important;
line-height: 1.02 !important;
letter-spacing: -2.15px !important;
text-transform: none !important;
}
/* HERO TEXT */
.axsivs-create-hero-text {
max-width: 610px;
}
.axsivs-create-hero-text p {
margin: 0 0 18px !important;
color: rgba(15, 20, 30, 0.69) !important;
font-size: 17px !important;
line-height: 1.62 !important;
}
.axsivs-create-hero-text p:last-child {
margin-bottom: 0 !important;
}
/* HERO VISUAL */
.axsivs-create-hero-visual-col
.sppb-column-addons {
padding-left: 20px;
}
.axsivs-create-hero-visual-col img,
.axsivs-create-hero-demo-addon img {
display: block;
width: 108% !important;
max-width: 108% !important;
height: auto !important;
margin-left: -4%;
object-fit: contain;
}
/* убираем возможные стили TinyMCE вокруг изображения */
.axsivs-create-hero-demo-addon p {
margin: 0 !important;
}
.axsivs-create-hero-demo-addon
.sppb-addon-content {
overflow: visible !important;
}
/* =========================================================
SECTION 2 — DEFINE
========================================================= */
.axsivs-create-define {
padding: 96px 0 102px !important;
background: #f6f8fc;
border-top: 1px solid rgba(20, 30, 50, 0.04);
}
.axsivs-create-define
.sppb-row {
align-items: center;
}
.axsivs-create-define-copy
.sppb-column-addons {
padding-right: 56px;
}
/* BOARD */
.axsivs-create-define-board {
position: relative;
padding: 36px 38px 34px;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, 0.08);
border-radius: 19px;
overflow: hidden;
}
.axsivs-create-define-board::before {
content: "";
position: absolute;
top: -1px;
left: 38px;
width: 44px;
height: 2px;
background: #3567ff;
}
.axsivs-create-define-board__head {
padding-bottom: 25px;
border-bottom: 1px solid rgba(20, 30, 50, 0.09);
}
.axsivs-create-define-board__head span {
display: block;
margin-bottom: 7px;
color: #10141c;
font-size: 27px;
font-weight: 500;
letter-spacing: -0.5px;
}
.axsivs-create-define-board__head small {
color: rgba(15, 20, 30, 0.54);
font-size: 14px;
line-height: 1.45;
}
.axsivs-create-define-board__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 26px;
}
.axsivs-create-define-board article {
position: relative;
padding: 25px 0 23px 42px;
border-bottom: 1px solid rgba(20, 30, 50, 0.08);
}
.axsivs-create-define-board article:nth-last-child(-n+2) {
border-bottom: 0;
}
.axsivs-create-define-board article b {
position: absolute;
left: 0;
top: 27px;
color: #3567ff;
font-size: 11px;
font-weight: 600;
}
.axsivs-create-define-board h3 {
margin: 0 0 8px !important;
color: #10141c !important;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.22 !important;
text-transform: none !important;
}
.axsivs-create-define-board p {
margin: 0 !important;
color: rgba(15, 20, 30, 0.62) !important;
font-size: 14.5px !important;
line-height: 1.54 !important;
}
/* =========================================================
SECTION 3 — TYPES
========================================================= */
.axsivs-create-types {
padding: 98px 0 104px !important;
background: #ffffff;
}
.axsivs-create-types
.sppb-row {
align-items: center;
}
.axsivs-create-types-copy
.sppb-column-addons {
padding-right: 56px;
}
/* TYPES PANEL */
.axsivs-create-types-panel {
position: relative;
padding: 36px 42px 32px;
background: #f7f9fc;
border: 1px solid rgba(20, 30, 50, 0.075);
border-radius: 18px;
overflow: hidden;
}
.axsivs-create-types-panel::before {
content: "";
position: absolute;
top: -1px;
left: 42px;
width: 44px;
height: 2px;
background: #3567ff;
}
.axsivs-create-types-panel__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
padding-bottom: 22px;
border-bottom: 1px solid rgba(20, 30, 50, 0.09);
}
.axsivs-create-types-panel__head span {
color: #10141c;
font-size: 27px;
font-weight: 500;
letter-spacing: -0.5px;
}
.axsivs-create-types-panel__head small {
max-width: 205px;
color: rgba(15, 20, 30, 0.50);
font-size: 12px;
line-height: 1.4;
text-align: right;
}
.axsivs-create-types-panel ul {
margin: 0;
padding: 0;
list-style: none;
}
.axsivs-create-types-panel li {
display: grid;
grid-template-columns: 38px 1fr minmax(180px, 260px);
gap: 12px;
align-items: center;
padding: 18px 0;
border-bottom: 1px solid rgba(20, 30, 50, 0.075);
}
.axsivs-create-types-panel li:last-child {
padding-bottom: 3px;
border-bottom: 0;
}
.axsivs-create-types-panel li b {
color: #3567ff;
font-size: 11px;
font-weight: 600;
}
.axsivs-create-types-panel li span {
color: #10141c;
font-size: 17px;
font-weight: 500;
}
.axsivs-create-types-panel li small {
color: rgba(15, 20, 30, 0.56);
font-size: 12.5px;
line-height: 1.42;
}
/* =========================================================
SECTION 4 — ARCHITECTURE
========================================================= */
.axsivs-create-architecture {
padding: 96px 0 102px !important;
background: #f7f9fc;
border-top: 1px solid rgba(20, 30, 50, 0.045);
}
.axsivs-create-architecture
.sppb-row {
align-items: center;
}
.axsivs-create-architecture-copy
.sppb-column-addons {
padding-right: 56px;
}
/* ARCHITECTURE DIAGRAM */
.axsivs-create-architecture-diagram {
position: relative;
padding: 36px 38px 32px;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, 0.09);
border-radius: 20px;
box-shadow:
0 18px 48px rgba(18, 28, 48, 0.035);
overflow: hidden;
}
.axsivs-create-architecture-diagram::before {
content: "";
position: absolute;
top: -1px;
left: 38px;
width: 46px;
height: 2px;
background: #3567ff;
}
.axsivs-create-architecture-diagram__core {
padding-bottom: 28px;
border-bottom: 1px solid rgba(20, 30, 50, 0.09);
}
.axsivs-create-architecture-diagram__core small {
display: block;
margin-bottom: 10px;
color: #3567ff;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.axsivs-create-architecture-diagram__core strong {
display: block;
margin-bottom: 9px;
color: #10141c;
font-size: 30px;
font-weight: 500;
letter-spacing: -0.6px;
}
.axsivs-create-architecture-diagram__core p {
margin: 0 !important;
color: rgba(15, 20, 30, 0.60) !important;
font-size: 15px !important;
line-height: 1.52 !important;
}
.axsivs-create-architecture-diagram__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 28px 0;
}
.axsivs-create-architecture-diagram__grid article {
padding: 20px;
background: #f8f9fc;
border: 1px solid rgba(20, 30, 50, 0.07);
border-radius: 12px;
}
.axsivs-create-architecture-diagram__grid b {
display: block;
margin-bottom: 22px;
color: #3567ff;
font-size: 11px;
}
.axsivs-create-architecture-diagram__grid h3 {
margin: 0 0 8px !important;
color: #10141c !important;
font-size: 19px !important;
font-weight: 500 !important;
text-transform: none !important;
}
.axsivs-create-architecture-diagram__grid p {
margin: 0 !important;
color: rgba(15, 20, 30, 0.60) !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.axsivs-create-architecture-diagram__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-top: 22px;
border-top: 1px solid rgba(20, 30, 50, 0.09);
}
.axsivs-create-architecture-diagram__footer span {
color: #66748c;
font-size: 12px;
}
.axsivs-create-architecture-diagram__footer b {
color: #10141c;
font-size: 15px;
font-weight: 600;
}
/* =========================================================
SECTION 5 — SCOPE
========================================================= */
.axsivs-create-scope {
padding: 102px 0 108px !important;
background: #ffffff;
}
.axsivs-create-wide-title h2,
.axsivs-create-wide-title
.sppb-addon-title,
.axsivs-create-scope h2,
.axsivs-create-process h2 {
max-width: 800px;
margin: 0 0 24px !important;
color: #10141c !important;
font-size: 50px !important;
font-weight: 500 !important;
line-height: 1.07 !important;
letter-spacing: -1.3px !important;
text-transform: none !important;
}
.axsivs-create-wide-intro {
max-width: 820px;
margin-bottom: 42px;
}
.axsivs-create-scope-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.axsivs-create-scope-grid article {
position: relative;
min-height: 220px;
padding: 28px 27px 26px;
background: #f7f9fc;
border: 1px solid rgba(20, 30, 50, 0.075);
border-radius: 15px;
overflow: hidden;
transition:
transform 0.22s ease,
background-color 0.22s ease,
border-color 0.22s ease,
box-shadow 0.22s ease;
}
.axsivs-create-scope-grid article::after {
content: "";
position: absolute;
width: 150px;
height: 150px;
right: -95px;
top: -95px;
border-radius: 50%;
background:
radial-gradient(
circle,
rgba(53, 103, 255, 0.12),
rgba(53, 103, 255, 0) 68%
);
opacity: 0.3;
transition:
opacity 0.24s ease,
transform 0.24s ease;
pointer-events: none;
}
.axsivs-create-scope-grid b {
display: block;
margin-bottom: 38px;
color: #3567ff;
font-size: 11px;
font-weight: 600;
}
.axsivs-create-scope-grid h3 {
margin: 0 0 10px !important;
color: #10141c !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-transform: none !important;
}
.axsivs-create-scope-grid p {
margin: 0 !important;
color: rgba(15, 20, 30, 0.62) !important;
font-size: 15px !important;
line-height: 1.54 !important;
}
@media (hover: hover) {
.axsivs-create-scope-grid article:hover {
transform: translateY(-3px);
background: #ffffff;
border-color: rgba(53, 103, 255, 0.18);
box-shadow:
0 14px 34px rgba(20, 35, 70, 0.035);
}
.axsivs-create-scope-grid article:hover::after {
opacity: 1;
transform: scale(1.05);
}
}
/* =========================================================
SECTION 6 — PROCESS
========================================================= */
.axsivs-create-process {
padding: 100px 0 106px !important;
background: #f6f8fc;
}
.axsivs-create-process-map {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
padding: 28px;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, 0.075);
border-radius: 19px;
}
.axsivs-create-process-map article {
min-height: 210px;
padding: 22px 18px 20px;
background: #f8f9fc;
border: 1px solid rgba(20, 30, 50, 0.07);
border-radius: 12px;
}
.axsivs-create-process-map b {
display: block;
margin-bottom: 32px;
color: #3567ff;
font-size: 11px;
font-weight: 600;
}
.axsivs-create-process-map h3 {
margin: 0 0 10px !important;
color: #10141c !important;
font-size: 19px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-transform: none !important;
}
.axsivs-create-process-map p {
margin: 0 !important;
color: rgba(15, 20, 30, 0.61) !important;
font-size: 14.5px !important;
line-height: 1.52 !important;
}
.axsivs-create-process-btn {
margin-top: 28px !important;
}
/* =========================================================
SECTION 7 — FUTURE / DARK
========================================================= */
.axsivs-create-future {
padding: 104px 0 108px !important;
background:
linear-gradient(
120deg,
#17212e 0%,
#111b2a 56%,
#17243a 100%
);
overflow: hidden;
}
.axsivs-create-future-title h2,
.axsivs-create-future-title
.sppb-addon-title,
.axsivs-create-future h2 {
max-width: 900px;
margin: 0 0 44px !important;
color: #ffffff !important;
font-size: 50px !important;
font-weight: 500 !important;
line-height: 1.07 !important;
letter-spacing: -1.3px !important;
text-transform: none !important;
}
/* FUTURE GRID */
.axsivs-create-future-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 58px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.axsivs-create-future-grid article {
display: grid;
grid-template-columns: 42px 1fr;
gap: 12px;
padding: 23px 0 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.axsivs-create-future-grid b {
padding-top: 3px;
color: #6f96ff;
font-size: 11px;
font-weight: 600;
}
.axsivs-create-future-grid p {
margin: 0 !important;
color: rgba(255, 255, 255, 0.82) !important;
font-size: 16px !important;
line-height: 1.5 !important;
}
/* FUTURE PRINCIPLE */
.axsivs-create-future-principle {
display: grid;
grid-template-columns: 1fr 1.25fr;
gap: 70px;
align-items: end;
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid rgba(111, 150, 255, 0.35);
}
.axsivs-create-future-principle span {
display: block;
margin-bottom: 10px;
color: #6f96ff;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.65px;
text-transform: uppercase;
}
.axsivs-create-future-principle h3 {
margin: 0 !important;
color: #ffffff !important;
font-size: 29px !important;
font-weight: 500 !important;
line-height: 1.15 !important;
letter-spacing: -0.55px !important;
text-transform: none !important;
}
.axsivs-create-future-principle p {
margin: 0 !important;
color: rgba(255, 255, 255, 0.66) !important;
font-size: 15px !important;
line-height: 1.58 !important;
}
/* =========================================================
SECTION 8 — CTA
========================================================= */
.axsivs-create-cta {
position: relative;
padding: 88px 0 94px !important;
background: #ffffff;
overflow: hidden;
}
.axsivs-create-cta::after {
content: "";
position: absolute;
width: 330px;
height: 330px;
right: -150px;
top: -175px;
border: 1px solid rgba(53, 103, 255, 0.07);
border-radius: 50%;
pointer-events: none;
}
.axsivs-create-cta
.sppb-row {
align-items: center;
}
.axsivs-create-cta-copy
.sppb-column-addons {
padding-right: 44px;
}
.axsivs-create-cta-title h2,
.axsivs-create-cta-title
.sppb-addon-title,
.axsivs-create-cta h2 {
max-width: 640px;
margin: 0 0 21px !important;
color: #10141c !important;
font-size: 48px !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -1.2px !important;
text-transform: none !important;
}
.axsivs-create-cta-text {
max-width: 700px;
}
.axsivs-create-cta-note {
margin-top: 18px;
}
.axsivs-create-cta-note p {
margin: 0 !important;
color: #53617a !important;
font-size: 12.5px !important;
line-height: 1.5 !important;
}
.axsivs-create-cta-action
.sppb-column-addons {
display: flex;
justify-content: flex-end;
}
.axsivs-create-cta-button
.sppb-button-wrapper {
margin: 0 !important;
}
.axsivs-create-cta-button .sppb-btn {
padding: 17px 28px !important;
font-size: 16px !important;
text-transform: none !important;
}
/* =========================================================
TABLET
<= 991px
========================================================= */
@media (max-width: 991px) {
.axsivs-create-hero {
padding: 78px 0 84px !important;
}
.axsivs-create-hero-title h1,
.axsivs-create-hero-title
.sppb-addon-title {
font-size: 50px !important;
letter-spacing: -1.6px !important;
}
.axsivs-create-hero-copy
.sppb-column-addons,
.axsivs-create-define-copy
.sppb-column-addons,
.axsivs-create-types-copy
.sppb-column-addons,
.axsivs-create-architecture-copy
.sppb-column-addons {
padding-right: 30px;
}
.axsivs-create-define,
.axsivs-create-types,
.axsivs-create-architecture,
.axsivs-create-scope,
.axsivs-create-process,
.axsivs-create-future {
padding: 82px 0 88px !important;
}
.axsivs-create-define h2,
.axsivs-create-types h2,
.axsivs-create-architecture h2 {
font-size: 40px !important;
letter-spacing: -0.9px !important;
}
.axsivs-create-wide-title h2,
.axsivs-create-wide-title
.sppb-addon-title,
.axsivs-create-scope h2,
.axsivs-create-process h2,
.axsivs-create-future h2 {
font-size: 42px !important;
}
/* HERO IMAGE */
.axsivs-create-hero-visual-col img,
.axsivs-create-hero-demo-addon img {
width: 104% !important;
max-width: 104% !important;
margin-left: -2%;
}
.axsivs-create-define-board__grid {
grid-template-columns: 1fr;
}
.axsivs-create-define-board article:nth-last-child(-n+2) {
border-bottom:
1px solid rgba(20, 30, 50, 0.08);
}
.axsivs-create-define-board article:last-child {
border-bottom: 0;
}
.axsivs-create-types-panel li {
grid-template-columns: 34px 1fr;
}
.axsivs-create-types-panel li small {
grid-column: 2;
}
.axsivs-create-scope-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.axsivs-create-process-map {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.axsivs-create-process-map article:last-child {
grid-column: 1 / -1;
min-height: auto;
}
.axsivs-create-future-principle {
gap: 38px;
}
}
/* =========================================================
MOBILE
<= 767px
========================================================= */
@media (max-width: 767px) {
.axsivs-create-hero,
.axsivs-create-define,
.axsivs-create-types,
.axsivs-create-architecture,
.axsivs-create-scope,
.axsivs-create-process,
.axsivs-create-future,
.axsivs-create-cta {
padding: 66px 0 72px !important;
}
.axsivs-create-hero-copy
.sppb-column-addons,
.axsivs-create-define-copy
.sppb-column-addons,
.axsivs-create-types-copy
.sppb-column-addons,
.axsivs-create-architecture-copy
.sppb-column-addons,
.axsivs-create-cta-copy
.sppb-column-addons {
padding-right: 0;
}
.axsivs-create-hero-title h1,
.axsivs-create-hero-title
.sppb-addon-title {
font-size: 42px !important;
line-height: 1.05 !important;
letter-spacing: -1.2px !important;
}
.axsivs-create-hero-text p,
.axsivs-create-copy-text p,
.axsivs-create-wide-intro p,
.axsivs-create-cta-text p {
font-size: 16px !important;
line-height: 1.56 !important;
}
.axsivs-create-primary-btn,
.axsivs-create-secondary-btn {
margin-top: 26px !important;
}
/* HERO VISUAL */
.axsivs-create-hero-visual-col
.sppb-column-addons {
margin-top: 40px;
padding-left: 0;
}
.axsivs-create-hero-visual-col img,
.axsivs-create-hero-demo-addon img {
width: 100% !important;
max-width: 100% !important;
margin-left: 0;
}
/* HEADINGS */
.axsivs-create-define h2,
.axsivs-create-types h2,
.axsivs-create-architecture h2,
.axsivs-create-wide-title h2,
.axsivs-create-wide-title
.sppb-addon-title,
.axsivs-create-scope h2,
.axsivs-create-process h2,
.axsivs-create-future h2,
.axsivs-create-cta h2 {
max-width: 100%;
font-size: 36px !important;
line-height: 1.09 !important;
letter-spacing: -0.8px !important;
}
/* BOARDS */
.axsivs-create-define-board,
.axsivs-create-types-panel,
.axsivs-create-architecture-diagram {
margin-top: 38px;
padding: 28px 22px 24px;
border-radius: 15px;
}
.axsivs-create-define-board::before,
.axsivs-create-types-panel::before,
.axsivs-create-architecture-diagram::before {
left: 22px;
width: 36px;
}
.axsivs-create-define-board__head span,
.axsivs-create-types-panel__head span {
font-size: 24px;
}
.axsivs-create-define-board article {
padding-left: 36px;
}
/* TYPES */
.axsivs-create-types-panel__head {
display: block;
}
.axsivs-create-types-panel__head small {
display: block;
max-width: none;
margin-top: 7px;
text-align: left;
}
.axsivs-create-types-panel li {
grid-template-columns: 32px 1fr;
}
/* ARCHITECTURE */
.axsivs-create-architecture-diagram__grid {
grid-template-columns: 1fr;
}
.axsivs-create-architecture-diagram__footer {
display: block;
}
.axsivs-create-architecture-diagram__footer b {
display: block;
margin-top: 6px;
}
/* WIDE INTRO */
.axsivs-create-wide-intro {
margin-bottom: 30px;
}
/* SCOPE */
.axsivs-create-scope-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.axsivs-create-scope-grid article {
min-height: auto;
padding: 25px 23px 24px;
}
.axsivs-create-scope-grid b {
margin-bottom: 28px;
}
/* PROCESS */
.axsivs-create-process-map {
grid-template-columns: 1fr;
gap: 10px;
padding: 20px;
border-radius: 16px;
}
.axsivs-create-process-map article,
.axsivs-create-process-map article:last-child {
grid-column: auto;
min-height: auto;
padding: 20px 18px;
}
.axsivs-create-process-map b {
margin-bottom: 18px;
}
/* DARK SECTION */
.axsivs-create-future-grid {
grid-template-columns: 1fr;
column-gap: 0;
}
.axsivs-create-future-grid article {
padding: 21px 0;
}
.axsivs-create-future-grid p {
font-size: 15.5px !important;
}
.axsivs-create-future-principle {
grid-template-columns: 1fr;
gap: 22px;
margin-top: 42px;
}
.axsivs-create-future-principle h3 {
font-size: 26px !important;
}
/* FINAL CTA */
.axsivs-create-cta-action
.sppb-column-addons {
justify-content: flex-start;
margin-top: 30px;
}
}
/* =========================================================
AXSIVS — РАЗВИТИЕ И МОДЕРНИЗАЦИЯ САЙТОВ
/services/razv-modern
Prototype CSS stored inside SP Page Builder page
========================================================= */
/* =========================================================
00. BASE
========================================================= */
.axsivs-modern-hero,
.axsivs-modern-signals,
.axsivs-modern-preserve,
.axsivs-modern-changes,
.axsivs-modern-scope,
.axsivs-modern-process,
.axsivs-modern-tasks,
.axsivs-modern-cta { font-family:"Inter",Arial,sans-serif !important; }
.axsivs-modern-hero *, .axsivs-modern-signals *, .axsivs-modern-preserve *, .axsivs-modern-changes *, .axsivs-modern-scope *, .axsivs-modern-process *, .axsivs-modern-tasks *, .axsivs-modern-cta * { box-sizing:border-box; }
/* KICKERS */
.axsivs-modern-kicker .sppb-addon-content { margin:0 0 18px !important; }
.axsivs-modern-kicker span { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; color:#3567ff; background:rgba(53,103,255,.065); border:1px solid rgba(53,103,255,.13); border-radius:6px; font-size:12px; font-weight:600; line-height:1; letter-spacing:.25px; }
.axsivs-modern-kicker-dark span { color:#8eacff; background:rgba(86,125,255,.10); border-color:rgba(112,145,255,.24); }
/* COMMON TEXT */
.axsivs-modern-section-title h2,
.axsivs-modern-section-title .sppb-addon-title,
.axsivs-modern-signals h2,
.axsivs-modern-preserve h2,
.axsivs-modern-changes h2 { margin:0 0 25px !important; color:#10141c !important; font-size:47px !important; font-weight:500 !important; line-height:1.08 !important; letter-spacing:-1.15px !important; text-transform:none !important; }
.axsivs-modern-copy-text p,
.axsivs-modern-wide-intro p,
.axsivs-modern-cta-text p { margin:0 0 18px !important; color:rgba(15,20,30,.69) !important; font-size:17px !important; line-height:1.62 !important; }
.axsivs-modern-copy-text p:last-child,.axsivs-modern-wide-intro p:last-child { margin-bottom:0 !important; }
/* BUTTONS */
.axsivs-modern-primary-btn,.axsivs-modern-secondary-btn { margin-top:32px !important; }
.axsivs-modern-primary-btn .sppb-button-wrapper,.axsivs-modern-secondary-btn .sppb-button-wrapper { margin-top:0 !important; text-align:left !important; }
.axsivs-modern-primary-btn .sppb-btn,.axsivs-modern-cta-button .sppb-btn { padding:15px 25px !important; color:#fff !important; background:#3567ff !important; border:1px solid #3567ff !important; border-radius:9px !important; box-shadow:none !important; font-size:15px !important; font-weight:600 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-modern-secondary-btn .sppb-btn { padding:14px 23px !important; color:#2858eb !important; background:transparent !important; border:1px solid rgba(53,103,255,.52) !important; border-radius:8px !important; box-shadow:none !important; font-size:15px !important; font-weight:500 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-modern-hero .sppb-btn,.axsivs-modern-signals .sppb-btn,.axsivs-modern-preserve .sppb-btn,.axsivs-modern-changes .sppb-btn,.axsivs-modern-scope .sppb-btn,.axsivs-modern-process .sppb-btn,.axsivs-modern-tasks .sppb-btn,.axsivs-modern-cta .sppb-btn { text-transform:none !important; }
@media (hover:hover) {
.axsivs-modern-primary-btn .sppb-btn:hover,.axsivs-modern-cta-button .sppb-btn:hover { background:#1747e8 !important; border-color:#1747e8 !important; transform:translateY(-2px); }
.axsivs-modern-secondary-btn .sppb-btn:hover { color:#fff !important; background:#3567ff !important; border-color:#3567ff !important; transform:translateY(-2px); }
}
/* =========================================================
SECTION 1 — HERO
========================================================= */
.axsivs-modern-hero { padding:94px 0 100px !important; background:#fff; overflow:hidden; }
.axsivs-modern-hero .sppb-row { align-items:center; }
.axsivs-modern-hero-copy .sppb-column-addons { padding-right:50px; }
.axsivs-modern-hero-title h1,.axsivs-modern-hero-title .sppb-addon-title { max-width:680px; margin:0 0 28px !important; color:#0f141d !important; font-size:62px !important; font-weight:500 !important; line-height:1.02 !important; letter-spacing:-2.1px !important; text-transform:none !important; }
.axsivs-modern-hero-text { max-width:610px; }
.axsivs-modern-hero-text p { margin:0 0 18px !important; color:rgba(15,20,30,.69) !important; font-size:17px !important; line-height:1.62 !important; }
.axsivs-modern-hero-text p:last-child { margin-bottom:0 !important; }
.axsivs-modern-hero-visual-col .sppb-column-addons { padding-left:18px; }
/* HERO EVOLUTION VISUAL */
.axsivs-modern-evolution { position:relative; min-height:440px; padding:34px 28px 28px; background:linear-gradient(145deg,#f8faff 0%,#fff 60%,#f4f7fc 100%); border:1px solid rgba(20,30,50,.08); border-radius:24px; overflow:hidden; box-shadow:0 18px 54px rgba(20,35,70,.04); }
.axsivs-modern-evolution::before { content:""; position:absolute; width:260px; height:260px; right:-130px; top:-135px; border:1px solid rgba(53,103,255,.08); border-radius:50%; }
.axsivs-modern-evolution__label { position:relative; z-index:2; margin-bottom:24px; color:#60708b; font-size:12px; font-weight:600; letter-spacing:.25px; }
.axsivs-modern-evolution__stage { position:absolute; width:46%; }
.axsivs-modern-evolution__stage small { display:block; margin-bottom:10px; color:#68758a; font-size:11px; font-weight:600; }
.axsivs-modern-evolution__stage--before { left:28px; top:88px; }
.axsivs-modern-evolution__stage--after { right:28px; bottom:28px; }
.axsivs-modern-browser { position:relative; min-height:220px; padding:32px 17px 17px; background:#fff; border:1px solid rgba(20,30,50,.11); border-radius:14px; box-shadow:0 12px 28px rgba(20,35,70,.035); }
.axsivs-modern-browser > span { position:absolute; top:13px; width:5px; height:5px; border-radius:50%; background:#c5cedb; }
.axsivs-modern-browser > span:nth-child(1){left:15px}.axsivs-modern-browser > span:nth-child(2){left:25px}.axsivs-modern-browser > span:nth-child(3){left:35px}
.axsivs-modern-browser__hero { height:72px; margin-bottom:15px; border-radius:8px; background:linear-gradient(135deg,#dfe6ef,#f1f4f8); }
.axsivs-modern-browser__lines i { display:block; height:5px; margin:7px 0; border-radius:4px; background:#dce2e9; }
.axsivs-modern-browser__lines i:nth-child(1){width:78%}.axsivs-modern-browser__lines i:nth-child(2){width:64%}.axsivs-modern-browser__lines i:nth-child(3){width:52%}
.axsivs-modern-browser__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:14px; }
.axsivs-modern-browser__cards b { height:32px; border-radius:6px; background:#eef1f5; }
.axsivs-modern-browser--after { border-color:rgba(53,103,255,.20); box-shadow:0 14px 34px rgba(53,103,255,.07); }
.axsivs-modern-browser--after .axsivs-modern-browser__hero { background:linear-gradient(135deg,#3567ff 0%,#5b83ff 52%,#6ec7ec 100%); opacity:.88; }
.axsivs-modern-browser--after .axsivs-modern-browser__lines i:first-child { background:#3567ff; }
.axsivs-modern-browser--after .axsivs-modern-browser__cards b:nth-child(2) { background:rgba(53,103,255,.18); }
.axsivs-modern-evolution__change { position:absolute; z-index:3; left:50%; top:50%; width:150px; transform:translate(-50%,-50%); padding:14px 13px; background:#fff; border:1px solid rgba(53,103,255,.18); border-radius:12px; box-shadow:0 12px 28px rgba(20,35,70,.07); text-align:center; }
.axsivs-modern-evolution__change b { display:block; margin-bottom:9px; color:#10141c; font-size:13px; font-weight:600; }
.axsivs-modern-evolution__change span { display:inline-block; margin:2px; padding:4px 6px; color:#3567ff; background:rgba(53,103,255,.07); border-radius:5px; font-size:10px; }
/* =========================================================
SECTION 2 — SIGNALS
========================================================= */
.axsivs-modern-signals { padding:96px 0 102px !important; background:#f6f8fc; border-top:1px solid rgba(20,30,50,.04); }
.axsivs-modern-signals .sppb-row { align-items:center; }
.axsivs-modern-signals-copy .sppb-column-addons { padding-right:56px; }
.axsivs-modern-signals-board { position:relative; padding:36px 38px 32px; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:19px; overflow:hidden; }
.axsivs-modern-signals-board::before { content:""; position:absolute; top:-1px; left:38px; width:44px; height:2px; background:#3567ff; }
.axsivs-modern-signals-board__head { padding-bottom:24px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-modern-signals-board__head span { display:block; margin-bottom:7px; color:#10141c; font-size:27px; font-weight:500; letter-spacing:-.5px; }
.axsivs-modern-signals-board__head small { color:rgba(15,20,30,.54); font-size:14px; line-height:1.45; }
.axsivs-modern-signals-board__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 26px; }
.axsivs-modern-signals-board article { position:relative; padding:25px 0 23px 42px; border-bottom:1px solid rgba(20,30,50,.08); }
.axsivs-modern-signals-board article:nth-last-child(-n+2){border-bottom:0}
.axsivs-modern-signals-board article b { position:absolute; left:0; top:27px; color:#3567ff; font-size:11px; font-weight:600; }
.axsivs-modern-signals-board h3 { margin:0 0 8px !important; color:#10141c !important; font-size:20px !important; font-weight:500 !important; line-height:1.22 !important; text-transform:none !important; }
.axsivs-modern-signals-board p { margin:0 !important; color:rgba(15,20,30,.62) !important; font-size:14.5px !important; line-height:1.54 !important; }
/* =========================================================
SECTION 3 — PRESERVE / IMPROVE / REPLACE
========================================================= */
.axsivs-modern-preserve { padding:98px 0 104px !important; background:#fff; }
.axsivs-modern-preserve .sppb-row { align-items:center; }
.axsivs-modern-preserve-copy .sppb-column-addons { padding-right:56px; }
.axsivs-modern-preserve-panel { position:relative; padding:36px 38px 32px; background:#f7f9fc; border:1px solid rgba(20,30,50,.075); border-radius:18px; overflow:hidden; }
.axsivs-modern-preserve-panel::before { content:""; position:absolute; top:-1px; left:38px; width:44px; height:2px; background:#3567ff; }
.axsivs-modern-preserve-panel__head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding-bottom:22px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-modern-preserve-panel__head span { color:#10141c; font-size:27px; font-weight:500; letter-spacing:-.5px; }
.axsivs-modern-preserve-panel__head small { max-width:210px; color:rgba(15,20,30,.50); font-size:12px; line-height:1.4; text-align:right; }
.axsivs-modern-preserve-panel__flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:26px 0; }
.axsivs-modern-preserve-panel__flow article { min-height:185px; padding:20px 17px; background:#fff; border:1px solid rgba(20,30,50,.075); border-radius:12px; }
.axsivs-modern-preserve-panel__flow b { display:block; margin-bottom:25px; color:#3567ff; font-size:11px; }
.axsivs-modern-preserve-panel__flow h3 { margin:0 0 9px !important; color:#10141c !important; font-size:19px !important; font-weight:500 !important; line-height:1.2 !important; }
.axsivs-modern-preserve-panel__flow p { margin:0 !important; color:rgba(15,20,30,.61) !important; font-size:14px !important; line-height:1.5 !important; }
.axsivs-modern-preserve-panel__note { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:21px; border-top:1px solid rgba(20,30,50,.09); }
.axsivs-modern-preserve-panel__note span { color:#3567ff; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }
.axsivs-modern-preserve-panel__note b { max-width:500px; color:#2e394a; font-size:14px; font-weight:500; text-align:right; }
/* =========================================================
SECTION 4 — CHANGES
========================================================= */
.axsivs-modern-changes { padding:96px 0 102px !important; background:#f7f9fc; border-top:1px solid rgba(20,30,50,.045); }
.axsivs-modern-changes .sppb-row { align-items:center; }
.axsivs-modern-changes-copy .sppb-column-addons { padding-right:56px; }
.axsivs-modern-changes-list { position:relative; padding:36px 38px 32px; background:#fff; border:1px solid rgba(20,30,50,.09); border-radius:20px; box-shadow:0 18px 48px rgba(18,28,48,.035); overflow:hidden; }
.axsivs-modern-changes-list::before { content:""; position:absolute; top:-1px; left:38px; width:46px; height:2px; background:#3567ff; }
.axsivs-modern-changes-list__head { padding-bottom:24px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-modern-changes-list__head small { display:block; margin-bottom:9px; color:#3567ff; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.6px; }
.axsivs-modern-changes-list__head strong { color:#10141c; font-size:27px; font-weight:500; letter-spacing:-.45px; }
.axsivs-modern-changes-list ul { margin:0; padding:0; list-style:none; }
.axsivs-modern-changes-list li { display:grid; grid-template-columns:38px minmax(150px,190px) 1fr; gap:12px; align-items:start; padding:19px 0; border-bottom:1px solid rgba(20,30,50,.075); }
.axsivs-modern-changes-list li:last-child { border-bottom:0; padding-bottom:2px; }
.axsivs-modern-changes-list li b { color:#3567ff; font-size:11px; font-weight:600; padding-top:3px; }
.axsivs-modern-changes-list li span { color:#10141c; font-size:16px; font-weight:500; }
.axsivs-modern-changes-list li small { color:rgba(15,20,30,.57); font-size:13px; line-height:1.47; }
/* =========================================================
SECTION 5 — SCOPE
========================================================= */
.axsivs-modern-scope { padding:102px 0 108px !important; background:#fff; }
.axsivs-modern-wide-title h2,.axsivs-modern-wide-title .sppb-addon-title,.axsivs-modern-scope h2,.axsivs-modern-process h2 { max-width:820px; margin:0 0 24px !important; color:#10141c !important; font-size:50px !important; font-weight:500 !important; line-height:1.07 !important; letter-spacing:-1.3px !important; text-transform:none !important; }
.axsivs-modern-wide-intro { max-width:840px; margin-bottom:42px; }
.axsivs-modern-scope-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.axsivs-modern-scope-grid article { position:relative; min-height:220px; padding:28px 27px 26px; background:#f7f9fc; border:1px solid rgba(20,30,50,.075); border-radius:15px; overflow:hidden; transition:.22s ease; }
.axsivs-modern-scope-grid article::after { content:""; position:absolute; width:150px; height:150px; right:-95px; top:-95px; border-radius:50%; background:radial-gradient(circle,rgba(53,103,255,.12),rgba(53,103,255,0) 68%); opacity:.3; transition:.24s ease; pointer-events:none; }
.axsivs-modern-scope-grid b { display:block; margin-bottom:38px; color:#3567ff; font-size:11px; font-weight:600; }
.axsivs-modern-scope-grid h3 { margin:0 0 10px !important; color:#10141c !important; font-size:22px !important; font-weight:500 !important; line-height:1.2 !important; text-transform:none !important; }
.axsivs-modern-scope-grid p { margin:0 !important; color:rgba(15,20,30,.62) !important; font-size:15px !important; line-height:1.54 !important; }
@media (hover:hover){.axsivs-modern-scope-grid article:hover{transform:translateY(-3px);background:#fff;border-color:rgba(53,103,255,.18);box-shadow:0 14px 34px rgba(20,35,70,.035)}.axsivs-modern-scope-grid article:hover::after{opacity:1;transform:scale(1.05)}}
/* =========================================================
SECTION 6 — PROCESS
========================================================= */
.axsivs-modern-process { padding:100px 0 106px !important; background:#f6f8fc; }
.axsivs-modern-process-map { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:28px; background:#fff; border:1px solid rgba(20,30,50,.075); border-radius:19px; }
.axsivs-modern-process-map article { min-height:214px; padding:22px 18px 20px; background:#f8f9fc; border:1px solid rgba(20,30,50,.07); border-radius:12px; }
.axsivs-modern-process-map b { display:block; margin-bottom:32px; color:#3567ff; font-size:11px; font-weight:600; }
.axsivs-modern-process-map h3 { margin:0 0 10px !important; color:#10141c !important; font-size:19px !important; font-weight:500 !important; line-height:1.2 !important; text-transform:none !important; }
.axsivs-modern-process-map p { margin:0 !important; color:rgba(15,20,30,.61) !important; font-size:14.5px !important; line-height:1.52 !important; }
.axsivs-modern-process-btn { margin-top:28px !important; }
/* =========================================================
SECTION 7 — TASKS / DARK
========================================================= */
.axsivs-modern-tasks { padding:104px 0 108px !important; background:linear-gradient(120deg,#17202c 0%,#111a29 56%,#152139 100%); overflow:hidden; }
.axsivs-modern-tasks-title h2,.axsivs-modern-tasks-title .sppb-addon-title,.axsivs-modern-tasks h2 { max-width:900px; margin:0 0 44px !important; color:#fff !important; font-size:50px !important; font-weight:500 !important; line-height:1.07 !important; letter-spacing:-1.3px !important; text-transform:none !important; }
.axsivs-modern-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:58px; border-top:1px solid rgba(255,255,255,.12); }
.axsivs-modern-task-grid article { display:grid; grid-template-columns:42px 1fr; gap:12px; padding:23px 0 24px; border-bottom:1px solid rgba(255,255,255,.11); }
.axsivs-modern-task-grid b { padding-top:3px; color:#6f96ff; font-size:11px; font-weight:600; }
.axsivs-modern-task-grid p { margin:0 !important; color:rgba(255,255,255,.82) !important; font-size:16px !important; line-height:1.5 !important; }
.axsivs-modern-task-principle { display:grid; grid-template-columns:1fr 1.25fr; gap:70px; align-items:end; margin-top:50px; padding-top:30px; border-top:1px solid rgba(111,150,255,.35); }
.axsivs-modern-task-principle span { display:block; margin-bottom:10px; color:#6f96ff; font-size:11px; font-weight:600; letter-spacing:.65px; text-transform:uppercase; }
.axsivs-modern-task-principle h3 { margin:0 !important; color:#fff !important; font-size:29px !important; font-weight:500 !important; line-height:1.15 !important; letter-spacing:-.55px !important; text-transform:none !important; }
.axsivs-modern-task-principle p { margin:0 !important; color:rgba(255,255,255,.66) !important; font-size:15px !important; line-height:1.58 !important; }
/* =========================================================
SECTION 8 — CTA
========================================================= */
.axsivs-modern-cta { position:relative; padding:88px 0 94px !important; background:#fff; overflow:hidden; }
.axsivs-modern-cta::after { content:""; position:absolute; width:330px; height:330px; right:-150px; top:-175px; border:1px solid rgba(53,103,255,.07); border-radius:50%; pointer-events:none; }
.axsivs-modern-cta .sppb-row { align-items:center; }
.axsivs-modern-cta-copy .sppb-column-addons { padding-right:44px; }
.axsivs-modern-cta-title h2,.axsivs-modern-cta-title .sppb-addon-title,.axsivs-modern-cta h2 { max-width:690px; margin:0 0 21px !important; color:#10141c !important; font-size:48px !important; font-weight:500 !important; line-height:1.08 !important; letter-spacing:-1.2px !important; text-transform:none !important; }
.axsivs-modern-cta-text { max-width:700px; }
.axsivs-modern-cta-note { margin-top:18px; }
.axsivs-modern-cta-note p { margin:0 !important; color:#53617a !important; font-size:12.5px !important; line-height:1.5 !important; }
.axsivs-modern-cta-action .sppb-column-addons { display:flex; justify-content:flex-end; }
.axsivs-modern-cta-button .sppb-button-wrapper { margin:0 !important; }
.axsivs-modern-cta-button .sppb-btn { padding:17px 28px !important; font-size:16px !important; text-transform:none !important; }
/* =========================================================
TABLET <= 991px
========================================================= */
@media (max-width:991px) {
.axsivs-modern-hero { padding:78px 0 84px !important; }
.axsivs-modern-hero-title h1,.axsivs-modern-hero-title .sppb-addon-title { font-size:50px !important; letter-spacing:-1.6px !important; }
.axsivs-modern-hero-copy .sppb-column-addons,.axsivs-modern-signals-copy .sppb-column-addons,.axsivs-modern-preserve-copy .sppb-column-addons,.axsivs-modern-changes-copy .sppb-column-addons { padding-right:30px; }
.axsivs-modern-signals,.axsivs-modern-preserve,.axsivs-modern-changes,.axsivs-modern-scope,.axsivs-modern-process,.axsivs-modern-tasks { padding:82px 0 88px !important; }
.axsivs-modern-signals h2,.axsivs-modern-preserve h2,.axsivs-modern-changes h2 { font-size:40px !important; letter-spacing:-.9px !important; }
.axsivs-modern-wide-title h2,.axsivs-modern-wide-title .sppb-addon-title,.axsivs-modern-scope h2,.axsivs-modern-process h2,.axsivs-modern-tasks h2 { font-size:42px !important; }
.axsivs-modern-evolution { min-height:410px; }
.axsivs-modern-evolution__stage { width:48%; }
.axsivs-modern-evolution__change { width:132px; }
.axsivs-modern-signals-board__grid { grid-template-columns:1fr; }
.axsivs-modern-signals-board article:nth-last-child(-n+2) { border-bottom:1px solid rgba(20,30,50,.08); }
.axsivs-modern-signals-board article:last-child { border-bottom:0; }
.axsivs-modern-preserve-panel__flow { grid-template-columns:1fr; }
.axsivs-modern-preserve-panel__flow article { min-height:auto; }
.axsivs-modern-changes-list li { grid-template-columns:34px 1fr; }
.axsivs-modern-changes-list li small { grid-column:2; }
.axsivs-modern-scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.axsivs-modern-process-map { grid-template-columns:repeat(2,minmax(0,1fr)); }
.axsivs-modern-process-map article:last-child { grid-column:1 / -1; min-height:auto; }
.axsivs-modern-task-principle { gap:38px; }
}
/* =========================================================
MOBILE <= 767px
========================================================= */
@media (max-width:767px) {
.axsivs-modern-hero,.axsivs-modern-signals,.axsivs-modern-preserve,.axsivs-modern-changes,.axsivs-modern-scope,.axsivs-modern-process,.axsivs-modern-tasks,.axsivs-modern-cta { padding:66px 0 72px !important; }
.axsivs-modern-hero-copy .sppb-column-addons,.axsivs-modern-signals-copy .sppb-column-addons,.axsivs-modern-preserve-copy .sppb-column-addons,.axsivs-modern-changes-copy .sppb-column-addons,.axsivs-modern-cta-copy .sppb-column-addons { padding-right:0; }
.axsivs-modern-hero-title h1,.axsivs-modern-hero-title .sppb-addon-title { font-size:42px !important; line-height:1.05 !important; letter-spacing:-1.2px !important; }
.axsivs-modern-hero-text p,.axsivs-modern-copy-text p,.axsivs-modern-wide-intro p,.axsivs-modern-cta-text p { font-size:16px !important; line-height:1.56 !important; }
.axsivs-modern-primary-btn,.axsivs-modern-secondary-btn { margin-top:26px !important; }
.axsivs-modern-hero-visual-col .sppb-column-addons { padding-left:0; margin-top:40px; }
.axsivs-modern-evolution { min-height:auto; padding:26px 18px 20px; border-radius:18px; }
.axsivs-modern-evolution__stage { position:relative; width:100%; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; }
.axsivs-modern-evolution__change { position:relative; left:auto; top:auto; width:100%; transform:none; margin:14px 0; }
.axsivs-modern-browser { min-height:185px; }
.axsivs-modern-signals h2,.axsivs-modern-preserve h2,.axsivs-modern-changes h2,.axsivs-modern-wide-title h2,.axsivs-modern-wide-title .sppb-addon-title,.axsivs-modern-scope h2,.axsivs-modern-process h2,.axsivs-modern-tasks h2,.axsivs-modern-cta h2 { max-width:100%; font-size:36px !important; line-height:1.09 !important; letter-spacing:-.8px !important; }
.axsivs-modern-signals-board,.axsivs-modern-preserve-panel,.axsivs-modern-changes-list { margin-top:38px; padding:28px 22px 24px; border-radius:15px; }
.axsivs-modern-signals-board::before,.axsivs-modern-preserve-panel::before,.axsivs-modern-changes-list::before { left:22px; width:36px; }
.axsivs-modern-signals-board__head span,.axsivs-modern-preserve-panel__head span { font-size:24px; }
.axsivs-modern-signals-board article { padding-left:36px; }
.axsivs-modern-preserve-panel__head { display:block; }
.axsivs-modern-preserve-panel__head small { display:block; max-width:none; margin-top:7px; text-align:left; }
.axsivs-modern-preserve-panel__note { display:block; }
.axsivs-modern-preserve-panel__note b { display:block; max-width:none; margin-top:7px; text-align:left; }
.axsivs-modern-changes-list__head strong { font-size:24px; }
.axsivs-modern-changes-list li { grid-template-columns:32px 1fr; }
.axsivs-modern-wide-intro { margin-bottom:30px; }
.axsivs-modern-scope-grid { grid-template-columns:1fr; gap:12px; }
.axsivs-modern-scope-grid article { min-height:auto; padding:25px 23px 24px; }
.axsivs-modern-scope-grid b { margin-bottom:28px; }
.axsivs-modern-process-map { grid-template-columns:1fr; gap:10px; padding:20px; border-radius:16px; }
.axsivs-modern-process-map article,.axsivs-modern-process-map article:last-child { grid-column:auto; min-height:auto; padding:20px 18px; }
.axsivs-modern-process-map b { margin-bottom:18px; }
.axsivs-modern-task-grid { grid-template-columns:1fr; column-gap:0; }
.axsivs-modern-task-grid article { padding:21px 0; }
.axsivs-modern-task-grid p { font-size:15.5px !important; }
.axsivs-modern-task-principle { grid-template-columns:1fr; gap:22px; margin-top:42px; }
.axsivs-modern-task-principle h3 { font-size:26px !important; }
.axsivs-modern-cta-action .sppb-column-addons { justify-content:flex-start; margin-top:30px; }
}
/* =========================================================
AXSIVS — SEO PREPARATION
/services/seo
Prototype page-level CSS
========================================================= */
.axsivs-seo-hero,
.axsivs-seo-separate,
.axsivs-seo-pages,
.axsivs-seo-tech,
.axsivs-seo-speed,
.axsivs-seo-services,
.axsivs-seo-result,
.axsivs-seo-monthly,
.axsivs-seo-cta { font-family:"Inter",Arial,sans-serif !important; }
.axsivs-seo-hero *, .axsivs-seo-separate *, .axsivs-seo-pages *, .axsivs-seo-tech *, .axsivs-seo-speed *,
.axsivs-seo-services *, .axsivs-seo-result *, .axsivs-seo-monthly *, .axsivs-seo-cta * { box-sizing:border-box; }
.axsivs-seo-kicker .sppb-addon-content { margin:0 0 18px !important; }
.axsivs-seo-kicker p { margin:0 !important; }
.axsivs-seo-kicker span { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; color:#3567ff; background:rgba(53,103,255,.065); border:1px solid rgba(53,103,255,.13); border-radius:6px; font-size:12px; font-weight:600; line-height:1; letter-spacing:.25px; }
.axsivs-seo-kicker-warm span { color:#f2b96c; background:rgba(232,154,60,.10); border-color:rgba(238,169,84,.24); }
.axsivs-seo-separate h2,.axsivs-seo-tech h2,.axsivs-seo-speed h2,
.axsivs-seo-pages h2,.axsivs-seo-services h2,.axsivs-seo-result h2 { margin:0 0 25px !important; color:#10141c !important; font-size:47px !important; font-weight:500 !important; line-height:1.08 !important; letter-spacing:-1.15px !important; text-transform:none !important; }
.axsivs-seo-copy-text p,.axsivs-seo-wide-intro p,.axsivs-seo-cta-text p { margin:0 0 18px !important; color:rgba(15,20,30,.69) !important; font-size:17px !important; line-height:1.62 !important; }
.axsivs-seo-copy-text p:last-child,.axsivs-seo-wide-intro p:last-child,.axsivs-seo-cta-text p:last-child { margin-bottom:0 !important; }
.axsivs-seo-wide-intro { max-width:850px; margin-bottom:42px !important; }
.axsivs-seo-primary-btn,.axsivs-seo-monthly-btn { margin-top:31px !important; }
.axsivs-seo-primary-btn .sppb-button-wrapper,.axsivs-seo-monthly-btn .sppb-button-wrapper,.axsivs-seo-cta-button .sppb-button-wrapper { margin-top:0 !important; text-align:left !important; }
.axsivs-seo-primary-btn .sppb-btn,.axsivs-seo-cta-button .sppb-btn { padding:15px 25px !important; color:#fff !important; background:#3567ff !important; border:1px solid #3567ff !important; border-radius:9px !important; box-shadow:none !important; font-size:15px !important; font-weight:600 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-seo-monthly-btn .sppb-btn { padding:15px 25px !important; color:#17202c !important; background:#f0b467 !important; border:1px solid #f0b467 !important; border-radius:9px !important; box-shadow:none !important; font-size:15px !important; font-weight:650 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-seo-hero .sppb-btn,.axsivs-seo-separate .sppb-btn,.axsivs-seo-pages .sppb-btn,.axsivs-seo-tech .sppb-btn,.axsivs-seo-speed .sppb-btn,.axsivs-seo-services .sppb-btn,.axsivs-seo-result .sppb-btn,.axsivs-seo-monthly .sppb-btn,.axsivs-seo-cta .sppb-btn { text-transform:none !important; }
@media (hover:hover){
.axsivs-seo-primary-btn .sppb-btn:hover,.axsivs-seo-cta-button .sppb-btn:hover { background:#1747e8 !important; border-color:#1747e8 !important; transform:translateY(-2px); }
.axsivs-seo-monthly-btn .sppb-btn:hover { background:#f4bf79 !important; border-color:#f4bf79 !important; transform:translateY(-2px); }
}
/* HERO */
.axsivs-seo-hero { padding:92px 0 98px !important; background:#fff; overflow:hidden; }
.axsivs-seo-hero .sppb-row { align-items:center; }
.axsivs-seo-hero-copy .sppb-column-addons { padding-right:52px; }
.axsivs-seo-hero-title h1,.axsivs-seo-hero-title .sppb-addon-title { max-width:720px; margin:0 0 28px !important; color:#0f141d !important; font-size:61px !important; font-weight:500 !important; line-height:1.025 !important; letter-spacing:-2px !important; text-transform:none !important; }
.axsivs-seo-hero-text { max-width:620px; }
.axsivs-seo-hero-text p { margin:0 0 17px !important; color:rgba(15,20,30,.69) !important; font-size:17px !important; line-height:1.62 !important; }
.axsivs-seo-hero-text p:last-child { margin-bottom:0 !important; }
.axsivs-seo-hero-text strong { color:#17202b; font-weight:600; }
.axsivs-seo-hero-visual-col .sppb-column-addons { padding-left:18px; }
.axsivs-seo-hero-board { position:relative; min-height:455px; padding:28px 28px 25px; background:linear-gradient(145deg,#fbfdff 0%,#fff 58%,#fff9f2 100%); border:1px solid rgba(20,30,50,.08); border-radius:24px; overflow:hidden; box-shadow:0 18px 54px rgba(20,35,70,.04); }
.axsivs-seo-hero-board::before { content:""; position:absolute; width:270px; height:270px; right:-130px; top:-135px; border-radius:50%; background:radial-gradient(circle,rgba(73,113,255,.13),rgba(73,113,255,0) 70%); }
.axsivs-seo-hero-board::after { content:""; position:absolute; width:210px; height:210px; left:-115px; bottom:-120px; border-radius:50%; background:radial-gradient(circle,rgba(240,170,92,.14),rgba(240,170,92,0) 70%); }
.axsivs-seo-hero-board__scene { position:relative; z-index:2; min-height:315px; }
.axsivs-seo-hero-board__site { position:absolute; left:50%; top:48%; width:66%; max-width:350px; transform:translate(-50%,-50%); padding:14px; background:#fff; border:1px solid rgba(20,30,50,.09); border-radius:17px; box-shadow:0 18px 40px rgba(25,42,75,.075); }
.axsivs-seo-hero-board__browser { position:relative; height:27px; border-bottom:1px solid rgba(20,30,50,.075); }
.axsivs-seo-hero-board__browser i { position:absolute; top:3px; width:5px; height:5px; border-radius:50%; background:#cbd3df; }
.axsivs-seo-hero-board__browser i:nth-child(1){left:0}.axsivs-seo-hero-board__browser i:nth-child(2){left:10px}.axsivs-seo-hero-board__browser i:nth-child(3){left:20px}
.axsivs-seo-hero-board__browser span { position:absolute; top:2px; right:0; width:35%; height:6px; border-radius:6px; background:#eef2f7; }
.axsivs-seo-hero-board__screen { padding-top:14px; }
.axsivs-seo-hero-board__screen .is-hero { height:82px; margin-bottom:12px; border-radius:10px; background:linear-gradient(135deg,#e9f0ff 0%,#f5f8ff 45%,#fff0e3 100%); border:1px solid rgba(53,103,255,.07); }
.axsivs-seo-hero-board__screen .is-copy { width:64%; margin-bottom:14px; }
.axsivs-seo-hero-board__screen .is-copy i { display:block; height:7px; margin-bottom:7px; border-radius:6px; background:#dfe5ed; }
.axsivs-seo-hero-board__screen .is-copy i:nth-child(2){width:84%}.axsivs-seo-hero-board__screen .is-copy i:nth-child(3){width:68%}
.axsivs-seo-hero-board__screen .is-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.axsivs-seo-hero-board__screen .is-grid i { display:block; height:54px; border-radius:8px; background:#f5f7fa; border:1px solid rgba(20,30,50,.055); }
.axsivs-seo-hero-board__tags span { position:absolute; z-index:3; display:inline-flex; align-items:center; min-height:31px; padding:0 11px; background:rgba(255,255,255,.94); border:1px solid rgba(20,30,50,.09); border-radius:9px; box-shadow:0 8px 22px rgba(20,35,70,.05); color:#273448; font-size:11.5px; font-weight:600; white-space:nowrap; }
.axsivs-seo-hero-board__tags span::before { content:""; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#3567ff; }
.axsivs-seo-hero-board__tags .is-one { left:2%; top:12%; }
.axsivs-seo-hero-board__tags .is-two { right:1%; top:19%; }
.axsivs-seo-hero-board__tags .is-three { left:1%; bottom:13%; }
.axsivs-seo-hero-board__tags .is-four { right:2%; bottom:10%; }
.axsivs-seo-hero-board__tags .is-three::before { background:#7e65e8; }
.axsivs-seo-hero-board__tags .is-four::before { background:#e9a356; }
.axsivs-seo-hero-board__ready { position:relative; z-index:2; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; padding:17px 18px; background:rgba(255,255,255,.88); border:1px solid rgba(20,30,50,.075); border-radius:13px; }
.axsivs-seo-hero-board__engines { display:flex; gap:6px; }
.axsivs-seo-hero-board__engines span { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:8px; font-size:12px; font-weight:700; }
.axsivs-seo-hero-board__engines .is-yandex { color:#c75b35; background:#fff0e6; }
.axsivs-seo-hero-board__engines .is-google { color:#385fc7; background:#edf3ff; }
.axsivs-seo-hero-board__ready p { margin:0 !important; }
.axsivs-seo-hero-board__ready strong { display:block; margin-bottom:3px; color:#17202b; font-size:13.5px; font-weight:600; }
.axsivs-seo-hero-board__ready small { display:block; color:rgba(15,20,30,.52); font-size:11.5px; line-height:1.38; }
/* SEPARATE */
.axsivs-seo-separate { padding:96px 0 102px !important; background:#f7f9fc; border-top:1px solid rgba(20,30,50,.04); }
.axsivs-seo-separate .sppb-row { align-items:center; }
.axsivs-seo-separate-copy .sppb-column-addons { padding-right:54px; }
.axsivs-seo-check-panel { position:relative; padding:34px 36px 30px; background:#fff; border:1px solid rgba(20,30,50,.085); border-radius:19px; overflow:hidden; }
.axsivs-seo-check-panel::before { content:""; position:absolute; top:-1px; left:36px; width:44px; height:2px; background:#3567ff; }
.axsivs-seo-check-panel__head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding-bottom:21px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-seo-check-panel__head span { color:#10141c; font-size:25px; font-weight:500; }
.axsivs-seo-check-panel__head small { color:rgba(15,20,30,.48); font-size:12px; text-align:right; }
.axsivs-seo-check-panel ul { margin:0 !important; padding:0 !important; list-style:none !important; }
.axsivs-seo-check-panel li { display:grid; grid-template-columns:minmax(150px,185px) 1fr; gap:18px; padding:21px 0; border-bottom:1px solid rgba(20,30,50,.075); }
.axsivs-seo-check-panel li:last-child { border-bottom:0; padding-bottom:2px; }
.axsivs-seo-check-panel b { color:#10141c; font-size:15px; font-weight:550; }
.axsivs-seo-check-panel li span { color:rgba(15,20,30,.59); font-size:14px; line-height:1.5; }
/* PAGES */
.axsivs-seo-pages { padding:100px 0 106px !important; background:#fff; }
.axsivs-seo-pages-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.axsivs-seo-pages-grid article { position:relative; min-height:210px; padding:27px 26px 24px; background:#f7f9fc; border:1px solid rgba(20,30,50,.075); border-radius:14px; overflow:hidden; transition:.22s ease; }
.axsivs-seo-pages-grid article::after { content:""; position:absolute; width:130px; height:130px; right:-82px; top:-82px; border-radius:50%; background:radial-gradient(circle,rgba(53,103,255,.12),rgba(53,103,255,0) 70%); opacity:.36; transition:.22s ease; }
.axsivs-seo-pages-grid b { display:block; margin-bottom:34px; color:#3567ff; font-size:10px; font-weight:650; }
.axsivs-seo-pages-grid h3 { margin:0 0 9px !important; color:#10141c !important; font-size:21px !important; font-weight:500 !important; line-height:1.2 !important; text-transform:none !important; }
.axsivs-seo-pages-grid p { margin:0 !important; color:rgba(15,20,30,.61) !important; font-size:14.5px !important; line-height:1.53 !important; }
@media (hover:hover){.axsivs-seo-pages-grid article:hover{transform:translateY(-3px);background:#fff;border-color:rgba(53,103,255,.18);box-shadow:0 14px 34px rgba(20,35,70,.035)}.axsivs-seo-pages-grid article:hover::after{opacity:1;}}
/* TECH */
.axsivs-seo-tech { padding:98px 0 104px !important; background:#f7f9fc; }
.axsivs-seo-tech .sppb-row { align-items:center; }
.axsivs-seo-tech-copy .sppb-column-addons { padding-right:54px; }
.axsivs-seo-tech-panel { position:relative; padding:35px 37px 31px; background:#fff; border:1px solid rgba(20,30,50,.085); border-radius:19px; overflow:hidden; box-shadow:0 14px 40px rgba(20,35,70,.025); }
.axsivs-seo-tech-panel::before { content:""; position:absolute; top:-1px; left:37px; width:46px; height:2px; background:#3567ff; }
.axsivs-seo-tech-panel__top { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; padding-bottom:22px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-seo-tech-panel__top span { color:#10141c; font-size:25px; font-weight:500; }
.axsivs-seo-tech-panel__top small { color:rgba(15,20,30,.47); font-size:12px; text-align:right; }
.axsivs-seo-tech-list article { display:grid; grid-template-columns:minmax(145px,190px) 1fr; gap:18px; padding:19px 0; border-bottom:1px solid rgba(20,30,50,.075); }
.axsivs-seo-tech-list article:last-child { border-bottom:0; padding-bottom:1px; }
.axsivs-seo-tech-list b { color:#10141c; font-size:15px; font-weight:550; }
.axsivs-seo-tech-list p { margin:0 !important; color:rgba(15,20,30,.59) !important; font-size:13.8px !important; line-height:1.48 !important; }
/* SPEED */
.axsivs-seo-speed { padding:98px 0 104px !important; background:#fff; }
.axsivs-seo-speed .sppb-row { align-items:center; }
.axsivs-seo-speed-copy .sppb-column-addons { padding-right:52px; }
.axsivs-seo-speed-board { position:relative; min-height:365px; padding:31px 32px 27px; background:linear-gradient(145deg,#f7faff,#fff); border:1px solid rgba(20,30,50,.08); border-radius:20px; overflow:hidden; }
.axsivs-seo-speed-board__browser { position:relative; height:76px; margin-bottom:24px; padding:22px 20px; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:11px; }
.axsivs-seo-speed-board__browser i { position:absolute; top:12px; width:5px; height:5px; border-radius:50%; background:#cbd3df; }
.axsivs-seo-speed-board__browser i:nth-child(1){left:14px}.axsivs-seo-speed-board__browser i:nth-child(2){left:24px}.axsivs-seo-speed-board__browser i:nth-child(3){left:34px}
.axsivs-seo-speed-board__browser span { display:block; width:72%; height:18px; margin-top:12px; border-radius:7px; background:linear-gradient(90deg,#3567ff,#78c9e8 58%,#e5ecf6); opacity:.88; }
.axsivs-seo-speed-board__rows article { display:grid; grid-template-columns:145px 1fr; align-items:center; gap:16px; padding:12px 0; }
.axsivs-seo-speed-board__rows span { color:#273448; font-size:13px; font-weight:500; }
.axsivs-seo-speed-board__rows b { display:block; height:8px; border-radius:8px; background:#e9eef5; overflow:hidden; }
.axsivs-seo-speed-board__rows b i { display:block; height:100%; border-radius:8px; background:linear-gradient(90deg,#3567ff,#6fc9e9); }
.axsivs-seo-speed-board > small { display:block; margin-top:18px; padding-top:18px; border-top:1px solid rgba(20,30,50,.08); color:rgba(15,20,30,.48); font-size:12px; line-height:1.4; }
/* SERVICES */
.axsivs-seo-services { padding:100px 0 106px !important; background:#f7f9fc; }
.axsivs-seo-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.axsivs-seo-services-grid article { position:relative; min-height:255px; padding:31px 30px 28px; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:16px; overflow:hidden; }
.axsivs-seo-services-grid article::before { content:""; position:absolute; left:30px; top:-1px; width:44px; height:2px; }
.axsivs-seo-services-grid article.is-yandex::before { background:#ef9e5b; }
.axsivs-seo-services-grid article.is-google::before { background:#4d75e9; }
.axsivs-seo-services-grid article > div { display:flex; align-items:center; gap:9px; margin-bottom:31px; }
.axsivs-seo-services-grid article > div span { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:9px; font-size:15px; font-weight:700; }
.axsivs-seo-services-grid .is-yandex > div span { color:#c65732; background:#fff0e5; }
.axsivs-seo-services-grid .is-google > div span { color:#355fcf; background:#edf3ff; }
.axsivs-seo-services-grid article > div small { color:rgba(15,20,30,.48); font-size:12px; font-weight:600; }
.axsivs-seo-services-grid h3 { margin:0 0 11px !important; color:#10141c !important; font-size:23px !important; font-weight:500 !important; line-height:1.2 !important; }
.axsivs-seo-services-grid p { margin:0 !important; color:rgba(15,20,30,.61) !important; font-size:15px !important; line-height:1.55 !important; }
/* RESULT */
.axsivs-seo-result { padding:100px 0 106px !important; background:#fff; }
.axsivs-seo-result-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:54px; align-items:start; }
.axsivs-seo-result-summary { position:relative; padding:32px 30px 30px; background:linear-gradient(145deg,#f7f9fc,#fff); border:1px solid rgba(20,30,50,.075); border-radius:16px; overflow:hidden; }
.axsivs-seo-result-summary::before { content:""; position:absolute; left:30px; top:-1px; width:45px; height:2px; background:#3567ff; }
.axsivs-seo-result-summary > span { display:block; margin-bottom:30px; color:#3567ff; font-size:11px; font-weight:650; }
.axsivs-seo-result-summary h3 { max-width:380px; margin:0 0 14px !important; color:#10141c !important; font-size:27px !important; font-weight:500 !important; line-height:1.16 !important; letter-spacing:-.45px !important; }
.axsivs-seo-result-summary p { margin:0 !important; color:rgba(15,20,30,.62) !important; font-size:15px !important; line-height:1.58 !important; }
.axsivs-seo-result-list { border-top:1px solid rgba(20,30,50,.10); }
.axsivs-seo-result-list article { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:20px 0; border-bottom:1px solid rgba(20,30,50,.10); }
.axsivs-seo-result-list b { color:#3567ff; font-size:10px; font-weight:650; padding-top:4px; }
.axsivs-seo-result-list h3 { margin:0 0 6px !important; color:#10141c !important; font-size:18px !important; font-weight:500 !important; line-height:1.22 !important; }
.axsivs-seo-result-list p { margin:0 !important; color:rgba(15,20,30,.60) !important; font-size:14px !important; line-height:1.48 !important; }
.axsivs-seo-result-note { display:grid; grid-template-columns:90px 1fr; gap:22px; margin-top:24px; padding:20px 22px; background:#fff9f2; border:1px solid #f3dfc9; border-radius:11px; }
.axsivs-seo-result-note strong { color:#b76d2c; font-size:12px; font-weight:650; text-transform:uppercase; letter-spacing:.45px; }
.axsivs-seo-result-note p { margin:0 !important; color:#604e3e !important; font-size:14px !important; line-height:1.5 !important; }
/* MONTHLY */
.axsivs-seo-monthly { position:relative; padding:96px 0 100px !important; background:linear-gradient(135deg,#252e38 0%,#202933 58%,#1d252e 100%); overflow:hidden; }
.axsivs-seo-monthly::before { content:""; position:absolute; width:520px; height:520px; right:-250px; top:-300px; border-radius:50%; background:radial-gradient(circle,rgba(74,111,255,.18),rgba(74,111,255,0) 70%); pointer-events:none; }
.axsivs-seo-monthly .sppb-row { position:relative; z-index:2; align-items:center; }
.axsivs-seo-monthly-copy .sppb-column-addons { padding-right:54px; }
.axsivs-seo-monthly h2,.axsivs-seo-monthly .sppb-addon-title { max-width:600px; margin:0 0 25px !important; color:#fff !important; font-size:48px !important; font-weight:500 !important; line-height:1.08 !important; letter-spacing:-1.2px !important; text-transform:none !important; }
.axsivs-seo-monthly-text p { margin:0 0 17px !important; color:rgba(235,241,247,.72) !important; font-size:16.5px !important; line-height:1.62 !important; }
.axsivs-seo-monthly-text p:last-child { margin-bottom:0 !important; }
.axsivs-seo-monthly-list { padding:28px 31px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10); border-radius:17px; backdrop-filter:blur(2px); }
.axsivs-seo-monthly-list article { display:grid; grid-template-columns:38px 1fr; gap:13px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.09); }
.axsivs-seo-monthly-list article:last-child { border-bottom:0; }
.axsivs-seo-monthly-list b { color:#f0b467; font-size:10px; font-weight:650; padding-top:3px; }
.axsivs-seo-monthly-list span { color:#eef3f7; font-size:14.5px; line-height:1.46; }
/* CTA */
.axsivs-seo-cta { padding:88px 0 94px !important; background:#f6f8fc; }
.axsivs-seo-cta .sppb-column-addons { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) auto; gap:38px; align-items:center; padding:46px 48px; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:19px; }
.axsivs-seo-cta h2,.axsivs-seo-cta .sppb-addon-title { max-width:480px; margin:0 !important; color:#10141c !important; font-size:43px !important; font-weight:500 !important; line-height:1.08 !important; letter-spacing:-1px !important; text-transform:none !important; }
.axsivs-seo-cta-text { max-width:470px; }
.axsivs-seo-cta-text p { font-size:15.5px !important; line-height:1.55 !important; }
.axsivs-seo-cta-button { justify-self:end; }
.axsivs-seo-cta-button .sppb-btn { white-space:nowrap; }
/* TABLET */
@media (max-width:991px){
.axsivs-seo-hero { padding:74px 0 80px !important; }
.axsivs-seo-hero-copy .sppb-column-addons,.axsivs-seo-separate-copy .sppb-column-addons,.axsivs-seo-tech-copy .sppb-column-addons,.axsivs-seo-speed-copy .sppb-column-addons,.axsivs-seo-monthly-copy .sppb-column-addons { padding-right:28px; }
.axsivs-seo-hero-title h1,.axsivs-seo-hero-title .sppb-addon-title { font-size:49px !important; letter-spacing:-1.45px !important; }
.axsivs-seo-separate h2,.axsivs-seo-tech h2,.axsivs-seo-speed h2,.axsivs-seo-pages h2,.axsivs-seo-services h2,.axsivs-seo-result h2 { font-size:40px !important; letter-spacing:-.9px !important; }
.axsivs-seo-hero-board { min-height:420px; padding:26px 22px 23px; }
.axsivs-seo-hero-board__site { width:69%; }
.axsivs-seo-result-layout { gap:34px; }
.axsivs-seo-pages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.axsivs-seo-monthly h2,.axsivs-seo-monthly .sppb-addon-title { font-size:41px !important; }
.axsivs-seo-cta .sppb-column-addons { grid-template-columns:1fr 1fr; gap:28px; padding:38px 34px; }
.axsivs-seo-cta-button { grid-column:2; justify-self:start; }
.axsivs-seo-cta h2,.axsivs-seo-cta .sppb-addon-title { font-size:36px !important; }
}
/* MOBILE */
@media (max-width:767px){
.axsivs-seo-hero,.axsivs-seo-separate,.axsivs-seo-pages,.axsivs-seo-tech,.axsivs-seo-speed,.axsivs-seo-services,.axsivs-seo-result,.axsivs-seo-monthly,.axsivs-seo-cta { padding:64px 0 70px !important; }
.axsivs-seo-hero-copy .sppb-column-addons,.axsivs-seo-separate-copy .sppb-column-addons,.axsivs-seo-tech-copy .sppb-column-addons,.axsivs-seo-speed-copy .sppb-column-addons,.axsivs-seo-monthly-copy .sppb-column-addons { padding-right:0; }
.axsivs-seo-hero-visual-col .sppb-column-addons { padding-left:0; padding-top:42px; }
.axsivs-seo-hero-title h1,.axsivs-seo-hero-title .sppb-addon-title { max-width:100%; font-size:39px !important; line-height:1.07 !important; letter-spacing:-1px !important; }
.axsivs-seo-hero-text p,.axsivs-seo-copy-text p,.axsivs-seo-wide-intro p,.axsivs-seo-cta-text p { font-size:16px !important; line-height:1.56 !important; }
.axsivs-seo-separate h2,.axsivs-seo-tech h2,.axsivs-seo-speed h2,.axsivs-seo-pages h2,.axsivs-seo-services h2,.axsivs-seo-result h2 { font-size:33px !important; line-height:1.1 !important; letter-spacing:-.7px !important; }
.axsivs-seo-hero-board { min-height:0; padding:22px 18px 19px; border-radius:18px; }
.axsivs-seo-hero-board__scene { min-height:285px; }
.axsivs-seo-hero-board__site { width:74%; }
.axsivs-seo-hero-board__tags span { font-size:10.5px; min-height:29px; padding:0 9px; }
.axsivs-seo-hero-board__ready { grid-template-columns:1fr; gap:10px; }
.axsivs-seo-check-panel__head,.axsivs-seo-tech-panel__top { align-items:flex-start; flex-direction:column; gap:7px; }
.axsivs-seo-check-panel__head small,.axsivs-seo-tech-panel__top small { text-align:left; }
.axsivs-seo-separate-panel-col .sppb-column-addons,.axsivs-seo-tech-panel-col .sppb-column-addons,.axsivs-seo-speed-visual-col .sppb-column-addons { padding-top:38px; }
.axsivs-seo-check-panel,.axsivs-seo-tech-panel { padding:28px 22px 24px; }
.axsivs-seo-check-panel li,.axsivs-seo-tech-list article { grid-template-columns:1fr; gap:7px; }
.axsivs-seo-pages-grid,.axsivs-seo-services-grid { grid-template-columns:1fr; }
.axsivs-seo-result-layout { grid-template-columns:1fr; gap:28px; }
.axsivs-seo-pages-grid article { min-height:0; }
.axsivs-seo-speed-board { min-height:0; padding:25px 21px 23px; }
.axsivs-seo-speed-board__rows article { grid-template-columns:112px 1fr; gap:11px; }
.axsivs-seo-services-grid article { min-height:0; padding:27px 23px 24px; }
.axsivs-seo-result-summary { padding:27px 23px 25px; }
.axsivs-seo-result-summary h3 { font-size:23px !important; }
.axsivs-seo-result-note { grid-template-columns:1fr; gap:8px; padding:20px; }
.axsivs-seo-monthly .sppb-row { align-items:flex-start; }
.axsivs-seo-monthly h2,.axsivs-seo-monthly .sppb-addon-title { font-size:34px !important; letter-spacing:-.7px !important; }
.axsivs-seo-monthly-list-col .sppb-column-addons { padding-top:40px; }
.axsivs-seo-monthly-list { padding:23px 20px; }
.axsivs-seo-monthly-list article { grid-template-columns:31px 1fr; }
.axsivs-seo-cta .sppb-column-addons { display:block; padding:31px 23px; }
.axsivs-seo-cta h2,.axsivs-seo-cta .sppb-addon-title { font-size:32px !important; margin-bottom:20px !important; }
.axsivs-seo-cta-text { margin-bottom:25px; }
.axsivs-seo-cta-button { justify-self:start; }
}
/* =========================================================
AXSIVS — SERVICES HUB
/services
Prototype page-level CSS
========================================================= */
.axsivs-services-hero,
.axsivs-services-routes,
.axsivs-services-human,
.axsivs-services-existing,
.axsivs-services-joomla,
.axsivs-services-process,
.axsivs-services-cta { font-family:"Inter",Arial,sans-serif !important; }
.axsivs-services-hero *, .axsivs-services-routes *, .axsivs-services-human *,
.axsivs-services-existing *, .axsivs-services-joomla *, .axsivs-services-process *,
.axsivs-services-cta * { box-sizing:border-box; }
/* COMMON */
.axsivs-services-kicker .sppb-addon-content { margin:0 0 18px !important; }
.axsivs-services-kicker p { margin:0 !important; }
.axsivs-services-kicker span { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; color:#3567ff; background:rgba(53,103,255,.065); border:1px solid rgba(53,103,255,.13); border-radius:6px; font-size:12px; font-weight:600; line-height:1; letter-spacing:.24px; }
.axsivs-services-kicker-dark span { color:#8ea4ff; background:rgba(88,116,255,.11); border-color:rgba(116,140,255,.20); }
.axsivs-services-routes h2,.axsivs-services-human h2,.axsivs-services-existing h2,
.axsivs-services-joomla h2 { margin:0 0 25px !important; color:#10141c !important; font-size:48px !important; font-weight:500 !important; line-height:1.075 !important; letter-spacing:-1.2px !important; text-transform:none !important; }
.axsivs-services-copy-text p,.axsivs-services-wide-intro p,.axsivs-services-cta-text p { margin:0 0 18px !important; color:rgba(15,20,30,.69) !important; font-size:17px !important; line-height:1.62 !important; }
.axsivs-services-copy-text p:last-child,.axsivs-services-wide-intro p:last-child,.axsivs-services-cta-text p:last-child { margin-bottom:0 !important; }
.axsivs-services-wide-intro { max-width:780px; margin-bottom:44px !important; }
.axsivs-services-primary-btn,.axsivs-services-secondary-btn { margin-top:31px !important; }
.axsivs-services-primary-btn .sppb-button-wrapper,.axsivs-services-secondary-btn .sppb-button-wrapper,.axsivs-services-dark-btn .sppb-button-wrapper,.axsivs-services-cta-button .sppb-button-wrapper { margin-top:0 !important; text-align:left !important; }
.axsivs-services-primary-btn .sppb-btn,.axsivs-services-cta-button .sppb-btn { padding:15px 25px !important; color:#fff !important; background:#3567ff !important; border:1px solid #3567ff !important; border-radius:9px !important; box-shadow:none !important; font-size:15px !important; font-weight:600 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-services-secondary-btn .sppb-btn { padding:14px 22px !important; color:#244ed6 !important; background:#f3f6ff !important; border:1px solid rgba(53,103,255,.16) !important; border-radius:9px !important; box-shadow:none !important; font-size:14px !important; font-weight:600 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-services-dark-btn { margin-top:34px !important; }
.axsivs-services-dark-btn .sppb-btn { padding:14px 23px !important; color:#fff !important; background:#3567ff !important; border:1px solid #3567ff !important; border-radius:9px !important; box-shadow:none !important; font-size:14px !important; font-weight:600 !important; text-transform:none !important; transition:.2s ease; }
.axsivs-services-hero .sppb-btn,.axsivs-services-routes .sppb-btn,.axsivs-services-human .sppb-btn,.axsivs-services-existing .sppb-btn,.axsivs-services-joomla .sppb-btn,.axsivs-services-process .sppb-btn,.axsivs-services-cta .sppb-btn { text-transform:none !important; }
@media (hover:hover){
.axsivs-services-primary-btn .sppb-btn:hover,.axsivs-services-cta-button .sppb-btn:hover,.axsivs-services-dark-btn .sppb-btn:hover { background:#1849ea !important; border-color:#1849ea !important; transform:translateY(-2px); }
.axsivs-services-secondary-btn .sppb-btn:hover { color:#143fcf !important; background:#eaf0ff !important; transform:translateY(-2px); }
}
/* HERO */
.axsivs-services-hero { padding:92px 0 100px !important; background:#fff; overflow:hidden; }
.axsivs-services-hero .sppb-row { align-items:center; }
.axsivs-services-hero-copy .sppb-column-addons { padding-right:54px; }
.axsivs-services-hero-title h1,.axsivs-services-hero-title .sppb-addon-title { max-width:690px; margin:0 0 27px !important; color:#0f141d !important; font-size:63px !important; font-weight:500 !important; line-height:1.02 !important; letter-spacing:-2px !important; text-transform:none !important; }
.axsivs-services-hero-text { max-width:610px; }
.axsivs-services-hero-text p { margin:0 0 17px !important; color:rgba(15,20,30,.69) !important; font-size:17px !important; line-height:1.62 !important; }
.axsivs-services-hero-text p:last-child { margin-bottom:0 !important; }
.axsivs-services-hero-visual-col .sppb-column-addons { padding-left:18px; }
.axsivs-services-hero-image { max-width:590px; margin-left:auto !important; }
.axsivs-services-hero-image .sppb-addon-content { margin:0 !important; }
.axsivs-services-hero-image img,
.axsivs-services-hero-image .sppb-img-responsive { display:block; width:100% !important; max-width:100% !important; height:auto !important; margin-left:auto; border-radius:24px; box-shadow:0 24px 58px rgba(26,42,78,.075); object-fit:cover; }
/* ROUTES */
.axsivs-services-routes { padding:104px 0 112px !important; background:#f7f9fc; }
.axsivs-services-route-list { border-top:1px solid rgba(20,30,50,.11); }
.axsivs-services-route { position:relative; display:grid; grid-template-columns:60px minmax(150px,.75fr) minmax(0,1.65fr) auto; gap:26px; align-items:center; padding:30px 4px; color:inherit !important; text-decoration:none !important; border-bottom:1px solid rgba(20,30,50,.11); transition:padding .2s ease,background .2s ease; }
.axsivs-services-route::before { content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:#3567ff; transition:width .2s ease; }
.axsivs-services-route.is-tech::before { background:#e19752; }
.axsivs-services-route .route-no { color:#3567ff; font-size:10px; font-weight:700; }
.axsivs-services-route.is-tech .route-no { color:#ce7c37; }
.axsivs-services-route .route-situation { color:rgba(15,20,30,.55); font-size:13px; font-weight:500; line-height:1.4; }
.axsivs-services-route .route-main b { display:block; margin-bottom:7px; color:#111722; font-size:24px; font-weight:500; line-height:1.15; letter-spacing:-.35px; }
.axsivs-services-route .route-main small { display:block; max-width:650px; color:rgba(15,20,30,.60); font-size:14.5px; line-height:1.52; }
.axsivs-services-route .route-arrow { display:flex; align-items:center; gap:12px; white-space:nowrap; color:#2d55cf; font-size:12px; font-weight:600; }
.axsivs-services-route .route-arrow i { font-style:normal; font-size:18px; font-weight:400; }
@media (hover:hover){
.axsivs-services-route:hover { padding-left:12px; padding-right:12px; background:rgba(255,255,255,.58); }
.axsivs-services-route:hover::before { width:42px; }
}
/* HUMAN */
.axsivs-services-human { padding:104px 0 110px !important; background:#fff; }
.axsivs-services-human .sppb-row { align-items:center; }
.axsivs-services-human-copy .sppb-column-addons { padding-right:50px; }
.axsivs-services-human-panel-col .sppb-column-addons { padding-left:22px; }
.axsivs-services-human-panel { padding:29px 31px 26px; border:1px solid rgba(20,30,50,.085); border-radius:18px; background:linear-gradient(145deg,#fbfcff,#fff); box-shadow:0 18px 40px rgba(20,35,70,.035); }
.axsivs-services-human-panel__head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-bottom:22px; border-bottom:1px solid rgba(20,30,50,.09); }
.axsivs-services-human-panel__head span { color:#121923; font-size:18px; font-weight:600; }
.axsivs-services-human-panel__head small { color:rgba(15,20,30,.45); font-size:11px; }
.axsivs-services-human-panel__row { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:20px 0; border-bottom:1px solid rgba(20,30,50,.085); }
.axsivs-services-human-panel__row:last-child { border-bottom:0; padding-bottom:5px; }
.axsivs-services-human-panel__row p { margin:0 !important; color:rgba(15,20,30,.68) !important; font-size:14.5px !important; line-height:1.48 !important; }
.axsivs-services-human-panel__row b { min-width:108px; padding:8px 10px; color:#315cde; background:#f0f4ff; border-radius:7px; text-align:center; font-size:11px; font-weight:650; }
.axsivs-services-human-panel__row.is-tech b { color:#b36a2d; background:#fff4e9; }
/* EXISTING */
.axsivs-services-existing { padding:106px 0 112px !important; background:#f7f9fc; }
.axsivs-services-existing .sppb-row { align-items:center; }
.axsivs-services-existing-copy .sppb-column-addons { padding-right:54px; }
.axsivs-services-existing-visual-col .sppb-column-addons { padding-left:18px; }
.axsivs-services-decision { position:relative; padding:29px 28px 26px; background:#fff; border:1px solid rgba(20,30,50,.085); border-radius:19px; box-shadow:0 18px 42px rgba(20,35,70,.035); overflow:hidden; }
.axsivs-services-decision__source { display:flex; align-items:center; gap:7px; min-height:43px; padding:0 14px; border:1px solid #e7ebf1; border-radius:10px; background:#fafbfc; }
.axsivs-services-decision__source span { margin-right:auto; color:#151c27; font-size:13px; font-weight:600; }
.axsivs-services-decision__source i { width:7px; height:7px; border-radius:50%; background:#d8dee8; }
.axsivs-services-decision__rail { position:relative; height:42px; }
.axsivs-services-decision__rail::before { content:""; position:absolute; left:50%; top:0; width:1px; height:42px; background:#cbd6f5; }
.axsivs-services-decision__rail i { position:absolute; left:calc(50% - 4px); top:18px; width:9px; height:9px; border-radius:50%; background:#3567ff; box-shadow:0 0 0 5px rgba(53,103,255,.08); }
.axsivs-services-decision__items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.axsivs-services-decision__items article { min-height:156px; padding:18px 16px; background:#f8faff; border:1px solid #edf1f7; border-radius:11px; }
.axsivs-services-decision__items article.is-warm { background:#fffaf4; }
.axsivs-services-decision__items small { display:block; margin-bottom:20px; color:#3567ff; font-size:9px; font-weight:700; }
.axsivs-services-decision__items .is-warm small { color:#cd7b37; }
.axsivs-services-decision__items b { display:block; margin-bottom:8px; color:#131a24; font-size:17px; font-weight:600; }
.axsivs-services-decision__items p { margin:0 !important; color:rgba(15,20,30,.55) !important; font-size:12.5px !important; line-height:1.48 !important; }
.axsivs-services-decision__result { margin-top:10px; padding:15px 17px; color:#234dd3; background:#edf3ff; border-radius:9px; text-align:center; font-size:12px; font-weight:650; }
/* JOOMLA — secondary specialization block */
.axsivs-services-joomla { padding:82px 0 88px !important; background:#fff; }
.axsivs-services-joomla .sppb-row { align-items:center; }
.axsivs-services-joomla-copy .sppb-column-addons { padding-right:72px; }
.axsivs-services-joomla-panel-col .sppb-column-addons { padding-left:8px; }
.axsivs-services-joomla h2 { max-width:620px; margin-bottom:22px !important; font-size:42px !important; line-height:1.08 !important; letter-spacing:-1px !important; }
.axsivs-services-joomla .axsivs-services-copy-text { max-width:610px; }
.axsivs-services-joomla .axsivs-services-secondary-btn { margin-top:25px !important; }
.axsivs-services-joomla .axsivs-services-secondary-btn .sppb-btn { padding:12px 19px !important; font-size:13.5px !important; }
.axsivs-services-joomla-panel { position:relative; padding:23px 24px 20px; border:1px solid rgba(20,30,50,.075); border-radius:16px; background:linear-gradient(150deg,#fbfcff,#fff); overflow:hidden; }
.axsivs-services-joomla-panel::before { content:""; position:absolute; width:190px; height:190px; right:-105px; top:-110px; border-radius:50%; background:radial-gradient(circle,rgba(57,101,255,.10),rgba(57,101,255,0) 70%); }
.axsivs-services-joomla-panel__label { position:relative; z-index:2; display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid rgba(20,30,50,.08); }
.axsivs-services-joomla-panel__label span { color:#234ed7; font-size:23px; font-weight:650; letter-spacing:-.45px; }
.axsivs-services-joomla-panel__label small { color:rgba(15,20,30,.42); font-size:10.5px; text-align:right; }
.axsivs-services-joomla-panel__list { position:relative; z-index:2; }
.axsivs-services-joomla-panel__list article { display:grid; grid-template-columns:minmax(118px,.75fr) 1.25fr; gap:18px; padding:14px 0; border-bottom:1px solid rgba(20,30,50,.075); }
.axsivs-services-joomla-panel__list article:last-child { border-bottom:0; padding-bottom:1px; }
.axsivs-services-joomla-panel__list b { color:#141b26; font-size:13px; font-weight:600; }
.axsivs-services-joomla-panel__list span { color:rgba(15,20,30,.55); font-size:12px; line-height:1.42; }
/* DARK PROCESS */
.axsivs-services-process { position:relative; padding:96px 0 102px !important; background:linear-gradient(135deg,#252e38 0%,#202934 58%,#1d252e 100%); overflow:hidden; }
.axsivs-services-process::before { content:""; position:absolute; width:520px; height:520px; right:-245px; top:-310px; border-radius:50%; background:radial-gradient(circle,rgba(74,111,255,.18),rgba(74,111,255,0) 70%); }
.axsivs-services-process h2,.axsivs-services-process .sppb-addon-title { max-width:720px; margin:0 0 22px !important; color:#fff !important; font-size:49px !important; font-weight:500 !important; line-height:1.075 !important; letter-spacing:-1.25px !important; text-transform:none !important; }
.axsivs-services-dark-intro { max-width:760px; margin-bottom:45px !important; }
.axsivs-services-dark-intro p { margin:0 !important; color:rgba(235,241,247,.70) !important; font-size:16.5px !important; line-height:1.6 !important; }
.axsivs-services-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
.axsivs-services-process-grid article { min-height:220px; padding:29px 31px 31px; border-right:1px solid rgba(255,255,255,.10); }
.axsivs-services-process-grid article:last-child { border-right:0; }
.axsivs-services-process-grid small { display:block; margin-bottom:38px; color:#88a1ff; font-size:10px; font-weight:700; }
.axsivs-services-process-grid h3 { margin:0 0 12px !important; color:#fff !important; font-size:21px !important; font-weight:500 !important; line-height:1.2 !important; }
.axsivs-services-process-grid p { margin:0 !important; color:rgba(233,239,245,.64) !important; font-size:14.5px !important; line-height:1.55 !important; }
/* CTA */
.axsivs-services-cta { padding:88px 0 94px !important; background:#f6f8fc; }
.axsivs-services-cta .sppb-column-addons { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) auto; gap:38px; align-items:center; padding:46px 48px; background:#fff; border:1px solid rgba(20,30,50,.08); border-radius:19px; }
.axsivs-services-cta h2,.axsivs-services-cta .sppb-addon-title { max-width:540px; margin:0 !important; color:#10141c !important; font-size:43px !important; font-weight:500 !important; line-height:1.08 !important; letter-spacing:-1px !important; text-transform:none !important; }
.axsivs-services-cta-text { max-width:460px; }
.axsivs-services-cta-text p { font-size:15.5px !important; line-height:1.55 !important; }
.axsivs-services-cta-button { justify-self:end; }
.axsivs-services-cta-button .sppb-btn { white-space:nowrap; }
/* TABLET */
@media (max-width:991px){
.axsivs-services-hero { padding:74px 0 82px !important; }
.axsivs-services-hero-copy .sppb-column-addons,.axsivs-services-human-copy .sppb-column-addons,.axsivs-services-existing-copy .sppb-column-addons,.axsivs-services-joomla-copy .sppb-column-addons { padding-right:28px; }
.axsivs-services-hero-title h1,.axsivs-services-hero-title .sppb-addon-title { font-size:50px !important; letter-spacing:-1.45px !important; }
.axsivs-services-routes h2,.axsivs-services-human h2,.axsivs-services-existing h2,.axsivs-services-joomla h2 { font-size:40px !important; letter-spacing:-.9px !important; }
.axsivs-services-map { min-height:430px; }
.axsivs-services-map__node { min-width:121px; padding:12px; }
.axsivs-services-map__node b { font-size:13px; }
.axsivs-services-route { grid-template-columns:44px 145px 1fr auto; gap:18px; }
.axsivs-services-route .route-main b { font-size:21px; }
.axsivs-services-decision__items article { min-height:175px; padding:17px 13px; }
.axsivs-services-process h2,.axsivs-services-process .sppb-addon-title { font-size:41px !important; }
.axsivs-services-process-grid article { padding:26px 22px 28px; }
.axsivs-services-cta .sppb-column-addons { grid-template-columns:1fr 1fr; gap:28px; padding:38px 34px; }
.axsivs-services-cta-button { grid-column:2; justify-self:start; }
.axsivs-services-cta h2,.axsivs-services-cta .sppb-addon-title { font-size:36px !important; }
}
/* MOBILE */
@media (max-width:767px){
.axsivs-services-hero,.axsivs-services-routes,.axsivs-services-human,.axsivs-services-existing,.axsivs-services-joomla,.axsivs-services-process,.axsivs-services-cta { padding:64px 0 70px !important; }
.axsivs-services-hero-copy .sppb-column-addons,.axsivs-services-human-copy .sppb-column-addons,.axsivs-services-existing-copy .sppb-column-addons,.axsivs-services-joomla-copy .sppb-column-addons { padding-right:0; }
.axsivs-services-hero-visual-col .sppb-column-addons,.axsivs-services-human-panel-col .sppb-column-addons,.axsivs-services-existing-visual-col .sppb-column-addons,.axsivs-services-joomla-panel-col .sppb-column-addons { padding-left:0; padding-top:40px; }
.axsivs-services-hero-title h1,.axsivs-services-hero-title .sppb-addon-title { max-width:100%; font-size:40px !important; line-height:1.07 !important; letter-spacing:-1px !important; }
.axsivs-services-hero-text p,.axsivs-services-copy-text p,.axsivs-services-wide-intro p,.axsivs-services-cta-text p { font-size:16px !important; line-height:1.56 !important; }
.axsivs-services-routes h2,.axsivs-services-human h2,.axsivs-services-existing h2,.axsivs-services-joomla h2 { font-size:33px !important; line-height:1.1 !important; letter-spacing:-.7px !important; }
.axsivs-services-map { min-height:410px; border-radius:19px; }
.axsivs-services-map__site { width:53%; min-width:170px; }
.axsivs-services-map__node { min-width:110px; max-width:122px; padding:10px 10px 9px; }
.axsivs-services-map__node.is-create { left:3%; top:8%; }.axsivs-services-map__node.is-develop { right:3%; top:9%; }.axsivs-services-map__node.is-seo { left:3%; bottom:8%; }.axsivs-services-map__node.is-tech { right:3%; bottom:8%; }
.axsivs-services-map__node b { font-size:12px; }.axsivs-services-map__node span { font-size:9px; }
.axsivs-services-map__line.is-a,.axsivs-services-map__line.is-b,.axsivs-services-map__line.is-c,.axsivs-services-map__line.is-d { width:80px; }
.axsivs-services-route { display:block; padding:24px 2px; }
.axsivs-services-route .route-no { display:block; margin-bottom:9px; }
.axsivs-services-route .route-situation { display:block; margin-bottom:12px; }
.axsivs-services-route .route-main { display:block; }
.axsivs-services-route .route-main b { font-size:21px; }
.axsivs-services-route .route-main small { font-size:14px; }
.axsivs-services-route .route-arrow { margin-top:14px; }
.axsivs-services-human-panel { padding:25px 21px 22px; }
.axsivs-services-human-panel__head { align-items:flex-start; flex-direction:column; gap:6px; }
.axsivs-services-human-panel__row { grid-template-columns:1fr; gap:10px; }
.axsivs-services-human-panel__row b { width:max-content; min-width:0; }
.axsivs-services-decision { padding:23px 19px 20px; }
.axsivs-services-decision__items { grid-template-columns:1fr; }
.axsivs-services-decision__items article { min-height:0; }
.axsivs-services-decision__rail { height:30px; }.axsivs-services-decision__rail::before { height:30px; }.axsivs-services-decision__rail i { top:11px; }
.axsivs-services-joomla-panel { padding:25px 21px 22px; }
.axsivs-services-joomla-panel__label { align-items:flex-start; flex-direction:column; gap:5px; }
.axsivs-services-joomla-panel__label small { text-align:left; }
.axsivs-services-joomla-panel__list article { grid-template-columns:1fr; gap:7px; }
.axsivs-services-process h2,.axsivs-services-process .sppb-addon-title { font-size:34px !important; letter-spacing:-.7px !important; }
.axsivs-services-dark-intro { margin-bottom:32px !important; }
.axsivs-services-process-grid { grid-template-columns:1fr; }
.axsivs-services-process-grid article { min-height:0; padding:24px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.10); }
.axsivs-services-process-grid article:last-child { border-bottom:0; }
.axsivs-services-process-grid small { margin-bottom:18px; }
.axsivs-services-cta .sppb-column-addons { display:block; padding:31px 23px; }
.axsivs-services-cta h2,.axsivs-services-cta .sppb-addon-title { font-size:32px !important; margin-bottom:20px !important; }
.axsivs-services-cta-text { margin-bottom:25px; }
}
/* =========================================================
SERVICES HUB v2 — responsive refinements
========================================================= */
@media (max-width:991px){
.axsivs-services-hero-image { max-width:520px; margin-left:auto !important; }
.axsivs-services-hero-image img,.axsivs-services-hero-image .sppb-img-responsive { border-radius:20px; }
.axsivs-services-joomla { padding:72px 0 76px !important; }
.axsivs-services-joomla-copy .sppb-column-addons { padding-right:40px; }
.axsivs-services-joomla h2 { font-size:37px !important; letter-spacing:-.8px !important; }
.axsivs-services-joomla-panel { padding:21px 20px 18px; }
.axsivs-services-joomla-panel__list article { grid-template-columns:1fr; gap:5px; padding:13px 0; }
}
@media (max-width:767px){
.axsivs-services-hero-image { max-width:100%; margin:0 !important; }
.axsivs-services-hero-image img,.axsivs-services-hero-image .sppb-img-responsive { width:100% !important; border-radius:17px; box-shadow:0 18px 42px rgba(26,42,78,.065); }
.axsivs-services-joomla { padding:60px 0 64px !important; }
.axsivs-services-joomla-copy .sppb-column-addons { padding-right:0; }
.axsivs-services-joomla h2 { font-size:31px !important; line-height:1.1 !important; letter-spacing:-.65px !important; }
.axsivs-services-joomla-panel-col .sppb-column-addons { padding-left:0; padding-top:32px; }
.axsivs-services-joomla-panel__label { align-items:flex-start; flex-direction:column; gap:4px; }
.axsivs-services-joomla-panel__label small { text-align:left; }
}
/* =========================================================
AXSIVS — /kak-rabotaem
FULL PAGE CSS — corrected section spacing
ВАЖНО:
SP Page Builder в импортированной странице хранит padding секций = 0px.
Поэтому только padding корневых секций здесь задан с !important.
Остальная стилизация сохранена без агрессивных override.
========================================================= */
.axsivs-work-hero,
.axsivs-work-start,
.axsivs-work-terms,
.axsivs-work-payment,
.axsivs-work-revisions,
.axsivs-work-handover,
.axsivs-work-contact-mode,
.axsivs-work-cta {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-work-kicker,
.axsivs-work-kicker p {
margin: 0 !important;
}
.axsivs-work-kicker span {
display: inline-block;
margin-bottom: 18px;
font-size: 12px;
line-height: 1;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: #3567ff;
}
.axsivs-work-primary-btn .sppb-btn,
.axsivs-work-cta-button .sppb-btn {
padding: 14px 24px;
border-radius: 8px;
background: #3567ff !important;
border-color: #3567ff !important;
font-size: 15px;
font-weight: 600;
text-transform: none !important;
box-shadow: 0 10px 26px rgba(53,103,255,.16);
}
/* =========================================================
SECTION 1 — HERO
========================================================= */
.axsivs-work-hero {
padding: 92px 0 104px !important;
background:
radial-gradient(circle at 84% 22%, rgba(72,109,255,.08), transparent 31%),
#ffffff;
overflow: hidden;
}
.axsivs-work-hero .sppb-row { align-items: center; }
.axsivs-work-hero-title,
.axsivs-work-hero h1 {
max-width: 690px;
margin: 0 0 28px;
font-size: 62px !important;
line-height: 1.035 !important;
font-weight: 500 !important;
letter-spacing: -2.1px;
color: #14191e;
}
.axsivs-work-hero-text { max-width: 610px; }
.axsivs-work-hero-text .sppb-addon-content,
.axsivs-work-hero-text p {
font-size: 18px;
line-height: 1.58;
color: #525a62;
}
.axsivs-work-hero-text p { margin: 0 0 14px; }
.axsivs-work-hero .sppb-addon-button { margin-top: 28px; }
.axsivs-work-trustline-addon { margin-top: 24px; }
.axsivs-work-trustline-addon .sppb-addon-content { margin:0; }
.axsivs-work-trustline { display:flex; flex-wrap:wrap; align-items:center; gap:8px 0; max-width:650px; color:#6f7881; }
.axsivs-work-trustline span { display:inline-flex; align-items:center; font-size:12.5px; line-height:1.45; font-weight:500; white-space:nowrap; }
.axsivs-work-trustline span + span::before { content:""; width:3px; height:3px; margin:0 11px; border-radius:50%; background:#9aacf6; }
.axsivs-work-hero-stack {
position: relative;
width: 100%;
max-width: 555px;
min-height: 440px;
margin-left: auto;
}
.axsivs-work-hero-sheet {
position: absolute;
box-sizing: border-box;
background: rgba(255,255,255,.97);
border: 1px solid rgba(22,31,45,.09);
border-radius: 20px;
box-shadow: 0 26px 68px rgba(32,45,70,.09);
}
.axsivs-work-hero-sheet.is-back {
width: 360px; height: 260px;
top: 24px; right: 78px;
transform: rotate(7deg);
background: linear-gradient(145deg,#f7f9ff,#eef3ff);
opacity: .82;
}
.axsivs-work-hero-sheet.is-back span {
display: block; height: 12px; margin: 26px 30px 0; border-radius: 8px; background: rgba(53,103,255,.09);
}
.axsivs-work-hero-sheet.is-mid {
width: 370px; min-height: 285px;
top: 66px; left: 26px;
padding: 30px;
transform: rotate(-5deg);
}
.axsivs-work-hero-sheet.is-mid small,
.axsivs-work-hero-sheet.is-front small {
display:block; margin-bottom:10px; font-size:11px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; color:#7c8792;
}
.axsivs-work-hero-sheet.is-mid b { font-size:21px; font-weight:600; color:#1b2229; }
.axsivs-work-hero-sheet .line { height:10px; width:68%; margin-top:20px; border-radius:10px; background:#e7ebef; }
.axsivs-work-hero-sheet .line.is-wide { width:90%; margin-top:24px; }
.axsivs-work-hero-sheet .mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:26px; }
.axsivs-work-hero-sheet .mini-grid i { height:54px; border-radius:10px; background:linear-gradient(135deg,#f0f4ff,#e8edf3); }
.axsivs-work-hero-sheet.is-front {
width: 355px;
right: 6px; bottom: 18px;
padding: 26px 28px 24px;
border-color: rgba(53,103,255,.15);
box-shadow: 0 30px 78px rgba(32,45,70,.13);
}
.axsivs-work-hero-sheet .status { display:flex; align-items:center; gap:9px; margin-bottom:22px; font-size:13px; font-weight:600; color:#4a5560; }
.axsivs-work-hero-sheet .status i { width:9px; height:9px; border-radius:50%; background:#3567ff; box-shadow:0 0 0 5px rgba(53,103,255,.1); }
.axsivs-work-hero-sheet .hero-pair { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-top:1px solid #edf0f3; }
.axsivs-work-hero-sheet .hero-pair span { font-size:13px; color:#7a848d; }
.axsivs-work-hero-sheet .hero-pair b { font-size:14px; font-weight:600; color:#1d252c; }
.axsivs-work-hero-check { margin-top:8px; padding:13px 14px; border-radius:11px; background:#f1f5ff; color:#244ab9; font-size:13px; font-weight:600; }
.axsivs-work-hero-check i { margin-right:8px; font-style:normal; }
.axsivs-work-hero-orb { position:absolute; border-radius:50%; filter:blur(.1px); }
.axsivs-work-hero-orb.is-blue { width:54px; height:54px; right:42px; top:32px; background:linear-gradient(145deg,#78a1ff,#3567ff); box-shadow:0 14px 28px rgba(53,103,255,.2); }
.axsivs-work-hero-orb.is-warm { width:22px; height:22px; left:34px; bottom:66px; background:#f0a247; box-shadow:0 10px 24px rgba(240,162,71,.2); }
/* =========================================================
SECTION 2 — START
========================================================= */
.axsivs-work-start { padding: 104px 0 112px !important; background:#f6f8fa; }
.axsivs-work-start h2,
.axsivs-work-terms h2,
.axsivs-work-revisions h2,
.axsivs-work-handover h2,
.axsivs-work-contact-mode h2 {
max-width: 900px;
margin:0 0 22px;
font-size:50px !important;
line-height:1.08 !important;
font-weight:500 !important;
letter-spacing:-1.55px;
color:#151a1f;
}
.axsivs-work-wide-intro { max-width:820px; }
.axsivs-work-wide-intro .sppb-addon-content,
.axsivs-work-wide-intro p,
.axsivs-work-copy-text .sppb-addon-content,
.axsivs-work-copy-text p {
font-size:17px;
line-height:1.6;
color:#555e66;
}
.axsivs-work-wide-intro p,
.axsivs-work-copy-text p { margin:0 0 14px; }
.axsivs-work-steps {
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:62px;
border-top:1px solid rgba(20,30,50,.12);
}
.axsivs-work-steps article { position:relative; padding:32px 30px 0 0; }
.axsivs-work-steps article + article { padding-left:30px; border-left:1px solid rgba(20,30,50,.10); }
.axsivs-work-steps small { display:block; margin-bottom:38px; font-size:12px; font-weight:700; color:#3567ff; }
.axsivs-work-steps h3 { margin:0 0 12px; font-size:21px; line-height:1.22; font-weight:600; color:#1b2228; }
.axsivs-work-steps p { margin:0; font-size:15px; line-height:1.58; color:#626a72; }
.axsivs-work-steps article::before { content:""; position:absolute; top:-2px; left:0; width:44px; height:3px; border-radius:3px; background:#3567ff; }
.axsivs-work-steps article + article::before { left:30px; }
/* =========================================================
SECTION 3 — TERMS
========================================================= */
.axsivs-work-terms { padding:104px 0 112px !important; background:#fff; }
.axsivs-work-terms .sppb-row { align-items:center; }
.axsivs-work-terms h2 { max-width:520px; }
.axsivs-work-copy-text { max-width:560px; }
.axsivs-work-terms-panel { max-width:600px; margin-left:auto; border:1px solid #e8ecf0; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 22px 58px rgba(30,42,66,.055); }
.axsivs-work-terms-panel .terms-head { display:flex; justify-content:space-between; align-items:end; padding:28px 30px 24px; background:#f7f9fb; }
.axsivs-work-terms-panel .terms-head small { font-size:12px; font-weight:600; color:#77818a; }
.axsivs-work-terms-panel .terms-head b { font-size:20px; font-weight:600; color:#1c2329; }
.axsivs-work-terms-panel .terms-row { display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:center; padding:22px 30px; border-top:1px solid #edf0f3; }
.axsivs-work-terms-panel .terms-row > span { display:flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:10px; background:#eef3ff; color:#3567ff; font-size:12px; font-weight:700; }
.axsivs-work-terms-panel .terms-row p { margin:0; }
.axsivs-work-terms-panel .terms-row b { display:block; margin-bottom:4px; font-size:16px; color:#1d242a; }
.axsivs-work-terms-panel .terms-row small { font-size:14px; line-height:1.45; color:#717b84; }
/* =========================================================
SECTION 4 — PAYMENT DARK
========================================================= */
.axsivs-work-payment { position:relative; padding:100px 0 108px !important; background:linear-gradient(135deg,#222b34 0%,#26313b 52%,#202831 100%); color:#fff; overflow:hidden; }
.axsivs-work-payment::before { content:""; position:absolute; width:460px; height:460px; right:-90px; top:-160px; border-radius:50%; background:radial-gradient(circle,rgba(79,110,255,.20),transparent 67%); pointer-events:none; }
.axsivs-work-payment h2 { max-width:900px; margin:0 0 22px; font-size:52px !important; line-height:1.07 !important; font-weight:500 !important; letter-spacing:-1.6px; color:#fff !important; }
.axsivs-work-kicker-dark span { color:#86a0ff; }
.axsivs-work-dark-intro { max-width:800px; }
.axsivs-work-dark-intro .sppb-addon-content,
.axsivs-work-dark-intro p { font-size:17px; line-height:1.58; color:#b8c1c9; }
.axsivs-work-dark-intro p { margin:0; }
.axsivs-work-payment-grid { display:grid; grid-template-columns:1.05fr 1fr 1fr; gap:16px; margin-top:56px; }
.axsivs-work-payment-grid article { padding:28px 28px 26px; border:1px solid rgba(255,255,255,.10); border-radius:16px; background:rgba(255,255,255,.035); min-height:205px; }
.axsivs-work-payment-grid article.is-main { grid-row:span 2; min-height:426px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(155deg,rgba(53,103,255,.20),rgba(255,255,255,.025)); border-color:rgba(112,139,255,.24); }
.axsivs-work-payment-grid small { display:block; margin-bottom:16px; font-size:11px; line-height:1; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#91a1af; }
.axsivs-work-payment-grid strong { display:block; font-size:78px; line-height:.95; font-weight:500; letter-spacing:-3px; color:#fff; }
.axsivs-work-payment-grid h3 { margin:8px 0 12px; font-size:21px; line-height:1.2; font-weight:600; color:#fff; }
.axsivs-work-payment-grid p { margin:0; font-size:14.5px; line-height:1.58; color:#aeb8c1; }
.axsivs-work-payment-note { display:flex; gap:12px; align-items:flex-start; max-width:900px; margin-top:22px; padding:14px 16px; border-radius:10px; background:rgba(240,162,71,.08); border:1px solid rgba(240,162,71,.18); }
.axsivs-work-payment-note i { flex:0 0 auto; width:7px; height:7px; margin-top:7px; border-radius:50%; background:#f0a247; }
.axsivs-work-payment-note p { margin:0; font-size:13px; line-height:1.5; color:#c7cdd3; }
/* =========================================================
SECTION 5 — REVISIONS
========================================================= */
.axsivs-work-revisions { padding:104px 0 110px !important; background:#fff; }
.axsivs-work-revisions .sppb-row { align-items:center; }
.axsivs-work-revisions h2 { max-width:610px; }
.axsivs-work-compare { display:grid; gap:16px; max-width:590px; margin-left:auto; }
.axsivs-work-compare article { padding:27px 28px 26px; border-radius:16px; border:1px solid #e8ecf0; background:#fff; }
.axsivs-work-compare article.is-included { border-color:rgba(53,103,255,.18); background:#f8faff; }
.axsivs-work-compare article.is-new { background:#fafafa; }
.axsivs-work-compare .compare-head { display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.axsivs-work-compare .compare-head i { display:flex; width:28px; height:28px; align-items:center; justify-content:center; border-radius:8px; font-style:normal; font-size:15px; font-weight:700; background:#eaf0ff; color:#3567ff; }
.axsivs-work-compare .is-new .compare-head i { background:#fff2e4; color:#d77a1d; }
.axsivs-work-compare .compare-head b { font-size:18px; color:#1d242a; }
.axsivs-work-compare p { margin:0 0 17px; font-size:15px; line-height:1.58; color:#616a72; }
.axsivs-work-compare article > span { font-size:12px; font-weight:700; color:#3567ff; }
.axsivs-work-compare .is-new > span { color:#c86c15; }
/* =========================================================
SECTION 6 — HANDOVER + WARRANTY
========================================================= */
.axsivs-work-handover { padding:104px 0 112px !important; background:#f6f8fa; }
.axsivs-work-handover h2 { max-width:930px; }
.axsivs-work-handover-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:34px; margin-top:58px; align-items:stretch; }
.axsivs-work-handover .handover-flow { border-top:1px solid rgba(20,30,50,.12); }
.axsivs-work-handover .handover-flow article { display:grid; grid-template-columns:54px 210px 1fr; gap:20px; align-items:start; padding:24px 0; border-bottom:1px solid rgba(20,30,50,.10); }
.axsivs-work-handover .handover-flow small { font-size:12px; font-weight:700; color:#3567ff; }
.axsivs-work-handover .handover-flow b { font-size:17px; font-weight:600; color:#1e252b; }
.axsivs-work-handover .handover-flow p { margin:0; font-size:14.5px; line-height:1.55; color:#626b73; }
.axsivs-work-warranty { position:relative; padding:34px 34px 32px; border-radius:20px; color:#fff; background:linear-gradient(145deg,#3567ff,#294cc5); box-shadow:0 22px 56px rgba(53,103,255,.18); overflow:hidden; }
.axsivs-work-warranty::after { content:""; position:absolute; width:220px; height:220px; border-radius:50%; right:-90px; top:-80px; background:rgba(255,255,255,.08); }
.axsivs-work-warranty > small { display:block; margin-bottom:18px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#cdd8ff; }
.axsivs-work-warranty > strong { display:block; font-size:48px; line-height:1; font-weight:500; letter-spacing:-1.5px; }
.axsivs-work-warranty h3 { margin:8px 0 18px; font-size:20px; line-height:1.25; font-weight:600; color:#fff; }
.axsivs-work-warranty > p { margin:0 0 24px; font-size:15px; line-height:1.58; color:#e4e9ff; }
.axsivs-work-warranty .warranty-rule { display:flex; gap:10px; padding-top:14px; margin-top:14px; border-top:1px solid rgba(255,255,255,.18); }
.axsivs-work-warranty .warranty-rule i { flex:0 0 auto; width:7px; height:7px; margin-top:7px; border-radius:50%; background:#bcd0ff; }
.axsivs-work-warranty .warranty-rule span { font-size:12.5px; line-height:1.52; color:#d9e1ff; }
/* =========================================================
SECTION 7 — COMMUNICATION
========================================================= */
.axsivs-work-contact-mode { padding:100px 0 106px !important; background:#fff; }
.axsivs-work-contact-mode .sppb-row { align-items:center; }
.axsivs-work-contact-mode h2 { max-width:540px; }
.axsivs-work-mode-panel { max-width:590px; margin-left:auto; padding:26px 28px; border:1px solid #e8ecf0; border-radius:20px; background:#fbfcfd; }
.axsivs-work-mode-panel article { padding:12px 4px; }
.axsivs-work-mode-panel article small { display:block; margin-bottom:7px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#3567ff; }
.axsivs-work-mode-panel article b { display:block; margin-bottom:8px; font-size:21px; font-weight:600; color:#1d242a; }
.axsivs-work-mode-panel article p { margin:0; font-size:14.5px; line-height:1.55; color:#667079; }
.axsivs-work-mode-panel .mode-divider { position:relative; margin:13px 0; text-align:center; }
.axsivs-work-mode-panel .mode-divider::before { content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:#e3e7eb; }
.axsivs-work-mode-panel .mode-divider span { position:relative; display:inline-block; padding:0 12px; background:#fbfcfd; font-size:11px; color:#98a1aa; }
/* =========================================================
SECTION 8 — CTA
========================================================= */
.axsivs-work-cta { padding:72px 0 78px !important; background:#fff; }
.axsivs-work-cta .sppb-column-addons { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) auto; gap:36px; align-items:center; padding:48px 50px; border:1px solid #e7ebef; border-radius:20px; background:#f7f9fb; }
.axsivs-work-cta h2 { margin:0; font-size:42px !important; line-height:1.08 !important; font-weight:500 !important; letter-spacing:-1.2px; color:#171d22; }
.axsivs-work-cta-text .sppb-addon-content,
.axsivs-work-cta-text p { margin:0; font-size:16px; line-height:1.55; color:#5c656d; }
.axsivs-work-cta .sppb-addon-button { margin:0; }
@media (hover:hover) {
.axsivs-work-primary-btn .sppb-btn:hover,
.axsivs-work-cta-button .sppb-btn:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(53,103,255,.22); }
.axsivs-work-compare article { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.axsivs-work-compare article:hover { transform:translateY(-2px); border-color:rgba(53,103,255,.2); box-shadow:0 12px 28px rgba(20,30,50,.05); }
}
/* =========================================================
TABLET <= 991px
========================================================= */
@media (max-width:991px) {
.axsivs-work-hero { padding:72px 0 80px !important; }
.axsivs-work-hero-title,.axsivs-work-hero h1 { font-size:50px !important; letter-spacing:-1.5px; }
.axsivs-work-hero-stack { max-width:520px; min-height:410px; margin:54px auto 0; }
.axsivs-work-start,.axsivs-work-terms,.axsivs-work-payment,.axsivs-work-revisions,.axsivs-work-handover,.axsivs-work-contact-mode { padding:80px 0 88px !important; }
.axsivs-work-cta { padding:62px 0 68px !important; }
.axsivs-work-start h2,.axsivs-work-terms h2,.axsivs-work-revisions h2,.axsivs-work-handover h2,.axsivs-work-contact-mode h2,.axsivs-work-payment h2 { font-size:42px !important; letter-spacing:-1.1px; }
.axsivs-work-steps { grid-template-columns:repeat(2,1fr); row-gap:36px; }
.axsivs-work-steps article:nth-child(3) { border-left:0; padding-left:0; }
.axsivs-work-steps article:nth-child(3)::before { left:0; }
.axsivs-work-terms-panel,.axsivs-work-compare,.axsivs-work-mode-panel { margin:48px 0 0; max-width:100%; }
.axsivs-work-payment-grid { grid-template-columns:1fr 1fr; }
.axsivs-work-payment-grid article.is-main { grid-row:auto; min-height:260px; }
.axsivs-work-handover-grid { grid-template-columns:1fr; }
.axsivs-work-cta .sppb-column-addons { grid-template-columns:1fr; gap:22px; padding:40px 38px; }
.axsivs-work-cta .sppb-addon-button { text-align:left !important; }
}
/* =========================================================
MOBILE <= 767px
========================================================= */
@media (max-width:767px) {
.axsivs-work-kicker span { margin-bottom:14px; font-size:11px; }
.axsivs-work-hero { padding:56px 0 64px !important; }
.axsivs-work-hero-title,.axsivs-work-hero h1 { max-width:100%; margin-bottom:20px; font-size:38px !important; line-height:1.08 !important; letter-spacing:-1px; }
.axsivs-work-hero-text .sppb-addon-content,.axsivs-work-hero-text p { font-size:16px; line-height:1.55; }
.axsivs-work-trustline-addon { margin-top:20px; }
.axsivs-work-trustline { display:grid; gap:7px; }
.axsivs-work-trustline span { white-space:normal; font-size:12.5px; }
.axsivs-work-trustline span + span::before { width:3px; height:3px; margin:0 9px 0 0; }
.axsivs-work-hero-stack { min-height:360px; margin-top:40px; transform:scale(.92); transform-origin:top center; }
.axsivs-work-hero-sheet.is-back { width:300px; right:30px; }
.axsivs-work-hero-sheet.is-mid { width:315px; left:0; }
.axsivs-work-hero-sheet.is-front { width:300px; right:0; }
.axsivs-work-start,.axsivs-work-terms,.axsivs-work-payment,.axsivs-work-revisions,.axsivs-work-handover,.axsivs-work-contact-mode { padding:64px 0 70px !important; }
.axsivs-work-cta { padding:52px 0 58px !important; }
.axsivs-work-start h2,.axsivs-work-terms h2,.axsivs-work-revisions h2,.axsivs-work-handover h2,.axsivs-work-contact-mode h2,.axsivs-work-payment h2 { font-size:34px !important; line-height:1.1 !important; letter-spacing:-.8px; }
.axsivs-work-wide-intro .sppb-addon-content,.axsivs-work-wide-intro p,.axsivs-work-copy-text .sppb-addon-content,.axsivs-work-copy-text p,.axsivs-work-dark-intro .sppb-addon-content,.axsivs-work-dark-intro p { font-size:16px; }
.axsivs-work-steps { grid-template-columns:1fr; margin-top:42px; }
.axsivs-work-steps article,.axsivs-work-steps article + article,.axsivs-work-steps article:nth-child(3) { padding:25px 0 4px; border-left:0; }
.axsivs-work-steps article::before,.axsivs-work-steps article + article::before { left:0; }
.axsivs-work-steps small { margin-bottom:18px; }
.axsivs-work-terms-panel .terms-head,.axsivs-work-terms-panel .terms-row { padding-left:22px; padding-right:22px; }
.axsivs-work-payment-grid { grid-template-columns:1fr; margin-top:40px; }
.axsivs-work-payment-grid article,.axsivs-work-payment-grid article.is-main { min-height:0; padding:24px; }
.axsivs-work-payment-grid strong { font-size:62px; }
.axsivs-work-compare { margin-top:38px; }
.axsivs-work-handover-grid { margin-top:40px; gap:24px; }
.axsivs-work-handover .handover-flow article { grid-template-columns:44px 1fr; gap:12px; }
.axsivs-work-handover .handover-flow p { grid-column:2; }
.axsivs-work-warranty { padding:28px 24px; }
.axsivs-work-warranty > strong { font-size:40px; }
.axsivs-work-mode-panel { padding:22px; margin-top:36px; }
.axsivs-work-cta { padding:46px 0 54px; }
.axsivs-work-cta .sppb-column-addons { padding:32px 24px; border-radius:16px; }
.axsivs-work-cta h2 { font-size:32px !important; letter-spacing:-.8px; }
}
/* =========================================================
AXSIVS — CONTACTS v3.2
/contact
FULL PAGE CSS — replace current Page CSS completely
FIX:
hero columns are no longer forced to equal height.
Removed row stretch + height:100%, tightened form and hero.
========================================================= */
.axsivs-contact-hero,
.axsivs-contact-methods,
.axsivs-contact-brief,
.axsivs-contact-next {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-contact-hero *,
.axsivs-contact-methods *,
.axsivs-contact-brief *,
.axsivs-contact-next * {
box-sizing: border-box;
}
/* =========================================================
COMMON
========================================================= */
.axsivs-contact-kicker .sppb-addon-content {
margin: 0 0 13px !important;
}
.axsivs-contact-kicker p {
margin: 0 !important;
}
.axsivs-contact-kicker span {
display: inline-flex;
align-items: center;
min-height: 27px;
padding: 0 9px;
color: #3567ff;
background: rgba(53, 103, 255, 0.065);
border: 1px solid rgba(53, 103, 255, 0.13);
border-radius: 6px;
font-size: 11px;
line-height: 1;
font-weight: 600;
letter-spacing: .22px;
}
.axsivs-contact-kicker-dark span {
color: #9bb0ff;
background: rgba(88, 116, 255, 0.11);
border-color: rgba(116, 140, 255, 0.20);
}
.axsivs-contact-methods h2,
.axsivs-contact-brief h2 {
margin: 0 0 20px !important;
color: #10141c !important;
font-size: 44px !important;
line-height: 1.08 !important;
font-weight: 500 !important;
letter-spacing: -1.05px !important;
text-transform: none !important;
}
.axsivs-contact-copy-text p,
.axsivs-contact-wide-intro p {
margin: 0 0 16px !important;
color: rgba(15, 20, 30, 0.67) !important;
font-size: 16px !important;
line-height: 1.58 !important;
}
.axsivs-contact-copy-text p:last-child,
.axsivs-contact-wide-intro p:last-child {
margin-bottom: 0 !important;
}
.axsivs-contact-wide-intro {
max-width: 720px;
margin-bottom: 32px !important;
}
/* =========================================================
HERO
========================================================= */
.axsivs-contact-hero {
position: relative;
padding: 46px 0 52px !important;
background:
radial-gradient(circle at 88% 8%, rgba(66, 108, 255, .075), transparent 31%),
radial-gradient(circle at 4% 94%, rgba(243, 166, 92, .065), transparent 29%),
#ffffff;
overflow: hidden;
}
.axsivs-contact-hero .sppb-row {
position: relative;
z-index: 2;
align-items: flex-start;
}
/* Equal-height left and right hero cards */
.axsivs-contact-hero-copy .sppb-column-addons,
.axsivs-contact-form-col .sppb-column-addons {
border: 1px solid rgba(20, 30, 50, 0.075);
border-radius: 22px;
box-shadow: 0 20px 50px rgba(24, 39, 72, 0.045);
overflow: hidden;
}
.axsivs-contact-hero-copy .sppb-column-addons {
position: relative;
display: flex;
flex-direction: column;
padding: 32px 32px 28px;
background:
radial-gradient(circle at 92% 92%, rgba(255, 179, 90, .14), transparent 33%),
radial-gradient(circle at 92% 8%, rgba(62, 105, 255, .12), transparent 32%),
linear-gradient(145deg, #fbfdff 0%, #ffffff 58%, #fffaf5 100%);
}
.axsivs-contact-form-col .sppb-column-addons {
position: relative;
display: flex;
flex-direction: column;
margin-left: 14px;
padding: 26px 27px 27px;
background:
radial-gradient(circle at 100% 0%, rgba(82, 118, 255, .13), transparent 30%),
linear-gradient(145deg, #fbfdff 0%, #ffffff 64%, #fffaf5 100%);
}
/* Hero copy */
.axsivs-contact-hero-title h1,
.axsivs-contact-hero-title .sppb-addon-title {
max-width: 590px;
margin: 0 0 20px !important;
color: #0e141d !important;
font-size: 56px !important;
line-height: 1.02 !important;
font-weight: 500 !important;
letter-spacing: -1.9px !important;
text-transform: none !important;
}
.axsivs-contact-hero-text {
max-width: 560px;
}
.axsivs-contact-hero-text p {
margin: 0 0 14px !important;
color: rgba(15, 20, 30, 0.68) !important;
font-size: 16.5px !important;
line-height: 1.55 !important;
}
.axsivs-contact-hero-text p:last-child {
margin-bottom: 0 !important;
}
/* Direct contacts inside hero */
.axsivs-contact-direct {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 24px;
padding-top: 0;
}
.axsivs-contact-direct a {
position: relative;
display: block;
min-height: 108px;
padding: 17px 18px 16px;
color: inherit !important;
text-decoration: none !important;
background: rgba(255, 255, 255, .84);
border: 1px solid rgba(20, 30, 50, .075);
border-radius: 13px;
box-shadow: 0 12px 28px rgba(24, 39, 72, .025);
overflow: hidden;
transition: .2s ease;
}
.axsivs-contact-direct a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: #3567ff;
}
.axsivs-contact-direct a.is-phone::before {
background: linear-gradient(90deg, #31c7d8, #7567ff);
}
.axsivs-contact-direct small {
display: block;
margin-bottom: 8px;
color: #3567ff;
font-size: 9.5px;
font-weight: 700;
letter-spacing: .2px;
text-transform: uppercase;
}
.axsivs-contact-direct .is-phone small {
color: #5d64e9;
}
.axsivs-contact-direct strong {
display: block;
color: #101722;
font-size: 16px;
line-height: 1.25;
font-weight: 650;
}
.axsivs-contact-direct span {
display: block;
margin-top: 7px;
color: rgba(15, 20, 30, .49);
font-size: 11.5px;
line-height: 1.42;
}
.axsivs-contact-hero-note {
display: flex;
align-items: center;
gap: 9px;
margin-top: 10px;
padding: 9px 11px;
border: 1px solid rgba(53, 103, 255, .075);
border-radius: 9px;
background: rgba(53, 103, 255, .04);
}
.axsivs-contact-hero-note span {
flex: 0 0 auto;
padding: 4px 7px;
color: #2d5ce5;
background: #eaf0ff;
border-radius: 6px;
font-size: 9.5px;
font-weight: 700;
}
.axsivs-contact-hero-note b {
color: rgba(15, 20, 30, .57);
font-size: 11px;
line-height: 1.35;
font-weight: 500;
}
@media (hover: hover) {
.axsivs-contact-direct a:hover {
transform: translateY(-2px);
border-color: rgba(53, 103, 255, .18);
box-shadow: 0 16px 34px rgba(24, 39, 72, .055);
}
}
/* Form */
.axsivs-contact-form-title,
.axsivs-contact-form-intro,
.axsivs-contact-form {
position: relative;
z-index: 2;
}
.axsivs-contact-form-title h2,
.axsivs-contact-form-title .sppb-addon-title {
margin: 0 0 9px !important;
color: #111722 !important;
font-size: 29px !important;
line-height: 1.14 !important;
font-weight: 550 !important;
letter-spacing: -.55px !important;
text-transform: none !important;
}
.axsivs-contact-form-intro {
max-width: 500px;
margin-bottom: 14px !important;
}
.axsivs-contact-form-intro p {
margin: 0 !important;
color: rgba(15, 20, 30, .57) !important;
font-size: 13.5px !important;
line-height: 1.48 !important;
}
.axsivs-contact-form {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.axsivs-contact-form label {
margin-bottom: 6px !important;
color: #17202a !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
.axsivs-contact-form .sppb-form-group {
margin-bottom: 10px !important;
}
.axsivs-contact-form .sppb-form-control {
min-height: 41px !important;
padding: 10px 12px !important;
color: #141b25 !important;
background: #ffffff !important;
border: 1px solid #e4e9f1 !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(31, 47, 80, .02) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 13.5px !important;
line-height: 1.42 !important;
}
.axsivs-contact-form textarea.sppb-form-control {
min-height: 96px !important;
resize: vertical;
}
.axsivs-contact-form .sppb-form-control:focus {
border-color: rgba(53, 103, 255, .55) !important;
box-shadow: 0 0 0 3px rgba(53, 103, 255, .075) !important;
}
.axsivs-contact-form .sppb-btn {
padding: 13px 22px !important;
color: #ffffff !important;
background: #3567ff !important;
border: 1px solid #3567ff !important;
border-radius: 9px !important;
box-shadow: 0 8px 20px rgba(53, 103, 255, .16) !important;
font-size: 13.5px !important;
font-weight: 600 !important;
text-transform: none !important;
}
/* =========================================================
CONTACT METHODS
========================================================= */
.axsivs-contact-methods {
padding: 62px 0 68px !important;
background: #f7f9fc;
}
.axsivs-contact-method-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 13px;
}
.axsivs-contact-method {
position: relative;
display: flex;
flex-direction: column;
min-height: 196px;
padding: 21px 22px 19px;
color: inherit !important;
text-decoration: none !important;
background: #ffffff;
border: 1px solid rgba(20, 30, 50, .075);
border-radius: 15px;
box-shadow: 0 12px 28px rgba(20, 35, 70, .022);
overflow: hidden;
transition: .2s ease;
}
.axsivs-contact-method::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: #3567ff;
}
.axsivs-contact-method.is-cyan::before {
background: linear-gradient(90deg, #29c7d6, #516fff);
}
.axsivs-contact-method.is-warm::before {
background: linear-gradient(90deg, #f3a65c, #7567ff);
}
.axsivs-contact-method small {
display: block;
margin-bottom: 20px;
color: #3567ff;
font-size: 9.5px;
font-weight: 700;
}
.axsivs-contact-method.is-cyan small {
color: #2d9eb3;
}
.axsivs-contact-method.is-warm small {
color: #c97b36;
}
.axsivs-contact-method h3 {
margin: 0 0 10px !important;
color: #111722 !important;
font-size: 21px !important;
line-height: 1.18 !important;
font-weight: 550 !important;
letter-spacing: -.3px !important;
}
.axsivs-contact-method p {
margin: 0 0 18px !important;
color: rgba(15, 20, 30, .57) !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
}
.axsivs-contact-method strong {
margin-top: auto;
color: #234ed7;
font-size: 12.5px;
font-weight: 650;
}
.axsivs-contact-method strong i {
margin-left: 4px;
font-size: 15px;
font-style: normal;
}
.axsivs-contact-method.is-warm strong {
color: #b86c2d;
}
@media (hover: hover) {
a.axsivs-contact-method:hover {
transform: translateY(-3px);
border-color: rgba(53, 103, 255, .18);
box-shadow: 0 16px 34px rgba(20, 35, 70, .05);
}
}
/* =========================================================
WHAT TO SEND
========================================================= */
.axsivs-contact-brief {
padding: 64px 0 68px !important;
background: #ffffff;
}
.axsivs-contact-brief .sppb-row {
align-items: center;
}
.axsivs-contact-brief-copy .sppb-column-addons {
padding-right: 48px;
}
.axsivs-contact-brief-panel-col .sppb-column-addons {
padding-left: 14px;
}
.axsivs-contact-brief-copy .sppb-addon-content p {
margin: 0 0 15px !important;
color: rgba(15, 20, 30, .66) !important;
font-size: 16.5px !important;
line-height: 1.58 !important;
}
.axsivs-contact-brief-panel {
padding: 21px 23px 18px;
background: linear-gradient(145deg, #fbfcff, #ffffff);
border: 1px solid rgba(20, 30, 50, .08);
border-radius: 17px;
box-shadow: 0 16px 36px rgba(20, 35, 70, .03);
}
.axsivs-contact-brief-panel__head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(20, 30, 50, .08);
}
.axsivs-contact-brief-panel__head span {
color: #121923;
font-size: 17px;
font-weight: 600;
}
.axsivs-contact-brief-panel__head small {
padding: 5px 8px;
color: #315cde;
background: #f0f4ff;
border-radius: 6px;
font-size: 9.5px;
font-weight: 700;
}
.axsivs-contact-brief-panel article {
display: grid;
grid-template-columns: 30px 1fr;
gap: 13px;
padding: 12px 0;
border-bottom: 1px solid rgba(20, 30, 50, .075);
}
.axsivs-contact-brief-panel article:last-child {
padding-bottom: 1px;
border-bottom: 0;
}
.axsivs-contact-brief-panel article > b {
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 27px;
color: #3567ff;
background: #eef3ff;
border-radius: 8px;
font-size: 9px;
font-weight: 700;
}
.axsivs-contact-brief-panel strong {
display: block;
margin-bottom: 4px;
color: #141b26;
font-size: 13px;
font-weight: 600;
}
.axsivs-contact-brief-panel p {
margin: 0 !important;
color: rgba(15, 20, 30, .53) !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
/* =========================================================
FINAL DARK CONTACT BLOCK
========================================================= */
.axsivs-contact-next {
position: relative;
padding: 68px 0 72px !important;
background:
radial-gradient(circle at 88% 5%, rgba(74, 111, 255, .17), transparent 33%),
linear-gradient(135deg, #252e38 0%, #202934 58%, #1d252e 100%);
overflow: hidden;
}
.axsivs-contact-next h2,
.axsivs-contact-next .sppb-addon-title {
max-width: 760px;
margin: 0 0 18px !important;
color: #ffffff !important;
font-size: 45px !important;
line-height: 1.075 !important;
font-weight: 500 !important;
letter-spacing: -1.15px !important;
text-transform: none !important;
}
.axsivs-contact-dark-intro {
max-width: 760px;
margin-bottom: 26px !important;
}
.axsivs-contact-dark-intro p {
margin: 0 !important;
color: rgba(235, 241, 247, .72) !important;
font-size: 16px !important;
line-height: 1.57 !important;
}
.axsivs-contact-dark-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
max-width: 920px;
}
.axsivs-contact-dark-actions a {
position: relative;
display: block;
padding: 22px 23px 20px;
color: inherit !important;
text-decoration: none !important;
background: rgba(255, 255, 255, .055);
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 15px;
transition: .2s ease;
}
.axsivs-contact-dark-actions a:first-child {
background:
linear-gradient(135deg, rgba(53, 103, 255, .18), rgba(53, 103, 255, .06));
}
.axsivs-contact-dark-actions small {
display: block;
margin-bottom: 15px;
color: #91a8ff;
font-size: 10px;
font-weight: 700;
}
.axsivs-contact-dark-actions strong {
display: block;
margin-bottom: 12px;
color: #ffffff;
font-size: 23px;
line-height: 1.2;
font-weight: 550;
letter-spacing: -.35px;
}
.axsivs-contact-dark-actions span {
color: rgba(235, 241, 247, .65);
font-size: 12.5px;
font-weight: 500;
}
.axsivs-contact-dark-actions i {
margin-left: 5px;
font-size: 16px;
font-style: normal;
}
.axsivs-contact-dark-note {
display: flex;
align-items: center;
gap: 18px;
margin-top: 18px;
color: rgba(235, 241, 247, .52);
font-size: 12px;
line-height: 1.45;
}
.axsivs-contact-dark-note a {
color: #a8b8ff !important;
text-decoration: none !important;
}
@media (hover: hover) {
.axsivs-contact-dark-actions a:hover {
transform: translateY(-3px);
border-color: rgba(125, 151, 255, .32);
background: rgba(255, 255, 255, .085);
}
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.axsivs-contact-hero {
padding: 44px 0 50px !important;
}
.axsivs-contact-hero-copy .sppb-column-addons {
padding: 31px 28px 28px;
}
.axsivs-contact-form-col .sppb-column-addons {
margin-left: 8px;
padding: 27px 25px 28px;
}
.axsivs-contact-hero-title h1,
.axsivs-contact-hero-title .sppb-addon-title {
font-size: 48px !important;
letter-spacing: -1.35px !important;
}
.axsivs-contact-methods h2,
.axsivs-contact-brief h2 {
font-size: 38px !important;
letter-spacing: -.85px !important;
}
.axsivs-contact-methods {
padding: 58px 0 62px !important;
}
.axsivs-contact-method {
min-height: 220px;
padding: 22px 20px;
}
.axsivs-contact-brief {
padding: 60px 0 64px !important;
}
.axsivs-contact-brief-copy .sppb-column-addons {
padding-right: 30px;
}
.axsivs-contact-next {
padding: 62px 0 66px !important;
}
.axsivs-contact-next h2,
.axsivs-contact-next .sppb-addon-title {
font-size: 40px !important;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.axsivs-contact-hero,
.axsivs-contact-methods,
.axsivs-contact-brief,
.axsivs-contact-next {
padding: 44px 0 50px !important;
}
.axsivs-contact-hero-copy .sppb-column-addons,
.axsivs-contact-form-col .sppb-column-addons {
height: auto;
min-height: 0;
}
.axsivs-contact-hero-copy .sppb-column-addons {
padding: 27px 22px 23px;
}
.axsivs-contact-form-col .sppb-column-addons {
margin: 14px 0 0;
padding: 25px 21px 26px;
}
.axsivs-contact-hero-title h1,
.axsivs-contact-hero-title .sppb-addon-title {
max-width: 100%;
font-size: 40px !important;
line-height: 1.06 !important;
letter-spacing: -1px !important;
}
.axsivs-contact-hero-text p,
.axsivs-contact-copy-text p,
.axsivs-contact-wide-intro p {
font-size: 16px !important;
line-height: 1.54 !important;
}
.axsivs-contact-direct {
grid-template-columns: 1fr;
margin-top: 24px;
padding-top: 0;
}
.axsivs-contact-direct a {
min-height: 0;
}
.axsivs-contact-hero-note {
display: block;
}
.axsivs-contact-hero-note span {
display: inline-block;
margin-bottom: 6px;
}
.axsivs-contact-form-title h2,
.axsivs-contact-form-title .sppb-addon-title {
font-size: 27px !important;
}
.axsivs-contact-methods h2,
.axsivs-contact-brief h2 {
font-size: 33px !important;
line-height: 1.1 !important;
letter-spacing: -.7px !important;
}
.axsivs-contact-wide-intro {
margin-bottom: 27px !important;
}
.axsivs-contact-method-grid {
grid-template-columns: 1fr;
}
.axsivs-contact-method {
min-height: 0;
padding: 22px 20px;
}
.axsivs-contact-method small {
margin-bottom: 18px;
}
.axsivs-contact-brief-copy .sppb-column-addons {
padding-right: 0;
}
.axsivs-contact-brief-panel-col .sppb-column-addons {
padding: 30px 0 0;
}
.axsivs-contact-brief-panel {
padding: 22px 19px 19px;
}
.axsivs-contact-next h2,
.axsivs-contact-next .sppb-addon-title {
font-size: 34px !important;
letter-spacing: -.7px !important;
}
.axsivs-contact-dark-intro {
margin-bottom: 25px !important;
}
.axsivs-contact-dark-actions {
grid-template-columns: 1fr;
}
.axsivs-contact-dark-actions a {
padding: 22px 20px 20px;
}
.axsivs-contact-dark-actions strong {
font-size: 20px;
}
.axsivs-contact-dark-note {
display: block;
}
.axsivs-contact-dark-note a {
display: block;
margin-top: 7px;
}
}
.footer-legal {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: nowrap;
white-space: nowrap;
}
.footer-legal a,
.footer-legal span {
white-space: nowrap;
}
@media (max-width: 767px) {
.footer-legal {
justify-content: flex-start;
flex-wrap: wrap;
white-space: normal;
}
}
/* =========================================================
AXSIVS — PRIVACY POLICY v2.1
FULL PAGE CSS — replace current Page CSS completely
========================================================= */
.axsivs-legal-hero,
.axsivs-legal-content,
.axsivs-legal-footer {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-legal-hero *,
.axsivs-legal-content *,
.axsivs-legal-footer * {
box-sizing: border-box;
}
/* HERO */
.axsivs-legal-hero {
padding: 78px 0 74px !important;
background:
radial-gradient(circle at 87% 10%, rgba(53, 103, 255, .10), transparent 34%),
radial-gradient(circle at 7% 94%, rgba(242, 167, 94, .08), transparent 30%),
linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
border-bottom: 1px solid rgba(18, 30, 50, .055);
}
.axsivs-legal-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(340px, .75fr);
gap: 68px;
align-items: center;
}
.axsivs-legal-kicker {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 20px;
padding: 0 10px;
color: #3567ff;
background: rgba(53, 103, 255, .07);
border: 1px solid rgba(53, 103, 255, .13);
border-radius: 7px;
font-size: 12px;
line-height: 1;
font-weight: 650;
}
.axsivs-legal-hero h1 {
max-width: 800px;
margin: 0 0 24px !important;
color: #10151d !important;
font-size: 55px !important;
line-height: 1.04 !important;
font-weight: 520 !important;
letter-spacing: -1.65px !important;
text-transform: none !important;
}
.axsivs-legal-lead {
max-width: 700px;
margin: 0 !important;
color: #657080 !important;
font-size: 18px !important;
line-height: 1.62 !important;
}
.axsivs-legal-lead strong {
color: #2a3340;
font-weight: 600;
}
.axsivs-legal-meta {
display: flex;
flex-wrap: wrap;
gap: 9px 20px;
margin-top: 28px;
color: #8a93a0;
font-size: 12px;
}
.axsivs-legal-meta span {
display: inline-flex;
align-items: center;
gap: 8px;
}
.axsivs-legal-meta span::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #3567ff;
opacity: .75;
}
.axsivs-legal-summary {
padding: 25px 25px 22px;
background: rgba(255, 255, 255, .82);
border: 1px solid rgba(23, 36, 59, .085);
border-radius: 18px;
box-shadow: 0 22px 55px rgba(28, 44, 78, .05);
backdrop-filter: blur(8px);
}
.axsivs-legal-summary-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(23, 36, 59, .075);
}
.axsivs-legal-summary-head span {
color: #161d27;
font-size: 16px;
font-weight: 650;
}
.axsivs-legal-summary-head small {
padding: 5px 8px;
color: #3567ff;
background: #eef3ff;
border-radius: 6px;
font-size: 10.5px;
font-weight: 700;
}
.axsivs-legal-summary-row {
display: grid;
grid-template-columns: 98px 1fr;
gap: 16px;
padding: 14px 0;
border-bottom: 1px solid rgba(23, 36, 59, .065);
}
.axsivs-legal-summary-row:last-child {
padding-bottom: 1px;
border-bottom: 0;
}
.axsivs-legal-summary-row b {
color: #263142;
font-size: 13px;
font-weight: 650;
}
.axsivs-legal-summary-row span {
color: #697383;
font-size: 13px;
line-height: 1.52;
}
/* DOCUMENT */
.axsivs-legal-content {
padding: 70px 0 82px !important;
background: #ffffff;
}
.axsivs-legal-layout {
display: grid;
grid-template-columns: 245px minmax(0, 760px);
gap: 72px;
justify-content: center;
align-items: start;
}
.axsivs-legal-nav-inner {
position: sticky;
top: 110px;
padding: 19px 17px 16px;
background: #f7f9fc;
border: 1px solid rgba(23, 36, 59, .07);
border-radius: 14px;
}
.axsivs-legal-nav-title {
display: block;
margin-bottom: 13px;
color: #1b2430;
font-size: 13px;
font-weight: 700;
}
.axsivs-legal-nav a {
display: grid;
grid-template-columns: 25px 1fr;
gap: 7px;
align-items: baseline;
padding: 8px 6px;
color: #667180 !important;
text-decoration: none !important;
border-radius: 7px;
font-size: 12.5px;
line-height: 1.4;
transition: .18s ease;
}
.axsivs-legal-nav a b {
color: #3567ff;
font-size: 10px;
font-weight: 700;
}
.axsivs-legal-nav a:hover {
color: #283342 !important;
background: #ffffff;
}
.axsivs-legal-document {
min-width: 0;
}
.axsivs-legal-section {
position: relative;
padding: 0 0 46px;
margin: 0 0 48px;
border-bottom: 1px solid rgba(23, 36, 59, .075);
scroll-margin-top: 110px;
}
.axsivs-legal-section--last {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.axsivs-legal-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 29px;
height: 25px;
margin-bottom: 11px;
padding: 0 7px;
color: #3567ff;
background: #eef3ff;
border-radius: 6px;
font-size: 10px;
font-weight: 750;
}
.axsivs-legal-section h2 {
margin: 0 0 21px !important;
color: #151b24 !important;
font-size: 32px !important;
line-height: 1.16 !important;
font-weight: 560 !important;
letter-spacing: -.55px !important;
text-transform: none !important;
}
.axsivs-legal-section p {
margin: 0 0 16px !important;
color: #515c6a !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
.axsivs-legal-section p:last-child {
margin-bottom: 0 !important;
}
.axsivs-legal-section strong {
color: #252e3a;
font-weight: 620;
}
.axsivs-legal-section a {
color: #315ee8 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(49, 94, 232, .22);
}
.axsivs-legal-section ul {
margin: 7px 0 20px !important;
padding-left: 23px !important;
}
.axsivs-legal-section li {
margin: 0 0 7px !important;
padding-left: 2px;
color: #515c6a;
font-size: 16px;
line-height: 1.64;
}
.axsivs-legal-section li::marker {
color: #3567ff;
}
.axsivs-legal-company,
.axsivs-legal-contact-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
margin: 23px 0 17px;
overflow: hidden;
background: #e8edf5;
border: 1px solid #e8edf5;
border-radius: 13px;
}
.axsivs-legal-company > div,
.axsivs-legal-contact-card > div {
min-height: 82px;
padding: 16px 17px;
background: #fbfcfe;
}
.axsivs-legal-company small,
.axsivs-legal-contact-card small {
display: block;
margin-bottom: 7px;
color: #8a94a2;
font-size: 10.5px;
font-weight: 650;
text-transform: uppercase;
letter-spacing: .15px;
}
.axsivs-legal-company strong,
.axsivs-legal-contact-card strong,
.axsivs-legal-contact-card a {
display: block;
color: #253040 !important;
font-size: 13.5px;
line-height: 1.45;
font-weight: 620;
border: 0;
}
.axsivs-legal-demo-note,
.axsivs-legal-callout {
margin: 18px 0;
padding: 15px 17px;
color: #626d7c;
background: #fff9f1;
border: 1px solid rgba(225, 151, 75, .16);
border-left: 3px solid #e7a15e;
border-radius: 10px;
font-size: 13.5px;
line-height: 1.6;
}
.axsivs-legal-demo-note b,
.axsivs-legal-callout strong {
color: #394250;
font-weight: 650;
}
.axsivs-legal-callout {
background: #f7f9fd;
border-color: rgba(53, 103, 255, .12);
border-left-color: #6c83e8;
}
.axsivs-legal-callout--blue {
background: #f4f7ff;
border-color: rgba(53, 103, 255, .14);
border-left-color: #3567ff;
}
/* BOTTOM CONTACT */
.axsivs-legal-footer {
padding: 57px 0 61px !important;
background:
radial-gradient(circle at 88% 5%, rgba(71, 108, 255, .16), transparent 34%),
linear-gradient(135deg, #252e38 0%, #202934 58%, #1d252e 100%);
}
.axsivs-legal-footer-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 70px;
align-items: center;
}
.axsivs-legal-footer-kicker {
display: block;
margin-bottom: 10px;
color: #91a8ff;
font-size: 11px;
font-weight: 700;
}
.axsivs-legal-footer h2 {
margin: 0 0 10px !important;
color: #ffffff !important;
font-size: 34px !important;
line-height: 1.12 !important;
font-weight: 520 !important;
letter-spacing: -.65px !important;
text-transform: none !important;
}
.axsivs-legal-footer p {
max-width: 650px;
margin: 0 !important;
color: rgba(235, 241, 247, .65) !important;
font-size: 14.5px !important;
line-height: 1.58 !important;
}
.axsivs-legal-footer-mail {
display: block;
padding: 19px 20px;
color: inherit !important;
text-decoration: none !important;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 13px;
transition: .18s ease;
}
.axsivs-legal-footer-mail small {
display: block;
margin-bottom: 8px;
color: #91a8ff;
font-size: 10.5px;
font-weight: 700;
}
.axsivs-legal-footer-mail strong {
display: block;
margin-bottom: 7px;
color: #ffffff;
font-size: 19px;
font-weight: 570;
}
.axsivs-legal-footer-mail span {
color: rgba(235, 241, 247, .62);
font-size: 12px;
}
@media (hover:hover) {
.axsivs-legal-footer-mail:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, .085);
border-color: rgba(125, 151, 255, .30);
}
}
/* TABLET */
@media (max-width: 991px) {
.axsivs-legal-hero {
padding: 64px 0 62px !important;
}
.axsivs-legal-hero-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.axsivs-legal-hero h1 {
max-width: 760px;
font-size: 47px !important;
}
.axsivs-legal-summary {
max-width: 720px;
}
.axsivs-legal-content {
padding: 58px 0 68px !important;
}
.axsivs-legal-layout {
grid-template-columns: 210px minmax(0, 1fr);
gap: 42px;
}
.axsivs-legal-footer-inner {
grid-template-columns: 1fr 320px;
gap: 36px;
}
}
/* MOBILE */
@media (max-width: 767px) {
.axsivs-legal-hero {
padding: 50px 0 52px !important;
}
.axsivs-legal-hero-grid {
gap: 28px;
}
.axsivs-legal-hero h1 {
font-size: 38px !important;
line-height: 1.07 !important;
letter-spacing: -.95px !important;
}
.axsivs-legal-lead {
font-size: 16px !important;
line-height: 1.55 !important;
}
.axsivs-legal-summary {
padding: 21px 18px 18px;
}
.axsivs-legal-summary-row {
grid-template-columns: 1fr;
gap: 5px;
}
.axsivs-legal-content {
padding: 50px 0 60px !important;
}
.axsivs-legal-layout {
display: block;
}
.axsivs-legal-nav {
margin-bottom: 38px;
}
.axsivs-legal-nav-inner {
position: static;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3px 7px;
padding: 16px;
}
.axsivs-legal-nav-title {
grid-column: 1 / -1;
margin-bottom: 7px;
}
.axsivs-legal-nav a {
grid-template-columns: 23px 1fr;
padding: 7px 4px;
font-size: 12px;
}
.axsivs-legal-section {
padding-bottom: 35px;
margin-bottom: 37px;
}
.axsivs-legal-section h2 {
font-size: 26px !important;
line-height: 1.2 !important;
}
.axsivs-legal-section p,
.axsivs-legal-section li {
font-size: 15.5px !important;
line-height: 1.68 !important;
}
.axsivs-legal-company,
.axsivs-legal-contact-card {
grid-template-columns: 1fr;
}
.axsivs-legal-company > div,
.axsivs-legal-contact-card > div {
min-height: 0;
}
.axsivs-legal-footer {
padding: 49px 0 52px !important;
}
.axsivs-legal-footer-inner {
grid-template-columns: 1fr;
gap: 25px;
}
.axsivs-legal-footer h2 {
font-size: 29px !important;
}
}
/* =========================================================
AXSIVS — TERMS OF SERVICE v1.1
FULL PAGE CSS — replace current Page CSS completely
========================================================= */
.axsivs-terms-hero,
.axsivs-terms-content,
.axsivs-terms-footer {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-terms-hero *,
.axsivs-terms-content *,
.axsivs-terms-footer * {
box-sizing: border-box;
}
/* HERO */
.axsivs-terms-hero {
padding: 78px 0 74px !important;
background:
radial-gradient(circle at 87% 10%, rgba(53, 103, 255, .10), transparent 34%),
radial-gradient(circle at 7% 94%, rgba(242, 167, 94, .08), transparent 30%),
linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
border-bottom: 1px solid rgba(18, 30, 50, .055);
}
.axsivs-terms-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(340px, .78fr);
gap: 68px;
align-items: center;
}
.axsivs-terms-kicker {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 20px;
padding: 0 10px;
color: #3567ff;
background: rgba(53, 103, 255, .07);
border: 1px solid rgba(53, 103, 255, .13);
border-radius: 7px;
font-size: 12px;
line-height: 1;
font-weight: 650;
}
.axsivs-terms-hero h1 {
max-width: 800px;
margin: 0 0 24px !important;
color: #10151d !important;
font-size: 55px !important;
line-height: 1.04 !important;
font-weight: 520 !important;
letter-spacing: -1.65px !important;
text-transform: none !important;
}
.axsivs-terms-lead {
max-width: 700px;
margin: 0 !important;
color: #657080 !important;
font-size: 18px !important;
line-height: 1.62 !important;
}
.axsivs-terms-lead strong {
color: #2a3340;
font-weight: 600;
}
.axsivs-terms-meta {
display: flex;
flex-wrap: wrap;
gap: 9px 20px;
margin-top: 28px;
color: #8a93a0;
font-size: 12px;
}
.axsivs-terms-meta span {
display: inline-flex;
align-items: center;
gap: 8px;
}
.axsivs-terms-meta span::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #3567ff;
opacity: .75;
}
.axsivs-terms-summary {
padding: 25px 25px 22px;
background: rgba(255, 255, 255, .82);
border: 1px solid rgba(23, 36, 59, .085);
border-radius: 18px;
box-shadow: 0 22px 55px rgba(28, 44, 78, .05);
backdrop-filter: blur(8px);
}
.axsivs-terms-summary-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(23, 36, 59, .075);
}
.axsivs-terms-summary-head span {
color: #161d27;
font-size: 16px;
font-weight: 650;
}
.axsivs-terms-summary-head small {
padding: 5px 8px;
color: #3567ff;
background: #eef3ff;
border-radius: 6px;
font-size: 10.5px;
font-weight: 700;
}
.axsivs-terms-summary-row {
display: grid;
grid-template-columns: 98px 1fr;
gap: 16px;
padding: 14px 0;
border-bottom: 1px solid rgba(23, 36, 59, .065);
}
.axsivs-terms-summary-row:last-child {
padding-bottom: 1px;
border-bottom: 0;
}
.axsivs-terms-summary-row b {
color: #263142;
font-size: 13px;
font-weight: 650;
}
.axsivs-terms-summary-row span {
color: #697383;
font-size: 13px;
line-height: 1.52;
}
/* DOCUMENT */
.axsivs-terms-content {
padding: 70px 0 82px !important;
background: #ffffff;
}
.axsivs-terms-layout {
display: grid;
grid-template-columns: 245px minmax(0, 760px);
gap: 72px;
justify-content: center;
align-items: start;
}
.axsivs-terms-nav-inner {
position: sticky;
top: 110px;
padding: 19px 17px 16px;
background: #f7f9fc;
border: 1px solid rgba(23, 36, 59, .07);
border-radius: 14px;
}
.axsivs-terms-nav-title {
display: block;
margin-bottom: 13px;
color: #1b2430;
font-size: 13px;
font-weight: 700;
}
.axsivs-terms-nav a {
display: grid;
grid-template-columns: 25px 1fr;
gap: 7px;
align-items: baseline;
padding: 8px 6px;
color: #667180 !important;
text-decoration: none !important;
border-radius: 7px;
font-size: 12.5px;
line-height: 1.4;
transition: .18s ease;
}
.axsivs-terms-nav a b {
color: #3567ff;
font-size: 10px;
font-weight: 700;
}
.axsivs-terms-nav a:hover {
color: #283342 !important;
background: #ffffff;
}
.axsivs-terms-document {
min-width: 0;
}
.axsivs-terms-section {
position: relative;
padding: 0 0 46px;
margin: 0 0 48px;
border-bottom: 1px solid rgba(23, 36, 59, .075);
scroll-margin-top: 110px;
}
.axsivs-terms-section--last {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.axsivs-terms-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 29px;
height: 25px;
margin-bottom: 11px;
padding: 0 7px;
color: #3567ff;
background: #eef3ff;
border-radius: 6px;
font-size: 10px;
font-weight: 750;
}
.axsivs-terms-section h2 {
margin: 0 0 21px !important;
color: #151b24 !important;
font-size: 32px !important;
line-height: 1.16 !important;
font-weight: 560 !important;
letter-spacing: -.55px !important;
text-transform: none !important;
}
.axsivs-terms-section p {
margin: 0 0 16px !important;
color: #515c6a !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
.axsivs-terms-section p:last-child {
margin-bottom: 0 !important;
}
.axsivs-terms-section strong {
color: #252e3a;
font-weight: 620;
}
.axsivs-terms-section a {
color: #315ee8 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(49, 94, 232, .22);
}
.axsivs-terms-section ul {
margin: 7px 0 20px !important;
padding-left: 23px !important;
}
.axsivs-terms-section li {
margin: 0 0 7px !important;
padding-left: 2px;
color: #515c6a;
font-size: 16px;
line-height: 1.64;
}
.axsivs-terms-section li::marker {
color: #3567ff;
}
.axsivs-terms-company,
.axsivs-terms-contact-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
margin: 23px 0 17px;
overflow: hidden;
background: #e8edf5;
border: 1px solid #e8edf5;
border-radius: 13px;
}
.axsivs-terms-company > div,
.axsivs-terms-contact-card > div {
min-height: 82px;
padding: 16px 17px;
background: #fbfcfe;
}
.axsivs-terms-company small,
.axsivs-terms-contact-card small {
display: block;
margin-bottom: 7px;
color: #8a94a2;
font-size: 10.5px;
font-weight: 650;
text-transform: uppercase;
letter-spacing: .15px;
}
.axsivs-terms-company strong,
.axsivs-terms-contact-card strong,
.axsivs-terms-contact-card a {
display: block;
color: #253040 !important;
font-size: 13.5px;
line-height: 1.45;
font-weight: 620;
border: 0;
}
.axsivs-terms-demo-note,
.axsivs-terms-callout {
margin: 18px 0;
padding: 15px 17px;
color: #626d7c;
background: #fff9f1;
border: 1px solid rgba(225, 151, 75, .16);
border-left: 3px solid #e7a15e;
border-radius: 10px;
font-size: 13.5px;
line-height: 1.6;
}
.axsivs-terms-demo-note b,
.axsivs-terms-callout strong {
color: #394250;
font-weight: 650;
}
.axsivs-terms-callout {
background: #f7f9fd;
border-color: rgba(53, 103, 255, .12);
border-left-color: #6c83e8;
}
.axsivs-terms-callout--blue {
background: #f4f7ff;
border-color: rgba(53, 103, 255, .14);
border-left-color: #3567ff;
}
/* BOTTOM CONTACT */
.axsivs-terms-footer {
padding: 57px 0 61px !important;
background:
radial-gradient(circle at 88% 5%, rgba(71, 108, 255, .16), transparent 34%),
linear-gradient(135deg, #252e38 0%, #202934 58%, #1d252e 100%);
}
.axsivs-terms-footer-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 70px;
align-items: center;
}
.axsivs-terms-footer-kicker {
display: block;
margin-bottom: 10px;
color: #91a8ff;
font-size: 11px;
font-weight: 700;
}
.axsivs-terms-footer h2 {
margin: 0 0 10px !important;
color: #ffffff !important;
font-size: 34px !important;
line-height: 1.12 !important;
font-weight: 520 !important;
letter-spacing: -.65px !important;
text-transform: none !important;
}
.axsivs-terms-footer p {
max-width: 650px;
margin: 0 !important;
color: rgba(235, 241, 247, .65) !important;
font-size: 14.5px !important;
line-height: 1.58 !important;
}
.axsivs-terms-footer-mail {
display: block;
padding: 19px 20px;
color: inherit !important;
text-decoration: none !important;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 13px;
transition: .18s ease;
}
.axsivs-terms-footer-mail small {
display: block;
margin-bottom: 8px;
color: #91a8ff;
font-size: 10.5px;
font-weight: 700;
}
.axsivs-terms-footer-mail strong {
display: block;
margin-bottom: 7px;
color: #ffffff;
font-size: 19px;
font-weight: 570;
}
.axsivs-terms-footer-mail span {
color: rgba(235, 241, 247, .62);
font-size: 12px;
}
@media (hover:hover) {
.axsivs-terms-footer-mail:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, .085);
border-color: rgba(125, 151, 255, .30);
}
}
/* TERMS-SPECIFIC COMPONENTS */
.axsivs-terms-flow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 22px 0 4px;
}
.axsivs-terms-flow span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 11px;
color: #394556;
background: #f7f9fc;
border: 1px solid rgba(23, 36, 59, .08);
border-radius: 8px;
font-size: 12px;
font-weight: 600;
}
.axsivs-terms-flow i {
color: #8b97a7;
font-size: 13px;
font-style: normal;
}
.axsivs-terms-warranty-card {
display: flex;
align-items: center;
gap: 18px;
margin: 3px 0 22px;
padding: 18px 20px;
background: linear-gradient(135deg, #f2f6ff 0%, #fbfcff 100%);
border: 1px solid rgba(53, 103, 255, .13);
border-radius: 13px;
}
.axsivs-terms-warranty-value {
flex: 0 0 auto;
color: #3567ff;
font-size: 46px;
line-height: 1;
font-weight: 580;
letter-spacing: -1.5px;
}
.axsivs-terms-warranty-card strong {
display: block;
margin-bottom: 4px;
color: #263143;
font-size: 15px;
font-weight: 650;
}
.axsivs-terms-warranty-card span {
display: block;
color: #6c7685;
font-size: 13px;
line-height: 1.48;
}
.axsivs-terms-contact-card {
grid-template-columns: 1fr 1fr 1fr;
}
/* TABLET */
@media (max-width: 991px) {
.axsivs-terms-hero {
padding: 64px 0 62px !important;
}
.axsivs-terms-hero-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.axsivs-terms-hero h1 {
max-width: 760px;
font-size: 47px !important;
}
.axsivs-terms-summary {
max-width: 720px;
}
.axsivs-terms-content {
padding: 58px 0 68px !important;
}
.axsivs-terms-layout {
grid-template-columns: 210px minmax(0, 1fr);
gap: 42px;
}
.axsivs-terms-footer-inner {
grid-template-columns: 1fr 320px;
gap: 36px;
}
}
/* MOBILE */
@media (max-width: 767px) {
.axsivs-terms-hero {
padding: 50px 0 52px !important;
}
.axsivs-terms-hero-grid {
gap: 28px;
}
.axsivs-terms-hero h1 {
font-size: 38px !important;
line-height: 1.07 !important;
letter-spacing: -.95px !important;
}
.axsivs-terms-lead {
font-size: 16px !important;
line-height: 1.55 !important;
}
.axsivs-terms-summary {
padding: 21px 18px 18px;
}
.axsivs-terms-summary-row {
grid-template-columns: 1fr;
gap: 5px;
}
.axsivs-terms-content {
padding: 50px 0 60px !important;
}
.axsivs-terms-layout {
display: block;
}
.axsivs-terms-nav {
margin-bottom: 38px;
}
.axsivs-terms-nav-inner {
position: static;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3px 7px;
padding: 16px;
}
.axsivs-terms-nav-title {
grid-column: 1 / -1;
margin-bottom: 7px;
}
.axsivs-terms-nav a {
grid-template-columns: 23px 1fr;
padding: 7px 4px;
font-size: 12px;
}
.axsivs-terms-section {
padding-bottom: 35px;
margin-bottom: 37px;
}
.axsivs-terms-section h2 {
font-size: 26px !important;
line-height: 1.2 !important;
}
.axsivs-terms-section p,
.axsivs-terms-section li {
font-size: 15.5px !important;
line-height: 1.68 !important;
}
.axsivs-terms-company,
.axsivs-terms-contact-card {
grid-template-columns: 1fr;
}
.axsivs-terms-company > div,
.axsivs-terms-contact-card > div {
min-height: 0;
}
.axsivs-terms-footer {
padding: 49px 0 52px !important;
}
.axsivs-terms-footer-inner {
grid-template-columns: 1fr;
gap: 25px;
}
.axsivs-terms-footer h2 {
font-size: 29px !important;
}
}
@media (max-width: 767px) {
.axsivs-terms-flow {
display: grid;
grid-template-columns: 1fr;
}
.axsivs-terms-flow i {
display: none;
}
.axsivs-terms-contact-card {
grid-template-columns: 1fr;
}
}
/* =========================================================
AXSIVS — PAYMENT PAGE
Migrated to global custom.css from SP Page Builder Page CSS
========================================================= */
/* =========================================================
AXSIVS — PAYMENT & SETTLEMENTS v1.0
FULL PAGE CSS — replace current Page CSS completely
========================================================= */
.axsivs-payment-hero,
.axsivs-payment-content,
.axsivs-payment-footer {
font-family: "Inter", Arial, sans-serif !important;
}
.axsivs-payment-hero *,
.axsivs-payment-content *,
.axsivs-payment-footer * {
box-sizing: border-box;
}
/* HERO */
.axsivs-payment-hero {
padding: 78px 0 74px !important;
background:
radial-gradient(circle at 87% 10%, rgba(53, 103, 255, .10), transparent 34%),
radial-gradient(circle at 7% 94%, rgba(242, 167, 94, .08), transparent 30%),
linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
border-bottom: 1px solid rgba(18, 30, 50, .055);
}
.axsivs-payment-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(340px, .78fr);
gap: 68px;
align-items: center;
}
.axsivs-payment-kicker {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 20px;
padding: 0 10px;
color: #3567ff;
background: rgba(53, 103, 255, .07);
border: 1px solid rgba(53, 103, 255, .13);
border-radius: 7px;
font-size: 12px;
line-height: 1;
font-weight: 650;
}
.axsivs-payment-hero h1 {
max-width: 800px;
margin: 0 0 24px !important;
color: #10151d !important;
font-size: 55px !important;
line-height: 1.04 !important;
font-weight: 520 !important;
letter-spacing: -1.65px !important;
text-transform: none !important;
}
.axsivs-payment-lead {
max-width: 700px;
margin: 0 !important;
color: #657080 !important;
font-size: 18px !important;
line-height: 1.62 !important;
}
.axsivs-payment-lead strong {
color: #2a3340;
font-weight: 600;
}
.axsivs-payment-meta {
display: flex;
flex-wrap: wrap;
gap: 9px 20px;
margin-top: 28px;
color: #8a93a0;
font-size: 12px;
}
.axsivs-payment-meta span {
display: inline-flex;
align-items: center;
gap: 8px;
}
.axsivs-payment-meta span::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #3567ff;
opacity: .75;
}
.axsivs-payment-summary {
padding: 25px 25px 22px;
background: rgba(255, 255, 255, .82);
border: 1px solid rgba(23, 36, 59, .085);
border-radius: 18px;
box-shadow: 0 22px 55px rgba(28, 44, 78, .05);
backdrop-filter: blur(8px);
}
.axsivs-payment-summary-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(23, 36, 59, .075);
}
.axsivs-payment-summary-head span {
color: #161d27;
font-size: 16px;
font-weight: 650;
}
.axsivs-payment-summary-head small {
padding: 5px 8px;
color: #3567ff;
background: #eef3ff;
border-radius: 6px;
font-size: 10.5px;
font-weight: 700;
}
.axsivs-payment-summary-row {
display: grid;
grid-template-columns: 98px 1fr;
gap: 16px;
padding: 14px 0;
border-bottom: 1px solid rgba(23, 36, 59, .065);
}
.axsivs-payment-summary-row:last-child {
padding-bottom: 1px;
border-bottom: 0;
}
.axsivs-payment-summary-row b {
color: #263142;
font-size: 13px;
font-weight: 650;
}
.axsivs-payment-summary-row span {
color: #697383;
font-size: 13px;
line-height: 1.52;
}
/* DOCUMENT */
.axsivs-payment-content {
padding: 70px 0 82px !important;
background: #ffffff;
}
.axsivs-payment-layout {
display: grid;
grid-template-columns: 245px minmax(0, 760px);
gap: 72px;
justify-content: center;
align-items: start;
}
.axsivs-payment-nav-inner {
position: sticky;
top: 110px;
padding: 19px 17px 16px;
background: #f7f9fc;
border: 1px solid rgba(23, 36, 59, .07);
border-radius: 14px;
}
.axsivs-payment-nav-title {
display: block;
margin-bottom: 13px;
color: #1b2430;
font-size: 13px;
font-weight: 700;
}
.axsivs-payment-nav a {
display: grid;
grid-template-columns: 25px 1fr;
gap: 7px;
align-items: baseline;
padding: 8px 6px;
color: #667180 !important;
text-decoration: none !important;
border-radius: 7px;
font-size: 12.5px;
line-height: 1.4;
transition: .18s ease;
}
.axsivs-payment-nav a b {
color: #3567ff;
font-size: 10px;
font-weight: 700;
}
.axsivs-payment-nav a:hover {
color: #283342 !important;
background: #ffffff;
}
.axsivs-payment-document {
min-width: 0;
}
.axsivs-payment-section {
position: relative;
padding: 0 0 46px;
margin: 0 0 48px;
border-bottom: 1px solid rgba(23, 36, 59, .075);
scroll-margin-top: 110px;
}
.axsivs-payment-section--last {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.axsivs-payment-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 29px;
height: 25px;
margin-bottom: 11px;
padding: 0 7px;
color: #3567ff;
background: #eef3ff;
border-radius: 6px;
font-size: 10px;
font-weight: 750;
}
.axsivs-payment-section h2 {
margin: 0 0 21px !important;
color: #151b24 !important;
font-size: 32px !important;
line-height: 1.16 !important;
font-weight: 560 !important;
letter-spacing: -.55px !important;
text-transform: none !important;
}
.axsivs-payment-section p {
margin: 0 0 16px !important;
color: #515c6a !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
.axsivs-payment-section p:last-child {
margin-bottom: 0 !important;
}
.axsivs-payment-section strong {
color: #252e3a;
font-weight: 620;
}
.axsivs-payment-section a {
color: #315ee8 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(49, 94, 232, .22);
}
.axsivs-payment-section ul {
margin: 7px 0 20px !important;
padding-left: 23px !important;
}
.axsivs-payment-section li {
margin: 0 0 7px !important;
padding-left: 2px;
color: #515c6a;
font-size: 16px;
line-height: 1.64;
}
.axsivs-payment-section li::marker {
color: #3567ff;
}
.axsivs-payment-company,
.axsivs-payment-contact-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
margin: 23px 0 17px;
overflow: hidden;
background: #e8edf5;
border: 1px solid #e8edf5;
border-radius: 13px;
}
.axsivs-payment-company > div,
.axsivs-payment-contact-card > div {
min-height: 82px;
padding: 16px 17px;
background: #fbfcfe;
}
.axsivs-payment-company small,
.axsivs-payment-contact-card small {
display: block;
margin-bottom: 7px;
color: #8a94a2;
font-size: 10.5px;
font-weight: 650;
text-transform: uppercase;
letter-spacing: .15px;
}
.axsivs-payment-company strong,
.axsivs-payment-contact-card strong,
.axsivs-payment-contact-card a {
display: block;
color: #253040 !important;
font-size: 13.5px;
line-height: 1.45;
font-weight: 620;
border: 0;
}
.axsivs-payment-demo-note,
.axsivs-payment-callout {
margin: 18px 0;
padding: 15px 17px;
color: #626d7c;
background: #fff9f1;
border: 1px solid rgba(225, 151, 75, .16);
border-left: 3px solid #e7a15e;
border-radius: 10px;
font-size: 13.5px;
line-height: 1.6;
}
.axsivs-payment-demo-note b,
.axsivs-payment-callout strong {
color: #394250;
font-weight: 650;
}
.axsivs-payment-callout {
background: #f7f9fd;
border-color: rgba(53, 103, 255, .12);
border-left-color: #6c83e8;
}
.axsivs-payment-callout--blue {
background: #f4f7ff;
border-color: rgba(53, 103, 255, .14);
border-left-color: #3567ff;
}
/* BOTTOM CONTACT */
.axsivs-payment-footer {
padding: 57px 0 61px !important;
background:
radial-gradient(circle at 88% 5%, rgba(71, 108, 255, .16), transparent 34%),
linear-gradient(135deg, #252e38 0%, #202934 58%, #1d252e 100%);
}
.axsivs-payment-footer-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 70px;
align-items: center;
}
.axsivs-payment-footer-kicker {
display: block;
margin-bottom: 10px;
color: #91a8ff;
font-size: 11px;
font-weight: 700;
}
.axsivs-payment-footer h2 {
margin: 0 0 10px !important;
color: #ffffff !important;
font-size: 34px !important;
line-height: 1.12 !important;
font-weight: 520 !important;
letter-spacing: -.65px !important;
text-transform: none !important;
}
.axsivs-payment-footer p {
max-width: 650px;
margin: 0 !important;
color: rgba(235, 241, 247, .65) !important;
font-size: 14.5px !important;
line-height: 1.58 !important;
}
.axsivs-payment-footer-mail {
display: block;
padding: 19px 20px;
color: inherit !important;
text-decoration: none !important;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 13px;
transition: .18s ease;
}
.axsivs-payment-footer-mail small {
display: block;
margin-bottom: 8px;
color: #91a8ff;
font-size: 10.5px;
font-weight: 700;
}
.axsivs-payment-footer-mail strong {
display: block;
margin-bottom: 7px;
color: #ffffff;
font-size: 19px;
font-weight: 570;
}
.axsivs-payment-footer-mail span {
color: rgba(235, 241, 247, .62);
font-size: 12px;
}
@media (hover:hover) {
.axsivs-payment-footer-mail:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, .085);
border-color: rgba(125, 151, 255, .30);
}
}
/* TERMS-SPECIFIC COMPONENTS */
.axsivs-payment-flow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 22px 0 4px;
}
.axsivs-payment-flow span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 11px;
color: #394556;
background: #f7f9fc;
border: 1px solid rgba(23, 36, 59, .08);
border-radius: 8px;
font-size: 12px;
font-weight: 600;
}
.axsivs-payment-flow i {
color: #8b97a7;
font-size: 13px;
font-style: normal;
}
.axsivs-payment-warranty-card {
display: flex;
align-items: center;
gap: 18px;
margin: 3px 0 22px;
padding: 18px 20px;
background: linear-gradient(135deg, #f2f6ff 0%, #fbfcff 100%);
border: 1px solid rgba(53, 103, 255, .13);
border-radius: 13px;
}
.axsivs-payment-warranty-value {
flex: 0 0 auto;
color: #3567ff;
font-size: 46px;
line-height: 1;
font-weight: 580;
letter-spacing: -1.5px;
}
.axsivs-payment-warranty-card strong {
display: block;
margin-bottom: 4px;
color: #263143;
font-size: 15px;
font-weight: 650;
}
.axsivs-payment-warranty-card span {
display: block;
color: #6c7685;
font-size: 13px;
line-height: 1.48;
}
.axsivs-payment-contact-card {
grid-template-columns: 1fr 1fr 1fr;
}
/* PAYMENT-SPECIFIC COMPONENTS */
.axsivs-payment-card-flow {
display: grid;
grid-template-columns: 1fr auto 1fr auto 1fr;
gap: 11px;
align-items: center;
margin: 23px 0 4px;
}
.axsivs-payment-card-flow > div {
min-height: 122px;
padding: 17px 16px;
background: #f8fafd;
border: 1px solid rgba(23, 36, 59, .08);
border-radius: 11px;
}
.axsivs-payment-card-flow > i {
color: #8a96a6;
font-size: 15px;
font-style: normal;
}
.axsivs-payment-card-flow small {
display: block;
margin-bottom: 13px;
color: #3567ff;
font-size: 10px;
font-weight: 750;
}
.axsivs-payment-card-flow strong {
display: block;
margin-bottom: 7px;
color: #2c3746;
font-size: 13px;
line-height: 1.35;
font-weight: 650;
}
.axsivs-payment-card-flow span {
display: block;
color: #717c8b;
font-size: 12px;
line-height: 1.45;
}
.axsivs-payment-security-card {
display: flex;
align-items: center;
gap: 17px;
margin: 20px 0;
padding: 19px 20px;
background: linear-gradient(135deg, #f2f6ff 0%, #fbfcff 100%);
border: 1px solid rgba(53, 103, 255, .13);
border-radius: 13px;
}
.axsivs-payment-security-mark {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 39px;
height: 39px;
color: #3567ff;
background: #ffffff;
border: 1px solid rgba(53, 103, 255, .14);
border-radius: 50%;
font-size: 18px;
font-weight: 700;
}
.axsivs-payment-security-card strong {
display: block;
margin-bottom: 4px;
color: #263143;
font-size: 14px;
font-weight: 650;
}
.axsivs-payment-security-card span {
display: block;
color: #6c7685;
font-size: 13px;
line-height: 1.48;
}
.axsivs-payment-contact-card {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
.axsivs-payment-card-flow {
grid-template-columns: 1fr;
}
.axsivs-payment-card-flow > i {
display: none;
}
.axsivs-payment-card-flow > div {
min-height: 0;
}
.axsivs-payment-security-card {
align-items: flex-start;
}
.axsivs-payment-contact-card {
grid-template-columns: 1fr;
}
}
/* TABLET */
@media (max-width: 991px) {
.axsivs-payment-hero {
padding: 64px 0 62px !important;
}
.axsivs-payment-hero-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.axsivs-payment-hero h1 {
max-width: 760px;
font-size: 47px !important;
}
.axsivs-payment-summary {
max-width: 720px;
}
.axsivs-payment-content {
padding: 58px 0 68px !important;
}
.axsivs-payment-layout {
grid-template-columns: 210px minmax(0, 1fr);
gap: 42px;
}
.axsivs-payment-footer-inner {
grid-template-columns: 1fr 320px;
gap: 36px;
}
}
/* MOBILE */
@media (max-width: 767px) {
.axsivs-payment-hero {
padding: 50px 0 52px !important;
}
.axsivs-payment-hero-grid {
gap: 28px;
}
.axsivs-payment-hero h1 {
font-size: 38px !important;
line-height: 1.07 !important;
letter-spacing: -.95px !important;
}
.axsivs-payment-lead {
font-size: 16px !important;
line-height: 1.55 !important;
}
.axsivs-payment-summary {
padding: 21px 18px 18px;
}
.axsivs-payment-summary-row {
grid-template-columns: 1fr;
gap: 5px;
}
.axsivs-payment-content {
padding: 50px 0 60px !important;
}
.axsivs-payment-layout {
display: block;
}
.axsivs-payment-nav {
margin-bottom: 38px;
}
.axsivs-payment-nav-inner {
position: static;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3px 7px;
padding: 16px;
}
.axsivs-payment-nav-title {
grid-column: 1 / -1;
margin-bottom: 7px;
}
.axsivs-payment-nav a {
grid-template-columns: 23px 1fr;
padding: 7px 4px;
font-size: 12px;
}
.axsivs-payment-section {
padding-bottom: 35px;
margin-bottom: 37px;
}
.axsivs-payment-section h2 {
font-size: 26px !important;
line-height: 1.2 !important;
}
.axsivs-payment-section p,
.axsivs-payment-section li {
font-size: 15.5px !important;
line-height: 1.68 !important;
}
.axsivs-payment-company,
.axsivs-payment-contact-card {
grid-template-columns: 1fr;
}
.axsivs-payment-company > div,
.axsivs-payment-contact-card > div {
min-height: 0;
}
.axsivs-payment-footer {
padding: 49px 0 52px !important;
}
.axsivs-payment-footer-inner {
grid-template-columns: 1fr;
gap: 25px;
}
.axsivs-payment-footer h2 {
font-size: 29px !important;
}
}
@media (max-width: 767px) {
.axsivs-payment-flow {
display: grid;
grid-template-columns: 1fr;
}
.axsivs-payment-flow i {
display: none;
}
.axsivs-payment-contact-card {
grid-template-columns: 1fr;
}
}
/* =========================================================
AXSIVS — FINAL GLOBAL FIXES
Footer gap + legal pages typography
KEEP THIS BLOCK AT THE VERY END OF custom.css
========================================================= */
/* ---------------------------------------------------------
1. УБИРАЕМ БЕЛУЮ ПОЛОСУ ПЕРЕД ГЛОБАЛЬНЫМ FOOTER
Работает одинаково для Privacy / Terms / Payment / Contact
--------------------------------------------------------- */
#sp-bottom {
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* ---------------------------------------------------------
2. ЮРИДИЧЕСКИЕ СТРАНИЦЫ — МЕЛКАЯ ТИПОГРАФИКА
Более высокая специфичность специально для конфликта
с Page CSS внутри SP Page Builder.
--------------------------------------------------------- */
/* Kicker: "Правовая информация" */
body .axsivs-legal-kicker,
body .axsivs-terms-kicker,
body .axsivs-payment-kicker {
font-size: 12.5px !important;
line-height: 1 !important;
}
/* Hero meta: домены + дата */
body .axsivs-legal-meta,
body .axsivs-terms-meta,
body .axsivs-payment-meta {
font-size: 12.5px !important;
line-height: 1.45 !important;
}
/* "Коротко" */
body .axsivs-legal-summary-head span,
body .axsivs-terms-summary-head span,
body .axsivs-payment-summary-head span {
font-size: 16px !important;
}
body .axsivs-legal-summary-head small,
body .axsivs-terms-summary-head small,
body .axsivs-payment-summary-head small {
font-size: 11px !important;
}
body .axsivs-legal-summary-row b,
body .axsivs-terms-summary-row b,
body .axsivs-payment-summary-row b {
font-size: 13.5px !important;
line-height: 1.4 !important;
}
body .axsivs-legal-summary-row span,
body .axsivs-terms-summary-row span,
body .axsivs-payment-summary-row span {
font-size: 13.5px !important;
line-height: 1.52 !important;
}
/* Левое содержание */
body .axsivs-legal-nav-title,
body .axsivs-terms-nav-title,
body .axsivs-payment-nav-title {
font-size: 13.5px !important;
}
body .axsivs-legal-nav a,
body .axsivs-terms-nav a,
body .axsivs-payment-nav a {
font-size: 13px !important;
line-height: 1.42 !important;
}
body .axsivs-legal-nav a b,
body .axsivs-terms-nav a b,
body .axsivs-payment-nav a b {
font-size: 10.5px !important;
}
/* Маленькие номера разделов 01 / 02 / ... */
body .axsivs-legal-number,
body .axsivs-terms-number,
body .axsivs-payment-number {
font-size: 10.5px !important;
}
/* Основной юридический текст */
body .axsivs-legal-section p,
body .axsivs-legal-section li,
body .axsivs-terms-section p,
body .axsivs-terms-section li,
body .axsivs-payment-section p,
body .axsivs-payment-section li {
font-size: 16px !important;
}
body .axsivs-legal-section p,
body .axsivs-terms-section p,
body .axsivs-payment-section p {
line-height: 1.72 !important;
}
body .axsivs-legal-section li,
body .axsivs-terms-section li,
body .axsivs-payment-section li {
line-height: 1.64 !important;
}
/* Подписи и значения в реквизитах */
body .axsivs-legal-company small,
body .axsivs-legal-contact-card small,
body .axsivs-terms-company small,
body .axsivs-terms-contact-card small,
body .axsivs-payment-company small,
body .axsivs-payment-contact-card small {
font-size: 11px !important;
}
body .axsivs-legal-company strong,
body .axsivs-legal-company a,
body .axsivs-legal-contact-card strong,
body .axsivs-legal-contact-card a,
body .axsivs-terms-company strong,
body .axsivs-terms-company a,
body .axsivs-terms-contact-card strong,
body .axsivs-terms-contact-card a,
body .axsivs-payment-company strong,
body .axsivs-payment-company a,
body .axsivs-payment-contact-card strong,
body .axsivs-payment-contact-card a {
font-size: 14px !important;
}
/* Информационные плашки */
body .axsivs-legal-demo-note,
body .axsivs-legal-callout,
body .axsivs-terms-demo-note,
body .axsivs-terms-callout,
body .axsivs-payment-demo-note,
body .axsivs-payment-callout {
font-size: 14px !important;
line-height: 1.6 !important;
}
/* Terms / Payment дополнительные компактные элементы */
body .axsivs-terms-flow span,
body .axsivs-payment-flow span {
font-size: 12.5px !important;
}
body .axsivs-payment-card-flow small {
font-size: 10.5px !important;
}
body .axsivs-payment-card-flow strong {
font-size: 13.5px !important;
}
body .axsivs-payment-card-flow span {
font-size: 12.5px !important;
}
/* Нижний CTA юридических страниц */
body .axsivs-legal-footer-kicker,
body .axsivs-terms-footer-kicker,
body .axsivs-payment-footer-kicker {
font-size: 11.5px !important;
}
body .axsivs-legal-footer p,
body .axsivs-terms-footer p,
body .axsivs-payment-footer p {
font-size: 14.5px !important;
line-height: 1.58 !important;
}
body .axsivs-legal-footer-mail small,
body .axsivs-terms-footer-mail small,
body .axsivs-payment-footer-mail small {
font-size: 11px !important;
}
body .axsivs-legal-footer-mail span,
body .axsivs-terms-footer-mail span,
body .axsivs-payment-footer-mail span {
font-size: 12px !important;
}
/* ---------------------------------------------------------
3. FOOTER LEGAL LINKS — ОДНА СТРОКА НА DESKTOP
--------------------------------------------------------- */
body .axsivs-footer .footer-legal {
display: flex !important;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: nowrap !important;
white-space: nowrap !important;
}
body .axsivs-footer .footer-legal a,
body .axsivs-footer .footer-legal span {
white-space: nowrap !important;
}
body .axsivs-footer .footer-legal span {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
body .axsivs-legal-nav a,
body .axsivs-terms-nav a,
body .axsivs-payment-nav a {
font-size: 12.5px !important;
}
body .axsivs-legal-section p,
body .axsivs-legal-section li,
body .axsivs-terms-section p,
body .axsivs-terms-section li,
body .axsivs-payment-section p,
body .axsivs-payment-section li {
font-size: 15.5px !important;
}
body .axsivs-footer .footer-legal {
justify-content: flex-start;
flex-wrap: wrap !important;
white-space: normal !important;
}
body .axsivs-footer .footer-legal a,
body .axsivs-footer .footer-legal span {
white-space: nowrap !important;
}
}
/* Разделитель между финальным CTA и footer */
.axsivs-footer::before {
box-shadow:
inset 0 1px 0 rgba(125, 151, 255, 0.28) !important;
}