.elementor-37166 .elementor-element.elementor-element-b022273 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-37166 .elementor-element.elementor-element-b022273 > .elementor-container{max-width:1200px;}.elementor-37166 .elementor-element.elementor-element-b022273{padding:20px 0px 20px 0px;}@media(max-width:1024px){.elementor-37166 .elementor-element.elementor-element-b022273{padding:15px 15px 15px 15px;}}@media(max-width:767px){.elementor-37166 .elementor-element.elementor-element-b022273{padding:0px 20px 20px 20px;}}/* Start custom CSS for html, class: .elementor-element-337894e8 */<style>
/* ============================================================
   MINI RESET
   ============================================================ */
.summ-mini-banner * { box-sizing: border-box; margin: 0; padding: 0; }
.summ-mini-banner {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  perspective: 1200px;
}

/* ============================================================
   MINI WRAPPER
   ============================================================ */
.smb-wrap {
  background: #000;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 20px;
  position: relative; overflow: hidden;
  display: flex; align-items: center; gap: 0;
  box-shadow:
    0 22px 65px rgba(0,0,0,.95),
    inset 0 1px 0 rgba(255,255,255,.1),
    0 0 0 1px rgba(255,255,255,.03);
  animation: smbWrapFloat 9s ease-in-out infinite;
}
@keyframes smbWrapFloat {
  0%,100% { transform: rotateX(0deg) rotateY(0deg) translateZ(0); box-shadow: 0 22px 65px rgba(0,0,0,.95); }
  50%      { transform: rotateX(.7deg) rotateY(.4deg) translateZ(6px); box-shadow: 0 34px 85px rgba(0,0,0,1); }
}

/* ============================================================
   MINI BACKGROUND
   ============================================================ */
.smb-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.smb-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 44px 44px;
  animation: smbGridMove 25s linear infinite;
}
@keyframes smbGridMove { from { background-position: 0 0; } to { background-position: 44px 44px; } }
.smb-orb { position: absolute; border-radius: 50%; animation: smbOrbPulse 8s ease-in-out infinite; }
.smb-orb-1 { width: 300px; height: 300px; top: -100px; right: -50px; background: radial-gradient(circle, rgba(255,255,255,.04) 0%, transparent 65%); }
.smb-orb-2 { width: 180px; height: 180px; bottom: -60px; left: -30px; background: radial-gradient(circle, rgba(255,255,255,.03) 0%, transparent 65%); animation-delay: 4s; }
@keyframes smbOrbPulse { 0%,100% { transform: scale(1); opacity: .5; } 50% { transform: scale(1.1); opacity: .9; } }
.smb-particle { position: absolute; width: 3px; height: 3px; background: #fff; border-radius: 50%; box-shadow: 0 0 6px rgba(255,255,255,.8); animation: smbParticleUp 6s ease-in-out infinite; }
.smb-p1 { top: 20%; left: 10%;  animation-delay: 0s; }
.smb-p2 { top: 55%; left: 30%;  animation-delay: 2s; }
.smb-p3 { top: 30%; right: 20%; animation-delay: 4s; }
@keyframes smbParticleUp { 0%,100% { transform: translateY(0) scale(1); opacity: .2; } 50% { transform: translateY(-16px) scale(1.7); opacity: 1; } }
.smb-sweep { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.025), transparent); animation: smbSweep 8s ease-in-out infinite; }
@keyframes smbSweep { from { left: -100%; } to { left: 200%; } }

/* ============================================================
   LEFT BLOCK
   ============================================================ */
.smb-left {
  flex-shrink: 0; padding: 28px 24px 28px 28px;
  display: flex; align-items: center; gap: 16px;
  border-right: 1px solid rgba(255,255,255,.08);
  position: relative; z-index: 2;
}

.smb-icon-scene {
  position: relative;
  animation: smbIconFloat 8s ease-in-out infinite;
}
@keyframes smbIconFloat {
  0%,100% { transform: rotateX(0deg) rotateY(0deg) translateZ(0); }
  33%      { transform: rotateX(10deg) rotateY(-12deg) translateZ(14px); }
  66%      { transform: rotateX(-7deg) rotateY(12deg) translateZ(10px); }
}
.smb-icon-body {
  width: 74px; height: 74px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 45%, transparent 70%);
  border: 1px solid rgba(255,255,255,.2);
  display: flex; align-items: center; justify-content: center;
  position: relative;
  box-shadow: 0 12px 35px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.3);
}
.smb-icon-body svg { stroke: rgba(255,255,255,.9); position: relative; z-index: 2; filter: drop-shadow(0 0 10px rgba(255,255,255,.5)); animation: smbIconSvgPulse 2.5s ease-in-out infinite; }
@keyframes smbIconSvgPulse { 0%,100% { filter: drop-shadow(0 0 8px rgba(255,255,255,.4)); } 50% { filter: drop-shadow(0 0 20px rgba(255,255,255,.7)); } }
.smb-ib-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); animation: smbRingPulse 3.5s ease-in-out infinite; }
.smb-ib-ring.r1 { inset: -8px; animation-delay: 0s; }
.smb-ib-ring.r2 { inset: -17px; animation-delay: 1.5s; }
@keyframes smbRingPulse { 0%,100% { opacity: .25; transform: scale(1); } 50% { opacity: .6; transform: scale(1.04); } }
.smb-ib-glow { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.1) 0%, transparent 60%); }
.smb-icon-shadow { position: absolute; bottom: -10px; left: 15%; right: 15%; height: 16px; background: rgba(0,0,0,.45); border-radius: 50%; filter: blur(9px); }

.smb-disc-block { display: flex; flex-direction: column; gap: 2px; }
.smb-disc-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,.4); letter-spacing: 2px; text-transform: uppercase; }
.smb-disc-num { display: flex; align-items: flex-start; gap: 2px; line-height: 1; }
.smb-dn {
  font-size: 52px; font-weight: 900; color: #fff; letter-spacing: -3px;
  text-shadow: 0 2px 0 rgba(255,255,255,.5), 0 5px 0 rgba(80,80,80,.3), 0 10px 25px rgba(0,0,0,.6);
  animation: smbNumGlow 3s ease-in-out infinite;
}
@keyframes smbNumGlow { 0%,100% { text-shadow: 0 2px 0 rgba(255,255,255,.5), 0 5px 0 rgba(80,80,80,.3); } 50% { text-shadow: 0 2px 0 rgba(255,255,255,.7), 0 5px 0 rgba(120,120,120,.4), 0 0 35px rgba(255,255,255,.1); } }
.smb-dp { font-size: 26px; font-weight: 900; color: rgba(255,255,255,.75); margin-top: 6px; }

/* ============================================================
   CENTER BLOCK
   ============================================================ */
.smb-center {
  flex: 1; padding: 28px 22px;
  display: flex; flex-direction: column; gap: 12px;
  position: relative; z-index: 2;
}

.smb-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.smb-pill {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 20px; padding: 4px 12px;
  font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase;
}
.smb-pill-main {
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18);
  color: #fff; animation: pillMainPulse 2.5s ease-in-out infinite;
}
@keyframes pillMainPulse { 0%,100% { background: rgba(255,255,255,.08); } 50% { background: rgba(255,255,255,.13); } }
.smb-pill-dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px rgba(255,255,255,.9); animation: pillDotPulse 1.8s ease-in-out infinite; }
@keyframes pillDotPulse { 0%,100% { transform: scale(1); opacity: .5; } 50% { transform: scale(1.7); opacity: 1; } }
.smb-pill-dates { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.65); }
.smb-pill-dates svg { stroke: rgba(255,255,255,.6); }
.smb-pill-days { background: #fff; color: #000; font-weight: 900; box-shadow: 0 3px 12px rgba(255,255,255,.2); animation: pillDaysPop 2.5s ease-in-out infinite; }
@keyframes pillDaysPop { 0%,100% { box-shadow: 0 3px 10px rgba(255,255,255,.18); transform: scale(1); } 50% { box-shadow: 0 5px 20px rgba(255,255,255,.35); transform: scale(1.05); } }

.smb-title { font-size: 15px; font-weight: 700; color: rgba(255,255,255,.8); line-height: 1.5; }

.smb-proc-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.smb-pt {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
  border-radius: 7px; padding: 4px 10px;
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,.65);
  transition: all .3s ease; cursor: default;
}
.smb-pt:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); color: #fff; transform: translateY(-2px); }
.smb-pt svg { stroke: rgba(255,255,255,.55); flex-shrink: 0; }

/* ============================================================
   RIGHT BLOCK
   ============================================================ */
.smb-right {
  flex-shrink: 0; padding: 28px 28px 28px 20px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  position: relative; z-index: 2;
}

.smb-btn {
  position: relative; display: flex; align-items: center; justify-content: center;
  padding: 16px 22px; border-radius: 12px;
  text-decoration: none; background: #fff; overflow: hidden;
  box-shadow: 0 10px 32px rgba(255,255,255,.2), 0 4px 0 rgba(180,180,180,.28), inset 0 1px 0 rgba(255,255,255,.95);
  transition: all .4s cubic-bezier(.175,.885,.32,1.275);
  min-width: 160px;
}
.smb-btn:hover { transform: translateY(-5px) translateZ(10px); box-shadow: 0 18px 50px rgba(255,255,255,.3), 0 6px 0 rgba(180,180,180,.3); }
.smb-btn-inner { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 900; color: #000; text-transform: uppercase; letter-spacing: .6px; position: relative; z-index: 2; text-align: center; }
.smb-btn-inner svg { stroke: #000; flex-shrink: 0; }
.smb-btn-inner > svg:last-child { transition: transform .3s ease; }
.smb-btn:hover .smb-btn-inner > svg:last-child { transform: translateX(4px); }
.smb-btn-shine { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0,0,0,.05), transparent); animation: smbBtnShine 5s ease-in-out infinite; }
@keyframes smbBtnShine { from { left: -100%; } to { left: 200%; } }
.smb-btn-depth { position: absolute; bottom: -5px; left: 5%; right: 5%; height: 12px; background: rgba(255,255,255,.12); border-radius: 50%; filter: blur(7px); z-index: 0; transition: all .4s ease; }
.smb-btn:hover .smb-btn-depth { bottom: -9px; opacity: .8; }

.smb-live { display: flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 600; color: rgba(255,255,255,.45); }
.smb-live-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.6); box-shadow: 0 0 8px rgba(255,255,255,.7); animation: liveDotPulse 1.5s ease-in-out infinite; }
@keyframes liveDotPulse { 0%,100% { transform: scale(1); opacity: .5; } 50% { transform: scale(1.8); opacity: 1; } }

/* ============================================================
   MINI CORNERS + EDGE
   ============================================================ */
.smb-corner { position: absolute; width: 28px; height: 28px; pointer-events: none; z-index: 3; }
.smb-c-tl { top: 0; left: 0;  border-top: 2px solid rgba(255,255,255,.22); border-left:  2px solid rgba(255,255,255,.22); border-radius: 20px 0 0 0; }
.smb-c-tr { top: 0; right: 0; border-top: 2px solid rgba(255,255,255,.1);  border-right: 2px solid rgba(255,255,255,.1);  border-radius: 0 20px 0 0; }
.smb-c-br { bottom: 0; right: 0; border-bottom: 2px solid rgba(255,255,255,.08); border-right: 2px solid rgba(255,255,255,.08); border-radius: 0 0 20px 0; }
.smb-c-bl { bottom: 0; left: 0;  border-bottom: 2px solid rgba(255,255,255,.07); border-left:  2px solid rgba(255,255,255,.07); border-radius: 0 0 0 20px; }
.smb-top-edge { position: absolute; top: 0; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent); pointer-events: none; z-index: 3; }

/* ============================================================
   MINI RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  .smb-right { padding: 24px 24px 24px 16px; }
  .smb-btn { min-width: 140px; }
}
@media (max-width: 768px) {
  .smb-wrap { flex-direction: column; padding: 0; }
  .smb-left { border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); width: 100%; padding: 22px 24px; justify-content: center; }
  .smb-center { padding: 20px 24px; }
  .smb-right { padding: 0 24px 24px; width: 100%; }
  .smb-btn { width: 100%; justify-content: center; }
  .smb-pills { justify-content: center; }
  .smb-proc-tags { justify-content: center; }
}
@media (max-width: 480px) {
  .smb-left { padding: 18px 18px; }
  .smb-center { padding: 16px 18px; }
  .smb-right { padding: 0 18px 18px; }
  .smb-dn { font-size: 44px; }
  .smb-icon-body { width: 62px; height: 62px; }
  .smb-icon-body svg { width: 24px; height: 24px; }
  .smb-title { font-size: 14px; }
  .smb-btn-inner { font-size: 11px; }
}/* End custom CSS */