.elementor-336680 .elementor-element.elementor-element-3e40c6f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}#elementor-popup-modal-336680 .dialog-widget-content{animation-duration:1s;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-336680 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-336680{justify-content:flex-start;align-items:flex-start;}/* Start custom CSS *//* ───────── HELLO BAR WRAPPER ───────── */
.mkbar-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background: linear-gradient(90deg, #05003b 0%, #0c0060 45%, #05003b 100%);
  overflow: hidden;
  padding: 20px;
}


/* Sweep animation */
.mkbar-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.04) 50%, transparent 70%);
  animation: mkbar-sweep 3.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes mkbar-sweep {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(220%); }
}


/* Bottom animated line */
.mkbar-wrap::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #7c3aed, #3b82f6, #06b6d4, #3b82f6, #7c3aed);
  background-size: 200% 100%;
  animation: mkbar-line 3s linear infinite;
}

@keyframes mkbar-line {
  0% { background-position: 0%; }
  100% { background-position: 200%; }
}


/* ───────── INNER LAYOUT ───────── */
.mkbar-inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 9px 48px 9px 16px;
}


/* ───────── CONTENT AREA ───────── */
.mkbar-content {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.mkbar-cta-wrap { flex-shrink: 0; }


/* ───────── ATOMS ───────── */
.mkbar-rocket {
  font-size: 17px;
  animation: mkbar-bob 1.8s ease-in-out infinite;
}

@keyframes mkbar-bob {
  0%,100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-4px) rotate(5deg); }
}


.mkbar-tag {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 12px;
  letter-spacing: 1.5px;
  background: #06b6d4;
  color: #000;
  padding: 2px 8px 1px;
  border-radius: 3px;
}


.mkbar-live {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(239,68,68,0.15);
  border: 1px solid rgba(239,68,68,0.4);
  border-radius: 20px;
  padding: 2px 9px 2px 6px;
}

.mkbar-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ef4444;
  animation: mkbar-lpulse 1s ease-in-out infinite;
}

@keyframes mkbar-lpulse {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(239,68,68,.7); }
  50% { opacity:.7; box-shadow:0 0 0 5px rgba(239,68,68,0); }
}

.mkbar-live-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ef4444;
  text-transform: uppercase;
}


/* ───────── TEXT ───────── */
.mkbar-text {
  font-size: 13px;
  font-weight: 500;
  color: #e0e7ff;
  line-height: 1.45;
  text-align: center;
}

.mkbar-text strong { color: #fff; }
.mkbar-text .mkbar-salary { color: #fbbf24; font-weight: 700; }

.mkbar-sep {
  width: 1px;
  height: 15px;
  background: rgba(255,255,255,0.15);
}


/* ───────── DATE ───────── */
.mkbar-date {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 4px;
  padding: 3px 9px;
  color: #c7d2fe;
  font-size: 12px;
}


/* ───────── TIMEZONE ───────── */
.mkbar-tz-strip { display: flex; gap: 6px; }
.mkbar-tz { font-size: 11px; color: rgba(199,210,254,0.6); }
.mkbar-tz b { color: #a5b4fc; }
.mkbar-tz-dot { color: rgba(255,255,255,0.2); }


/* ───────── CTA ───────── */
.mkbar-cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 2px 14px rgba(124,58,237,.5);
}


/* ───────── CLOSE BUTTON ───────── */
.mkbar-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none !important;
  border: none;
  color: rgba(255,255,255,0.3);
  font-size: 15px;
  cursor: pointer;
}


/* ───────── RESPONSIVE ───────── */
@media (max-width: 767px) {
  .mkbar-sep,
  .mkbar-tz-strip { display: none; }
}

@media (max-width: 479px) {
  .mkbar-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    padding: 10px 36px 10px 10px;
  }

  .mkbar-cta-wrap { width: 100%; }
  .mkbar-cta { 
      
      width: 90%;
        text-align: center;
        padding: 9px;
        display: inline-block;
        margin-left: 1rem;
        margin-top: 1rem;
  }
  .mkbar-text { font-size: 12px; }
}/* End custom CSS */