.promo-bar {
  position: fixed;
  top: auto;
  /* background: #ffcf00; */
  padding: 15px 20px;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  padding: 15px 20px;
z-index: 1000;
transition: transform 0.5s ease, opacity 0.5s ease;
bottom: 0;
width: 100%;
background: radial-gradient(circle at 20% 30%, rgba(120, 0, 255, 0.4), transparent 60%), linear-gradient(135deg, #1b004a 0%, #0a0050 50%, #000d5a 100%);
}

.promo-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.close-btn {
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
  position: absolute;
      top: -40px;
    left: 15px;
    background: #320079;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 10px 10px 0 0;
}
.close-btn .sp_closeIco svg path{
    fill: #ffff00;
}

.message span {
    font-size: clamp(16px, 4vw, 28px);
}
.message {
  flex: 1;
  font-size: clamp(16px, 4vw, 20px);
  color: #ffff00;
  text-align: left;
  line-height: 1.4;
  max-width: fit-content;
font-weight: 600;
padding-left: 30px;
}

.countdown {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.sp_closeIco svg {
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
}
.slide-down .sp_closeIco svg{
    transform: rotate(0deg);
}
.slide-up {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.slide-down {
  transform: translateY(100%);
}
.sp_rightbtn_dv {
    text-align: center;
    flex-direction: column;
    display: flex;
    gap: 3px;
}
.sp_rightbtn_dv p {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}
.countdown div {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    border-radius: 8px;
    background-color: #ffffff29;
    padding: 7px 5px;
    width: 65px;
}
.sp_light s {
    opacity: 0.8;
    font-weight: 700;
}
.cta-button {
    line-height: normal;
}
.cta-button small{
    font-size: 13px;
}
.countdown span {
    font-size: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
}

.countdown small {
  font-size: 12px;
}

.cta-button {
padding: 16px 29px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    color: #fff !important;
    min-width: 260px;
    font-size: 18px;
    background: url(../images/sticky_btn.png);
    background-size: 100% 100%;
}
/* tab end */
.sp_yellow_btn {
    flex-direction: column;
}
small.sp_highLightNtn {
    font-size: 14px;
    color: #fff12c;
    text-transform: uppercase;
}
.sp_rightbtn_dv .cta-button {
    /* padding: 10px 20px; */
}
.sp_light p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 52px;
}
span.sp_heightLight_text {
    background-color: #fbf3ff;
    border-radius: 5px;
    padding: 8px 10px;
    border: 1px dashed #f13ff8;
    color: #000;
    font-weight: bold;
}
@media(max-width:768px){
    .promo-content{
        flex-direction: column;
        gap: 0;
    }
    .message {
    font-size: 13px;
    }
    .message br, .cta-button br{
        display: block !important;
    }
    .promo-bar.slide-up {
    height: auto;
    }
    .cta-button{
        line-height: normal;
    }
    .countdown span {
        line-height: 20px;
        padding-top: 6px;
    }
    .countdown {
    margin-top: 15px;
        margin-bottom: 6px;
    }
    .sp_rightbtn_dv {
    gap: 1px;
}
.sp_rightbtn_dv p {
    font-size: 10px;
}
.cta-button {
    padding: 7px 33px;
}
}
@media(max-width:768px){
.message {
    padding-left: 0;
}
.countdown span {
    font-size: 22px;
}
.sp_rightbtn_dv .cta-button {
    padding: 17px 10px;
}
}