/* Homepage badges. Breakpoints: 600px, 900px, 1200px. */
.shakhnis-badges {padding: 40px 0 24px; background: #1C2C56;}
.shakhnis-badge-list:not(.owl-loaded) {display: flex; gap: 30px; overflow-x: auto;}
.shakhnis-badge {height: 180px; display: flex; align-items: center; justify-content: center; flex: 0 0 150px;}
.shakhnis-badges .shakhnis-badge img {width: auto; height: auto; max-width: 150px; max-height: 172px; margin: 0;}
.shakhnis-badges .shakhnis-badge--white img {background: #fff; padding: 10px; box-sizing: border-box; border-radius: 3px;}
.shakhnis-badge-controls {display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 18px;}
.shakhnis-badge-controls[hidden] {display: none;}
.shakhnis-badge-controls button {height: 44px; min-width: 44px; padding: 0 12px; margin: 0; border: 1px solid #8190b4; border-radius: 3px; color: #fff; background: transparent; font-size: 14px; line-height: 42px; letter-spacing: 0; text-transform: none; cursor: pointer;}
.shakhnis-badge-controls button:hover {background: #fff; color: #1C2C56; border-color: #fff;}
.shakhnis-badge-controls button:focus-visible {outline: 3px solid #fff; outline-offset: 4px;}
.shakhnis-badge-toggle {min-width: 88px !important;}
@media (max-width: 599px) {
	.shakhnis-badges {padding-top: 24px;}
	.shakhnis-badge {height: 145px;}
	.shakhnis-badges .shakhnis-badge img {max-width: 110px; max-height: 130px;}
}
@media (prefers-reduced-motion: reduce) {
	.shakhnis-badges .owl-stage {transition-duration: 0s !important;}
}