/* Mega Deal Top Banner */
.sovWare__discount-banner--mega-deal {
  padding: 10px 0;
  vertical-align: middle;
  background: linear-gradient(180deg, #073C34 26.88%, #169557 152.5%);
}

.sovWare__discount-banner .disc-close{
  position: absolute;
  right: 15px;
  top: 10px;
}

.sovWare__discount-banner__wrapper {
  display: flex;
  gap: 10px 30px;
  align-items: center;
  justify-content: space-between;
}
.sovWare__discount-banner__logo img {
  max-height: 46px;
}
.sovWare__discount-banner__text {
  color: #fff;
  font-size: 30px;
  line-height: 32px;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  letter-spacing: 1.3px;
}
.sovWare__discount-banner__text strong {
  font-size: 50px;
}

.sovWare__discount-banner__wrapper .discount-countdown ul {
  gap: 8px;
}

.sovWare__discount-banner__wrapper .discount-countdown li {
  width: 40px;
  height: 46px;
  font-size: 20px;
  line-height: 20px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #1d1562 !important;
}

.sovWare__discount-banner__wrapper .discount-countdown li span {
  font-size: 13px;
  line-height: 13px;
  color: #1d1562;
}
.sovWare__discount-banner__wrapper
  .discount-countdown
  li
  .loader-dot:nth-child(1) {
  background-color: #1d1562;
}
.sovWare__discount-banner__btn .btn {
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 56px;
  background: #5E52F9;
  overflow: hidden;
  white-space: nowrap;
  color: #FFF !important;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  border-radius: 56px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
  transition: all 0.3s ease-in-out;
}
.sovWare__discount-banner__btn .btn :hover {
  opacity: 0.8;
}
.sovWare__discount-banner.sovWare__discount-banner--mega-deal .disc-close i {
  color: #fff;
  font-size:27px;
}

/* Deal Banner  */
.mega-deal-pricing__content .discount-countdown {
  margin: 24px 0 0;
}
.mega-deal-pricing__content .discount-countdown .discount-countdown-title {
  font-size: 18px;
  line-height: 23px;
  color: #1749c9;
  margin: 0 0 10px;
}
.mega-deal-pricing__content .discount-countdown ul {
  gap: 16px;
  justify-content: center;
}
.mega-deal-pricing__content .discount-countdown li {
  width: 64px;
  height: 75px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  border-radius: 8px;
  color: #1749c9 !important;
  border: 1px solid #1749c9;
  background: transparent;
}
.mega-deal-pricing__content .discount-countdown li span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #1749c9;
}
.mega-deal-pricing__content .discount-countdown li .loader-dot:nth-child(1) {
  background-color: #1749c9;
}

@media screen and (max-width: 1499px) {
  .sovWare__discount-banner__btn .btn {
    font-size: 20px;
    line-height: 20px;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 991.99px) {

  .sovWare__discount-banner__content {
    margin-bottom: 10px;
  }
  .sovWare__discount-banner__wrapper .discount-countdown li {
    width: 30px;
    height: 36px;
    font-size: 16px;
    line-height: 16px;
  }
  .sovWare__discount-banner__wrapper .discount-countdown li span {
    font-size: 10px;
  }
  .sovWare__discount-banner__btn .btn {
    font-size: 12px;
    line-height: 14px;
    padding: 8px 12px;
  }
}
@media screen and (max-width: 767.99px) {

  .sovWare__discount-banner__text{
    font-size: 22px;
  }
  .sovWare__discount-banner__btn .btn {
    height: 30px;
  }

}
@media screen and (max-width: 575.99px) {
  .sovWare__discount-banner__wrapper {
    flex-wrap: wrap;
    gap: 15px;
  }
  .sovWare__discount-banner__logo img {
    max-width: 165px;
  }
  .sovWare__discount-banner__text {
    font-size: 18px;
    line-height: 20px;
  }
  .sovWare__discount-banner__wrapper .discount-countdown {
    flex: 0 0 100%;
  }
  .sovWare__discount-banner.sovWare__discount-banner--mega-deal .disc-close {
    top: 0;
    right: 0;
  }

  .mega-deal-pricing__content .discount-countdown li {
    width: 50px;
    height: 65px;
    font-size: 30px;
    line-height: 30px;
  }
  .mega-deal-pricing__content .discount-countdown li span {
    font-size: 12px;
    line-height: 12px;
  }
  .sovWare__discount-banner.sovWare__discount-banner--mega-deal .disc-close i{
    font-size: 18px;
  }
  .sovWare__discount-banner__wrapper {
    flex-direction: column;
    justify-content: center;
  }
}
/* Mega Deal CSS */
.mega-deal-pricing {
  position: relative;
  padding: 37px 0 43px;
  background-size: cover;
  background: linear-gradient(90deg,rgba(6, 64, 59, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(10, 90, 68, 1) 100%);
  overflow: hidden;
  z-index: 0;
}

.sovWare__discount-banner--mega-deal {
  position: relative;
  overflow: clip;
}

.sovWare__discount-banner--mega-deal > .container {
  position: relative;
  pointer-events: auto;
  z-index: 2;
}


/* Pricing section style */
.notice-single {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: #E6F8F2;
  padding: 20px 21px;
  justify-content: center;
  align-items: center;
  gap: 13px;
  margin-bottom: 16px;
}

.notice-single-icon {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 6.222px;
  flex-shrink: 0;
}

.notice-single-icon img {
  max-width: 100%;
  height: 100%;
}

.notice-single-description {
  margin: 0;
}

.notice-single-content {
  color: #00B77B;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* =============================================
   Particles — shared base
   ============================================= */
.particles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.particles .particle {
  position: absolute;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  will-change: transform, opacity;
  animation-iteration-count: infinite !important;
  animation-timing-function: ease-in-out !important;
}

/* --- Deal section particles (full height) --- */
.mega-deal-pricing .particles {
  height: 100%;
}

.mega-deal-pricing .particle:nth-child(1)  { width: 6px;  height: 6px;  top: 68%; left:  8%; animation: floatUp 18s  0.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(2)  { width: 4px;  height: 4px;  top: 25%; left: 32%; animation: floatUp 22s  1.2s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(3)  { width: 5px;  height: 5px;  top: 50%; left: 36%; animation: floatUp 20s  2.4s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(4)  { width: 4px;  height: 4px;  top: 80%; left: 74%; animation: floatUp 16s  0.8s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(5)  { width: 3px;  height: 3px;  top: 40%; left: 78%; animation: floatUp 24s  3.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(6)  { width: 5px;  height: 5px;  top: 85%; left: 18%; animation: floatUp 15s  1.6s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(7)  { width: 4px;  height: 4px;  top: 60%; left: 80%; animation: floatUp 26s  4.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(8)  { width: 4px;  height: 4px;  top: 35%; left: 76%; animation: floatUp 19s  2.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(9)  { width: 3px;  height: 3px;  top: 22%; left: 68%; animation: floatUp 21s  5.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(10) { width: 4px;  height: 4px;  top: 45%; left: 22%; animation: floatUp 23s  1.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(11) { width: 3px;  height: 3px;  top: 65%; left: 15%; animation: floatUp 20s  3.5s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(12) { width: 4px;  height: 4px;  top: 12%; left: 62%; animation: floatUp 19s  6.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(13) { width: 3px;  height: 3px;  top: 18%; left: 28%; animation: floatUp 17s  0.4s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(14) { width: 3px;  height: 3px;  top: 32%; left: 50%; animation: floatUp 25s  7.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(15) { width: 4px;  height: 4px;  top: 70%; left: 30%; animation: floatUp 18s  2.8s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(16) { width: 5px;  height: 5px;  top: 30%; left: 56%; animation: floatUp 14s  1.4s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(17) { width: 4px;  height: 4px;  top: 52%; left: 20%; animation: floatUp 22s  4.5s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(18) { width: 3px;  height: 3px;  top: 38%; left: 92%; animation: floatUp 28s  8.0s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(19) { width: 3px;  height: 3px;  top: 44%; left: 42%; animation: floatUp 24s  3.2s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(20) { width: 5px;  height: 5px;  top: 90%; left: 48%; animation: floatUp 16s  0.6s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(21) { width: 6px;  height: 6px;  top: 10%; left: 12%; animation: floatUp 26s  5.5s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(22) { width: 5px;  height: 5px;  top: 55%; left: 88%; animation: floatUp 20s  2.2s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(23) { width: 6px;  height: 6px;  top: 78%; left: 58%; animation: floatUp 17s  6.5s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(24) { width: 3px;  height: 3px;  top: 62%; left: 90%; animation: floatUp 23s  1.8s infinite ease-in-out; }
.mega-deal-pricing .particle:nth-child(25) { width: 5px;  height: 5px;  top: 48%; left: 85%; animation: floatUp 19s  4.2s infinite ease-in-out; }

/* --- Top banner particles (compact, smaller travel) --- */
.sovWare__discount-banner--mega-deal .particles {
  height: 100%;
}

.sovWare__discount-banner--mega-deal .particle:nth-child(1)  { width: 4px; height: 4px; top: 20%; left:  5%; animation: floatUpSmall 12s 0.0s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(2)  { width: 3px; height: 3px; top: 60%; left: 15%; animation: floatUpSmall 14s 1.0s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(3)  { width: 3px; height: 3px; top: 40%; left: 25%; animation: floatUpSmall 10s 2.0s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(4)  { width: 4px; height: 4px; top: 70%; left: 35%; animation: floatUpSmall 16s 0.5s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(5)  { width: 3px; height: 3px; top: 30%; left: 45%; animation: floatUpSmall 11s 3.0s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(6)  { width: 4px; height: 4px; top: 50%; left: 55%; animation: floatUpSmall 13s 1.5s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(7)  { width: 3px; height: 3px; top: 20%; left: 65%; animation: floatUpSmall 15s 4.0s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(8)  { width: 4px; height: 4px; top: 80%; left: 75%; animation: floatUpSmall 10s 2.5s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(9)  { width: 3px; height: 3px; top: 45%; left: 85%; animation: floatUpSmall 12s 0.8s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(10) { width: 3px; height: 3px; top: 65%; left: 93%; animation: floatUpSmall 14s 3.5s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(11) { width: 4px; height: 4px; top: 10%; left: 40%; animation: floatUpSmall 11s 5.0s infinite ease-in-out; }
.sovWare__discount-banner--mega-deal .particle:nth-child(12) { width: 3px; height: 3px; top: 55%; left: 70%; animation: floatUpSmall 13s 1.2s infinite ease-in-out; }

/* =============================================
   Keyframes
   ============================================= */

/* Full-height float (deal section) — rises ~120px with gentle sway */
@keyframes floatUp {
  0% {
    transform: translateY(0) translateX(0) scale(0.6);
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  50% {
    transform: translateY(-60px) translateX(8px) scale(1.1);
    opacity: 0.35;
  }
  90% {
    opacity: 0;
  }
  100% {
    transform: translateY(-120px) translateX(-4px) scale(0.6);
    opacity: 0;
  }
}

/* Compact float (top banner) — smaller travel distance */
@keyframes floatUpSmall {
  0% {
    transform: translateY(0) translateX(0) scale(0.5);
    opacity: 0;
  }
  15% {
    opacity: 0.45;
  }
  50% {
    transform: translateY(-20px) translateX(6px) scale(1);
    opacity: 0.3;
  }
  85% {
    opacity: 0;
  }
  100% {
    transform: translateY(-40px) translateX(-3px) scale(0.5);
    opacity: 0;
  }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .particles .particle {
    animation: none !important;
    opacity: 0 !important;
  }
}