.aktec-partners-carousel {
--aktec-blue: #194f95;
position: relative;
width: 100%;
padding: 0 38px 24px;
box-sizing: border-box;
}
.aktec-partners-viewport {
width: 100%;
overflow: hidden;
cursor: grab;
touch-action: pan-y;
}
.aktec-partners-viewport.is-dragging { cursor: grabbing; }
.aktec-partners-track {
display: flex;
align-items: center;
gap: var(--aktec-partner-gap, 24px);
will-change: transform;
transition: transform 420ms ease;
}
.aktec-partner-slide {
box-sizing: border-box;
flex: 0 0 calc((100% - (var(--aktec-partner-gap, 24px) * 3)) / 4);
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
}
.aktec-partner-link {
display: flex;
width: 100%;
min-height: 110px;
align-items: center;
justify-content: center;
padding: 12px;
box-sizing: border-box;
text-decoration: none;
user-select: none;
-webkit-user-drag: none;
}
.aktec-partner-logo {
display: block;
max-width: 100%;
width: auto;
height: auto;
max-height: 90px;
object-fit: contain;
pointer-events: none;
} .aktec-partners-arrow {
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 34px;
min-width: 22px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: 0;
border-radius: 0;
background: transparent;
color: #194f95;
font-family: Arial, sans-serif;
font-size: 0;
line-height: 1;
cursor: pointer;
box-shadow: none;
appearance: none;
}
.aktec-partners-arrow::before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.aktec-partners-prev::before { border-right: 16px solid #194f95; }
.aktec-partners-next::before { border-left: 16px solid #194f95; }
.aktec-partners-arrow:hover,
.aktec-partners-arrow:focus {
background: transparent;
color: #194f95;
transform: translateY(-50%);
box-shadow: none;
}
.aktec-partners-arrow:focus-visible {
outline: 2px solid #194f95;
outline-offset: 3px;
}
.aktec-partners-prev { left: 0; }
.aktec-partners-next { right: 0; }
.aktec-partners-arrow[hidden] { display: none !important; } .aktec-partners-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
padding-top: 10px;
}
.aktec-partners-dot {
display: block;
width: 6px;
height: 6px;
min-width: 6px;
min-height: 6px;
padding: 0;
margin: 0;
box-sizing: border-box;
border: 0;
border-radius: 50%;
background: #194f95;
opacity: 0.55;
cursor: pointer;
appearance: none;
line-height: 0;
}
.aktec-partners-dot[aria-current="true"] {
background: #194f95;
opacity: 1;
transform: none;
}
.aktec-partners-dot:hover { opacity: 0.8; }
.aktec-partners-dots:empty { display: none; }
@media (max-width: 767px) {
.aktec-partners-carousel {
--aktec-partner-gap: 16px;
padding: 0 30px 22px;
}
.aktec-partner-slide { flex-basis: calc((100% - var(--aktec-partner-gap)) / 2); }
.aktec-partner-link { min-height: 90px; padding: 8px; }
.aktec-partner-logo { max-height: 72px; }
.aktec-partners-arrow {
width: 28px;
height: 28px;
min-width: 28px;
font-size: 19px;
}
.aktec-partners-dot {
width: 5px;
height: 5px;
min-width: 5px;
min-height: 5px;
}
}
@media (prefers-reduced-motion: reduce) {
.aktec-partners-track,
.aktec-partners-arrow,
.aktec-partners-dot { transition: none; }
}