 /* Global Font Ayarları */
 * {
     font-family: "Poppins", sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 /* Sponsor kartlarındaki tüm yazılar büyük harf olacak */
 .sponsor-card-custom,
 .sponsor-card-custom * {
     text-transform: uppercase;
     font-family: "Poppins", sans-serif !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 /* Sponsor Kartı (PORTOBET tarzı) */
 .sponsor-card-custom {
     position: relative;
     background: linear-gradient(0deg, var(--star-card-background-color, #262626) 50%, var(--dark-bg, #303030));
     border-radius: 18px;
     box-shadow: 0 4px 24px 0 var(--star-box-shadow-color, rgba(0, 0, 0, 0.25));
     padding: 8px 6px 8px 6px;
     margin: 20px auto;
     text-align: center;
     position: relative;
     border: 2px solid transparent !important;
     background-clip: padding-box;
     transition: all 0.3s ease;
     height: 200px;
     max-height: 200px;
     min-height: 200px;
 }



 /* Sponsor Kartı Kayan Işık Border Efekti - 60fps Optimized */
 .sponsor-card-custom::before {
     content: '';
     position: absolute;
     top: -2px;
     left: -2px;
     right: -2px;
     bottom: -2px;
     background: linear-gradient(45deg,
             transparent 0%,
             transparent 35%,
             var(--isik-rengi1, #00bfff) 40%,
             var(--isik-rengi2, #00ffff) 45%,
             var(--isik-rengi1, #00bfff) 50%,
             transparent 55%,
             transparent 100%);
     border-radius: 20px;
     z-index: -1;
     animation: kayanIsik 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     background-size: 300% 300%;
     pointer-events: none;

     /* 60fps GPU optimizasyonu */
     will-change: background-position;
     backface-visibility: hidden;
     transform: translateZ(0);
     -webkit-font-smoothing: antialiased;
 }



 /* Hover durumunda kayan ışık hızlanır ve parlar - 60fps Optimized */
 .sponsor-card-custom:hover::before {
     animation: kayanIsikHover 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     opacity: 0.8;
     background: linear-gradient(45deg,
             transparent 0%,
             transparent 35%,
             var(--isik-rengi1, #00bfff) 38%,
             var(--isik-rengi2, #00ffff) 42%,
             var(--isik-rengi1, #00bfff) 46%,
             transparent 50%,
             transparent 100%);

     /* 60fps GPU optimizasyonu */
     will-change: background-position, opacity;
     backface-visibility: hidden;
     transform: translateZ(0);
 }



 @keyframes kayanIsik {
     0% {
         background-position: 0% 50%;
         transform: translateZ(0);
     }

     50% {
         background-position: 100% 50%;
         transform: translateZ(0);
     }

     100% {
         background-position: 0% 50%;
         transform: translateZ(0);
     }
 }

 @keyframes kayanIsikHover {
     0% {
         background-position: 0% 50%;
         transform: translateZ(0);
     }

     100% {
         background-position: 200% 50%;
         transform: translateZ(0);
     }
 }

 @keyframes neonGlow {
     0% {
         text-shadow:
             0 0 1px var(--star-button-background-color, #ff9800),
             0 0 2px var(--star-button-background-color, #ff9800);
     }

     100% {
         text-shadow:
             0 0 2px var(--star-button-background-color, #ff9800),
             0 0 4px var(--star-button-background-color, #ff9800);
     }
 }

 /* Premium Prize Animation - Modern Crown Badge */
 .prize-animation {
     position: absolute;
     left: 50%;
     top: -35px;
     transform: translateX(-50%);
     z-index: 2;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     pointer-events: none;
 }

 .premium-badge {
     position: relative;
     width: 40px;
     height: 40px;
     background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 2px solid #333;
     box-shadow:
         0 4px 20px rgba(0, 0, 0, 0.3),
         inset 0 1px 0 rgba(255, 255, 255, 0.1),
         inset 0 -1px 0 rgba(0, 0, 0, 0.3);
     animation: premiumPulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;

     /* 60fps GPU optimizasyonu */
     will-change: transform, box-shadow;
     backface-visibility: hidden;
     transform-style: preserve-3d;
     -webkit-font-smoothing: antialiased;
 }

 .prize-icon {
     width: 20px;
     height: 20px;
     color: #FFD700;
     filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.6));
     animation: iconShine 2s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate;

     /* 60fps GPU optimizasyonu */
     will-change: color, filter;
     backface-visibility: hidden;
     transform: translateZ(0);
 }

 .prize-icon svg {
     width: 100%;
     height: 100%;
 }

 .premium-glow {
     position: absolute;
     top: -5px;
     left: -5px;
     right: -5px;
     bottom: -5px;
     background: linear-gradient(45deg,
         );
     border-radius: 50%;
     opacity: 0.8;
     animation: blackGoldRotate 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     background-size: 300% 300%;

     /* 60fps GPU optimizasyonu */
     will-change: background-position, opacity;
     backface-visibility: hidden;
     transform: translateZ(0);
 }


 /* Animations - 60fps Optimized */
 @keyframes premiumPulse {

     0%,
     100% {
         transform: scale(1) translateZ(0);
         box-shadow:
             0 4px 20px rgba(0, 0, 0, 0.3),
             inset 0 1px 0 rgba(255, 255, 255, 0.1),
             inset 0 -1px 0 rgba(0, 0, 0, 0.3),
             0 0 0 rgba(255, 215, 0, 0);
     }

     50% {
         transform: scale(1.05) translateZ(0);
         box-shadow:
             0 6px 25px rgba(0, 0, 0, 0.4),
             inset 0 1px 0 rgba(255, 255, 255, 0.2),
             inset 0 -1px 0 rgba(0, 0, 0, 0.3),
             0 0 20px rgba(255, 215, 0, 0.3);
     }
 }

 @keyframes iconShine {
     0% {
         color: #FFD700;
         filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.6));
         transform: translateZ(0);
     }

     100% {
         color: #FFF8DC;
         filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.9));
         transform: translateZ(0);
     }
 }

 @keyframes blackGoldRotate {
     0% {
         background-position: 0% 50%;
         opacity: 0.6;
     }

     25% {
         opacity: 0.9;
     }

     50% {
         background-position: 100% 50%;
         opacity: 1;
     }

     75% {
         opacity: 0.9;
     }

     100% {
         background-position: 200% 50%;
         opacity: 0.6;
     }
 }

 @keyframes particleFloat {

     0%,
     100% {
         opacity: 0;
         transform: translateY(0px) scale(0.3);
     }

     50% {
         opacity: 0.6;
         transform: translateY(-8px) scale(0.7);
     }
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
     .prize-animation {
         width: 35px;
         height: 35px;
         top: -30px;
     }

     .premium-badge {
         width: 32px;
         height: 32px;
     }

     .prize-icon {
         width: 16px;
         height: 25px;
     }
 }




 .sponsor-card-logo {
     height: 48px;
     margin-top: 14px;
     object-fit: contain;
     transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transform: rotateY(0deg);
     position: relative;
     z-index: 1;
 }

 /* Logo hover efektleri kaldırıldı */


 .sponsor-card-bonus {
     margin: 10px 0 10px 0;
     font-size: 1.08rem;
     font-weight: 800;
     background: transparent;
     border: none;
     border-radius: 7px;
     padding: 10px 10px 8px 10px;
     box-shadow: none;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     letter-spacing: 0.5px;
     gap: 10px;
     position: relative;
     z-index: 1;
 }

 .sponsor-card-bonus .bonus-main {
     color: var(--star-button-background-color, #ff9800);
     font-size: 0.98rem;
     font-weight: 900;
     text-shadow: 0 0 2px var(--star-button-background-color, #ff9800), 0 0 4px var(--star-button-background-color, #ff9800);
     animation: neonGlow 4s ease-in-out infinite alternate;
     letter-spacing: 0.5px;
     margin-bottom: 0;
     display: block;
     text-align: center;
 }

 .sponsor-card-bonus .bonus-sub {
     color: var(--star-normal-text-color, #fff);
     font-size: 0.92rem;
     font-weight: 700;
     display: block;
     letter-spacing: 0.1px;
     margin: 0;
     text-align: center;
 }

 .sponsor-card-bonus,
 .sponsor-card-bonus * {
     font-family: "Poppins", sans-serif !important;
     text-transform: uppercase;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }


 .sponsor-card-footer {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 6px;
     margin-bottom: 0;
     position: relative;
     z-index: 1;
 }

 .sponsor-infocard {
     display: flex;
     align-items: center;
     flex-direction: column;
     background: transparent;
     border: 1.5px solid var(--star-border-color, #ff9800);
     padding: 7px 10px 7px 10px;
     margin: 0 5px;
     border-radius: 7px;
     font-size: 1.08rem;
     font-weight: 700;
     color: var(--star-normal-text-color, #fff);
     letter-spacing: 0.1px;
     box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
     text-align: center;
 }

 /* Sponsor card button hover efekti kaldırıldı */

 /* Kategori Başlıkları */
 .sponsor-category-section {
     margin-bottom: 30px;
 }

 .category-title {
     text-align: left;
     margin-bottom: 20px;
     font-size: 20px;
     font-weight: 700;
     color: var(--star-normal-text-color, #fff);
     text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
     position: relative;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .category-title i {
     margin-right: 15px;
     font-size: 2.2rem;
 }



 /* Sponsor Link Overlay */
 .sponsor-link-overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 10;
     cursor: pointer;
     border-radius: 18px;
     transition: all 0.3s ease;
 }

 /* Responsive Tasarım */
 @media (max-width: 768px) {

     /* Mobilde particle efektlerini gizle */
     .sponsor-card-custom::after {
         display: none !important;
     }

     .sponsor-card-custom:hover::after {

         display: none !important;
     }

     .category-title {
         font-size: 2rem;
     }

     .category-title i {
         font-size: 1.8rem;
     }

     /* Tablet ve mobilde sponsor card'ları 2 sütun */
     .sponsor-category-section .row {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
         margin: 0;
     }

     .sponsor-category-section .col {
         width: 100% !important;
         flex: none;
         padding: 0;
         margin: 0;
     }

     .sponsor-card-custom {
         margin: 0;
         padding: 10px;
     }

     .sponsor-card-logo {
         height: 25px;
         margin-top: 20px;
     }

     .sponsor-card-bonus {
         margin: 10px 0 15px 0;
         font-size: 1.1rem;
     }

     .sponsor-card-bonus .bonus-main {
         font-size: 1.2rem;
         text-shadow:
             0 0 2px var(--star-button-background-color, #ff9800),
             0 0 3px var(--star-button-background-color, #ff9800);
         animation: neonGlow 4s ease-in-out infinite alternate;
     }

     .sponsor-card-bonus .bonus-sub {
         font-size: 1rem;
     }

     .sponsor-infocard {
         padding: 8px;
         font-size: 0.9rem;
     }

     /* Responsive hover efektleri kaldırıldı */
 }

 @media (max-width: 480px) {

     /* Mobilde particle efektlerini gizle */
     .sponsor-card-custom::after {
         display: none !important;
     }

     .sponsor-card-custom:hover::after {
         display: none !important;
     }

     .category-title {
         font-size: 20px;
     }

     .category-title i {
         font-size: 1.3rem;
         margin-right: 10px;
     }

     /* Mobilde sponsor card'ları 2 sütun */
     .sponsor-category-section .row {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 15px;
         margin: 0;
     }

     .sponsor-category-section .col {
         width: 100% !important;
         flex: none;
         padding: 0;
         margin: 0;
     }

     .sponsor-card-custom {
         margin: 0;
         padding: 4px 2px 4px 2px;
     }

     .sponsor-card-logo {
         max-height: 25px;
         margin-top: 8px;
     }

     .sponsor-card-bonus {
         margin: 6px 0 8px 0;
         font-size: 0.98rem;
         padding: 7px 7px 6px 7px;
         border-radius: 6px;
         flex-direction: column;
         gap: 2px;
     }

     .sponsor-card-bonus .bonus-main {
         font-size: 0.88rem;
     }

     .sponsor-card-bonus .bonus-sub {
         font-size: 15px;
     }

     .sponsor-infocard {
         padding: 4px 6px 4px 6px;
         font-size: 0.92rem;
         border-radius: 6px;
     }
 }

 /* ===== SAĞ VE SOL BANNER STİLLERİ ===== */

 /* Ana fix-side stilleri */
 .fix-side {
     position: fixed;
     width: auto;
     background: transparent;
     min-width: auto;
     max-width: none;
     min-height: 280px;
     max-height: 280px;
     height: 280px;
     /* Sabit yükseklik - artırıldı */
     top: 50%;
     transform: translateY(-50%);
     margin-top: 20px;
     border-radius: 30px;
     display: flex;
     /* Her zaman flex, opacity ile kontrol */
     flex-direction: column;
     /* Dikey düzenleme */
     z-index: 75;
     justify-content: center;
     /* Merkezde hizala */
     align-items: center;
     /* Yatayda merkezle */
     border: none !important;
     box-shadow: none;

     /* Başlangıç durumu - görünür (varsayılan) */
     opacity: 1;
     visibility: visible;
     transform: translateY(-50%) scale(1);

     /* GPU hızlandırması için */
     will-change: opacity, transform, visibility;
     backface-visibility: hidden;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;

     /* Smooth geçişler - daha hızlı response */
     transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 /* Banner görünür durumu */
 .fix-side.visible {
     opacity: 1;
     visibility: visible;
     transform: translateY(-50%) scale(1);
 }

 /* Banner gizli durumu */
 .fix-side.hidden {
     opacity: 0;
     visibility: hidden;
     transform: translateY(-50%) scale(0.8);
 }

 /* Sol banner animasyonu */
 .fix-side.left {
     /* Başlangıçta soldan kaydırılmış */
     transform: translateY(-50%) translateX(-100px) scale(0.8);
 }

 .fix-side.left.visible {
     transform: translateY(-50%) translateX(0) scale(1);
 }

 .fix-side.left.hidden {
     transform: translateY(-50%) translateX(-100px) scale(0.8);
 }

 /* Sağ banner animasyonu */
 .fix-side.right {
     /* Başlangıçta sağdan kaydırılmış */
     transform: translateY(-50%) translateX(100px) scale(0.8);
 }

 .fix-side.right.visible {
     transform: translateY(-50%) translateX(0) scale(1);
 }

 .fix-side.right.hidden {
     transform: translateY(-50%) translateX(100px) scale(0.8);
 }

 /* Arka plan gradient efekti kaldırıldı */

 /* Sol banner konumlandırması - basit */
 .fix-side.left {
     left: 20px;
 }

 /* Sağ banner konumlandırması - basit */
 .fix-side.right {
     right: 20px;
 }

 /* Büyük ekranlar için premium konumlandırma */
 @media (min-width: 1600px) {
     .fix-side.left {
         left: 105px;
     }

     .fix-side.right {
         right: 50px;
     }
 }

 /* Küçük banner boyutları için responsive */
 @media (max-width: 1400px) {
     .fix-side {
         min-height: 280px;
         max-height: 280px;
         height: 280px;
     }

     .fix-side .promo {
         font-size: 12px;
         padding: 8px 6px;
     }

     .fix-side .promo span {
         font-size: 13px;
     }

     .fix-side .logo img,
     .fix-side .logo video {
         height: 280px;
         max-height: 280px;
     }
 }

 @media (max-width: 1200px) {
     .fix-side {
         min-height: 200px;
         max-height: 200px;
         height: 200px;
         width: auto;
     }

     .fix-side .promo {
         font-size: 11px;
         padding: 6px 4px;
     }

     .fix-side .promo span {
         font-size: 12px;
     }

     .fix-side .logo img,
     .fix-side .logo video {
         height: 200px;
         max-height: 200px;
     }

     .fix-side .bottom img,
     .fix-side .top img {
         width: 60px;
     }
 }



 /* Hover efektleri */
 .fix-side.visible:hover {
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
 }

 .fix-side.left.visible:hover {
     transform: translateY(-50%) translateX(0) scale(1.02);
 }

 .fix-side.right.visible:hover {
     transform: translateY(-50%) translateX(0) scale(1.02);
 }

 /* Üst ve alt logo stilleri kaldırıldı - sadece merkez logo kullanılıyor */

 /* Merkez içerik stilleri */
 .fix-side .center {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: auto;
     padding: 0;
     height: auto;
     min-height: 0;
 }

 /* Promo yazı stilleri */
 .fix-side .promo {
     text-align: center;
     padding: 10px 8px;
     word-break: break-word;
     word-wrap: break-word;
     overflow-wrap: break-word;
     hyphens: auto;
     line-height: 1.3;
     font-size: 13px;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .fix-side .promo span {
     font-weight: bold;
     font-size: 14px;
     display: block;
     margin-bottom: 4px;
     word-break: break-word;
     word-wrap: break-word;
     overflow-wrap: break-word;
     color: var(--star-button-background-color, #ff9800);
     text-transform: uppercase;
     font-family: "Poppins", sans-serif !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .fix-side .promo br+* {
     font-size: 12px;
     font-weight: normal;
     word-break: break-word;
     word-wrap: break-word;
     overflow-wrap: break-word;
     color: var(--star-normal-text-color, #fff);
     opacity: 0.9;
 }

 /* Logo container stilleri */
 .fix-side .logo {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 10px;
     flex-shrink: 0;
 }

 .fix-side .logo img {
     width: 60px;
     height: 60px;
     object-fit: contain;
     border-radius: 10px;
 }

 /* Button stilleri */
 .fix-side .button {
     padding: 8px 16px;
     background: var(--star-button-background-color, #ff9800);
     color: white;
     border-radius: 20px;
     font-size: 12px;
     font-weight: bold;
     margin-top: 10px;
     text-decoration: none;
     transition: all 0.3s ease;
     text-align: center;
     word-break: break-word;
     flex-shrink: 0;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .fix-side .button:hover {
     background: var(--star-button-hover-background-color, #ff5722);
     transform: scale(1.05);
 }

 /* Merkez logo stilleri - dikey durum */
 .fix-side .center .logo {
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.4s ease;
 }

 .fix-side .center .logo a {
     display: block;
     /* width: auto; */
     /* height: auto; */
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     border: none !important;
     border-radius: 30px;
     box-shadow: none !important;
     transition: all 0.4s ease;
     position: relative;
     background: transparent !important;
     background-clip: padding-box;
 }

 /* Banner kayan ışık border efekti - DEAKTIF */
 .fix-side .center .logo a::before {
     display: none !important;
 }

 .fix-side .center .logo img {
     width: 100%;
     height: 680px;
     /* Artırılan yükseklik */
     min-height: 680px;
     border-radius: 27px;
     transition: all 0.4s ease;
     cursor: pointer;
     object-fit: cover;
 }

 /* Video elementleri için aynı stiller */
 .fix-side .center .logo video {
     width: auto;
     height: 680px;
     /* Artırılan yükseklik */
     min-height: 680px;
     object-fit: cover;
     border-radius: 27px;
     transition: all 0.4s ease;
     cursor: pointer;
     display: block;
 }

 /* Hover durumunda logo büyür */
 .fix-side:hover .center .logo a {
     transform: scale(1.05);
     box-shadow: none !important;
 }

 /* Promo stilleri kaldırıldı - sadece logo kullanılıyor */

 /* Buton stilleri kaldırıldı - sadece logo kullanılıyor */

 /* Yükseklik küçük olduğunda banner boyutunu ayarla */
 @media (max-height:620px) {
     .fix-side {
         min-height: 150px;
     }

     .fix-side .center .logo img {
         max-width: 120px;
         max-height: calc(100vh - 200px);
     }

     .fix-side:hover .center .logo a {
         transform: scale(1.05);
     }
 }

 /* Küçük ekranlarda tamamen gizle */
 @media (max-width: 1000px) {
     .fix-side {
         display: none !important;
     }
 }

 /* Medya banner stilleri */
 .fix-side.media-banner {
     padding: 0;
     overflow: hidden;
     background: transparent;
 }

 .fix-side.media-banner:before {
     display: none;
 }

 .media-container {
     position: relative;
     width: 100%;
     height: 100%;
     border-radius: 30px;
     overflow: hidden;
 }

 .banner-media {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     border-radius: 30px;
     display: block;
 }

 .banner-media video {
     background: transparent;
 }

 /* Medya banner hover efektleri */
 .fix-side.media-banner:hover {
     transform: translateY(-50%) scale(1.02);
     box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
 }

 .fix-side.media-banner.left:hover {
     transform: translateY(-50%) translateX(0) scale(1.02);
 }

 .fix-side.media-banner.right:hover {
     transform: translateY(-50%) translateX(0) scale(1.02);
 }

 /* Medya banner animasyonları */
 .fix-side.media-banner.left {
     transform: translateY(-50%) translateX(-100px) scale(0.8);
 }

 .fix-side.media-banner.left.visible {
     transform: translateY(-50%) translateX(0) scale(1);
 }

 .fix-side.media-banner.left.hidden {
     transform: translateY(-50%) translateX(-100px) scale(0.8);
 }

 .fix-side.media-banner.right {
     transform: translateY(-50%) translateX(100px) scale(0.8);
 }

 .fix-side.media-banner.right.visible {
     transform: translateY(-50%) translateX(0) scale(1);
 }

 .fix-side.media-banner.right.hidden {
     transform: translateY(-50%) translateX(100px) scale(0.8);
 }

 /* Video elementleri için özel ayarlar */
 .banner-media video {
     pointer-events: none;
 }

 /* Gif ve video için performans optimizasyonu */
 .banner-media {
     will-change: transform;
     backface-visibility: hidden;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .sponsor-shine .sponsor-card-custom img {
     transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
     transform-style: preserve-3d;
     backface-visibility: hidden;
     perspective: 800px;
 }

 .sponsor-shine:hover .sponsor-card-custom .sponsor-card-logo {
     animation: flip360 0.8s cubic-bezier(0.25, 1, 0.5, 1);
     transform: rotateY(360deg);
 }

 .sponsor-card-custom {
     transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), filter 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .sponsor-card-logo {
     transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
     will-change: transform;
 }

 @keyframes flip360 {
     0% {
         transform: rotateY(0deg);
     }

     100% {
         transform: rotateY(360deg);
     }
 }