/* Styles for behaviour re-implemented in React (no jQuery / Elementor JS) */

/* Partner logo marquee */
.gt-marquee { overflow: hidden; position: relative; }
.gt-marquee__track { display: flex; width: max-content; animation: gt-marquee var(--gt-marquee-duration, 30s) linear infinite; }
.gt-marquee:hover .gt-marquee__track { animation-play-state: paused; }
.gt-marquee__item { flex: 0 0 auto; width: 50vw; display: flex; justify-content: center; align-items: center; padding: 0 15px; }
@media (min-width: 576px) { .gt-marquee__item { width: 180px; } }
@media (min-width: 768px) { .gt-marquee__item { width: 180px; } }
@media (min-width: 992px) { .gt-marquee__item { width: 240px; } }
@media (min-width: 1200px) { .gt-marquee__item { width: 204px; } }
.gt-marquee__track { align-items: center; min-height: 159px; }
@media (min-width: 768px) { .gt-marquee__track { min-height: 216px; } }
@media (min-width: 1200px) { .gt-marquee__track { min-height: 186px; } }
.gt-marquee__item .pxl-item--logo { display: flex; justify-content: center; width: 100%; }
.gt-marquee__item img { max-width: 100%; height: auto; }
@keyframes gt-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .gt-marquee__track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; } }

/* Lightbox */
.gt-lightbox { position: fixed; inset: 0; z-index: 100000; background: rgba(10, 16, 32, .92); display: flex; align-items: center; justify-content: center; padding: 60px 70px; }
.gt-lightbox__figure { margin: 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.gt-lightbox__figure img { max-width: 100%; max-height: calc(100vh - 160px); object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.gt-lightbox__figure figcaption { color: #e7e9ef; font-size: 15px; text-align: center; }
.gt-lightbox__bar { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; color: #cdd3df; font-size: 14px; }
.gt-lightbox__close, .gt-lightbox__nav { background: transparent; border: 0; color: #fff; cursor: pointer; line-height: 1; padding: 0; }
.gt-lightbox__close { font-size: 38px; }
.gt-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); font-size: 56px; width: 56px; height: 80px; border-radius: 8px; }
.gt-lightbox__nav:hover, .gt-lightbox__close:hover { color: #D4AF6E; }
.gt-lightbox__prev { left: 8px; }
.gt-lightbox__next { right: 8px; }
@media (max-width: 640px) { .gt-lightbox { padding: 56px 12px; } .gt-lightbox__nav { font-size: 40px; width: 40px; } }

/* No theme loader / custom cursor in the React version */
.pxl-loader, .pxl-cursor { display: none !important; }