.aj-promo {
--aj-promo-bg: #f4f5f7;
--aj-promo-card-bg: #ffffff;
--aj-promo-text: #1a1a1a;
--aj-promo-muted: #6b7280;
--aj-promo-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
--aj-promo-border: rgba(15, 23, 42, 0.05);
margin-top: 80px;
padding: 50px 0;
background: #04192a;
}
.aj-promo__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.25rem;
} .aj-promo__header {
text-align: center;
margin-bottom: 1.75rem;
}
.aj-promo__title {
font-size: clamp(1.4rem, 1.1rem + 0.8vw, 1.9rem);
margin: 0 0 0.4rem;
font-weight: 700;
color: white;
}
.aj-promo__subtitle {
margin: 0;
font-size: 0.95rem;
color: white;
} .aj-promo__slider {
width: 100%;
}
.aj-promo__slider .swiper-wrapper {
padding-bottom: 50px;
transition-timing-function: linear !important;
} .aj-promo__pagination {
display: none;
} @media (max-width: 767px) {
.aj-promo__pagination {
display: block;
pointer-events: none; }
} .aj-promo__card {
background: var(--aj-promo-card-bg);
border-radius: 14px;
border: 1px solid var(--aj-promo-border);
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
padding: 0.75rem 0.75rem 0.65rem;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.aj-promo__card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
} .aj-promo__logo-wrap {
width: 100%;
height: 70px; display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.4rem;
}
.aj-promo__logo {
max-width: 100%;
max-height: 100%;
object-fit: contain; display: block;
} .aj-promo__company-name {
font-size: 0.8rem;
font-weight: 600;
color: var(--aj-promo-text);
line-height: 1.3;
} .aj-promo__pagination {
display: flex !important;
justify-content: center;
gap: 8px;
text-align: center;
}
.aj-promo__pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
background: rgba(255, 255, 255, 0.35);
opacity: 1;
margin: 0 3px !important;
transition: transform 0.18s ease, background 0.18s ease;
}
.aj-promo__pagination .swiper-pagination-bullet-active {
background: white;
transform: scale(1.35);
} @media (max-width: 767px) {
.aj-promo {
padding: 2.25rem 0;
}
.aj-promo__card {
padding: 0.7rem;
}
.aj-promo__logo-wrap {
height: 60px;
}
.aj-promo__company-name {
font-size: 0.78rem;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
position: relative;
}
.aj-promo__subtitle {
margin-bottom: 10px;
}
}