.elementor-12990 .elementor-element.elementor-element-549c50f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-549c50f4:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-549c50f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-7c39fb16{--display:flex;--border-radius:30px 30px 30px 30px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12990 .elementor-element.elementor-element-7c39fb16:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-7c39fb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F400;}.elementor-12990 .elementor-element.elementor-element-7c39fb16.e-con{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-1be7148c.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-6cc0f35e.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-4e9df109 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-34005c3d > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-34005c3d img{width:5%;}.elementor-12990 .elementor-element.elementor-element-6ca4cc50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-6ca4cc50:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-6ca4cc50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-712813e9{--display:flex;}.elementor-12990 .elementor-element.elementor-element-712813e9.e-con{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-521522ea.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-6915e0b2 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-6915e0b2 img{width:25%;border-radius:5px 5px 5px 5px;}.elementor-12990 .elementor-element.elementor-element-6b28b6df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-6b28b6df:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-6b28b6df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-208b1fd8{--display:flex;}.elementor-12990 .elementor-element.elementor-element-67a84a18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-67a84a18:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-67a84a18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-60d9df05{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:12px 12px 12px 12px;}.elementor-12990 .elementor-element.elementor-element-60d9df05:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-60d9df05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-12990 .elementor-element.elementor-element-5137febd{--display:flex;}.elementor-12990 .elementor-element.elementor-element-696ef105{--display:flex;}.elementor-12990 .elementor-element.elementor-element-54d2b263.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-6a033acd > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-6a033acd{text-align:left;}.elementor-12990 .elementor-element.elementor-element-6a033acd img{width:75%;}.elementor-12990 .elementor-element.elementor-element-3cb4f88a{--display:flex;}.elementor-12990 .elementor-element.elementor-element-3f251db2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-3f251db2:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-3f251db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-68a7bc21{--display:flex;}.elementor-12990 .elementor-element.elementor-element-68a7bc21.e-con{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-1fb9198.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-657e27e.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-6a4f47f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-6a4f47f6:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-6a4f47f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-572dd41c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-572dd41c:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-572dd41c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-228cd070{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-228cd070:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-228cd070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-6cf6ba16{--display:flex;}.elementor-12990 .elementor-element.elementor-element-6cf6ba16.e-con{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-13c72ed1.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-2278be8b > .elementor-widget-container{margin:-35px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-56e22329{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-42847290{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-42847290:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-42847290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-5376c0da{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-699edb4b{--display:flex;}.elementor-12990 .elementor-element.elementor-element-752aec4 img{border-radius:5px 5px 5px 5px;}.elementor-12990 .elementor-element.elementor-element-782c8ac0{--display:flex;}.elementor-12990 .elementor-element.elementor-element-c28f592 img{border-radius:5px 5px 5px 5px;}.elementor-12990 .elementor-element.elementor-element-336ab462{--display:flex;}.elementor-12990 .elementor-element.elementor-element-5c1b758c img{width:95%;border-radius:5px 5px 5px 5px;}.elementor-12990 .elementor-element.elementor-element-1d2ce547.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-6b82dcbd img{width:15%;}.elementor-12990 .elementor-element.elementor-element-7d23f59f{--display:flex;}.elementor-12990 .elementor-element.elementor-element-44534e7c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-716d6cb5{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-12990 .elementor-element.elementor-element-716d6cb5:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-716d6cb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-12990 .elementor-element.elementor-element-9273e6a img{width:56.5%;}.elementor-12990 .elementor-element.elementor-element-5b092f09 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-237e1ee0{--display:flex;--border-radius:12px 12px 12px 12px;}.elementor-12990 .elementor-element.elementor-element-237e1ee0:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-237e1ee0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-12990 .elementor-element.elementor-element-4b2463fa img{width:100%;}.elementor-12990 .elementor-element.elementor-element-248b8bbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12990 .elementor-element.elementor-element-248b8bbc:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-248b8bbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-6bd2214e{--display:flex;}.elementor-12990 .elementor-element.elementor-element-6bd2214e:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-6bd2214e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-73262853 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-tab-title{border-width:0.1px;border-color:#2D2D2D;background-color:#111111;padding:25px 25px 25px 40px;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-tab-content{border-width:0.1px;border-bottom-color:#2D2D2D;background-color:#1A1A1A;color:#ABABAB;font-family:"Poppins", Sans-serif;font-size:17px;line-height:1.4em;padding:30px 45px 10px 45px;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-toggle-item:not(:last-child){margin-bottom:5px;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-toggle-title, .elementor-12990 .elementor-element.elementor-element-73262853 .elementor-toggle-icon{color:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-tab-title.elementor-active a, .elementor-12990 .elementor-element.elementor-element-73262853 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#FFD700;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:500;text-transform:capitalize;line-height:1.2em;}.elementor-12990 .elementor-element.elementor-element-3e1bb7f1{--display:flex;}.elementor-12990 .elementor-element.elementor-element-3e1bb7f1:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-3e1bb7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-5b248c31{text-align:center;}.elementor-12990 .elementor-element.elementor-element-5b248c31 .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-5614939b{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:#000000;}@media(min-width:768px){.elementor-12990 .elementor-element.elementor-element-7c39fb16{--width:50%;}.elementor-12990 .elementor-element.elementor-element-712813e9{--width:50%;}.elementor-12990 .elementor-element.elementor-element-68a7bc21{--width:50%;}.elementor-12990 .elementor-element.elementor-element-6cf6ba16{--width:50%;}}@media(max-width:1366px){.elementor-12990 .elementor-element.elementor-element-60d9df05{--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-5376c0da{--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-44534e7c{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-12990 .elementor-element.elementor-element-60d9df05{--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-6a033acd > .elementor-widget-container{margin:150px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-6a033acd img{width:100%;}.elementor-12990 .elementor-element.elementor-element-5376c0da{--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-44534e7c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12990 .elementor-element.elementor-element-4e9df109 > .elementor-widget-container{margin:180px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-34005c3d img{width:15%;}.elementor-12990 .elementor-element.elementor-element-6915e0b2 img{width:80%;}.elementor-12990 .elementor-element.elementor-element-60d9df05{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-6a033acd > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-6a033acd{text-align:center;}.elementor-12990 .elementor-element.elementor-element-6a033acd img{width:100%;}.elementor-12990 .elementor-element.elementor-element-5376c0da{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-5c1b758c img{width:95%;}.elementor-12990 .elementor-element.elementor-element-6b82dcbd > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-6b82dcbd img{width:40%;}.elementor-12990 .elementor-element.elementor-element-44534e7c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-toggle-title{font-size:17px;line-height:1.4em;}.elementor-12990 .elementor-element.elementor-element-73262853 .elementor-tab-content{font-size:15px;padding:20px 20px 10px 25px;}}/* Start custom CSS for html, class: .elementor-element-1be7148c */:root {
  --cta-bg:         #ffffff;
  --cta-border:     #d9d9d9;
  --label-bg:       #6461F9;
  --label-color:    #fff;
  --text-color:     #333;
  --arrow-color:    #333;
  --cta-padding:    0.5rem 1rem;
  --border-radius:  999px;
  --font-family:    'Poppins', sans-serif;
}

/* Container */
.hot-cta {
  display: inline-flex;
  align-items: center;
  background: var(--cta-bg);
  border: 1px solid var(--cta-border);
  border-radius: var(--border-radius);
  padding: var(--cta-padding);
  font-family: var(--font-family);
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
}

/* Left “HOT” label */
.hot-cta__label {
  display: inline-block;
  background: var(--label-bg);
  color: var(--label-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  border-radius: var(--border-radius);
  margin-right: 0.75rem;
  white-space: nowrap;
}

/* Main text */
.hot-cta__text {
  color: var(--text-color);
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
}

/* Arrow */
.hot-cta__arrow {
  margin-left: 0.5rem;
  color: var(--arrow-color);
  font-size: 1rem;
  transition: transform 0.2s;
}

/* Hover effects */
.hot-cta:hover {
  background: #fafafa;
  border-color: #bfbfbf;
}

.hot-cta:hover .hot-cta__arrow {
  transform: translateX(3px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6cc0f35e */:root {
  --price-new:    #e91e63;
  --price-old:    #888;
  --timer-bg:     rgba(233,30,99,0.1);
  --timer-text:   #e91e63;
  --font:         'Poppins', sans-serif;
  --radius:       0.75rem;
  --gap:          1rem;
}

.sale-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
  flex-wrap: wrap;
  padding: 1rem;
  font-family: var(--font);
}

.pricing {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.new-price {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--price-new);
}
.old-price {
  font-size: 1.5rem;
  color: var(--price-old);
  text-decoration: line-through;
}

.countdown {
  display: flex;
  align-items: center;
  background: var(--timer-bg);
  padding: 0.5rem 1rem;
  border-radius: var(--radius);
}
.alarm-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
  color: var(--price-new);
  display: inline-block;
}
.time {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--timer-text);
  font-variant-numeric: tabular-nums;
}

/* Shake animation */
@keyframes shake {
  0%, 100% { transform: rotate(0deg); }
  20%      { transform: rotate(-10deg); }
  40%      { transform: rotate(10deg); }
  60%      { transform: rotate(-8deg); }
  80%      { transform: rotate(8deg); }
}
.alarm-icon.shake {
  animation: shake 0.5s ease-in-out;
}

/* Tablet & large phones (≤600px) */
@media (max-width: 600px) {
  .new-price   { font-size: 2rem; }
  .old-price   { font-size: 1.25rem; }
  .alarm-icon  { font-size: 1.25rem; margin-right: 0.4rem; }
  .time        { font-size: 1rem; }
  .countdown   { padding: 0.4rem 0.8rem; }
  .sale-timer  { gap: 0.75rem; padding: 0.75rem; }
}

/* Small phones (≤400px) */
@media (max-width: 400px) {
  .sale-timer  { flex-direction: column; gap: 0.5rem; }
  .pricing     { gap: 0.25rem; }
  .new-price   { font-size: 1.75rem; }
  .old-price   { font-size: 1rem; }
  .alarm-icon  { font-size: 1rem; margin-right: 0.3rem; }
  .time        { font-size: 0.9rem; }
  .countdown   { padding: 0.3rem 0.6rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c95256e */.main-offer-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;       /* white for dark background */
  margin: 2rem 0 1rem;
  line-height: 1.2;
}
.main-offer-headline::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background: #FFD700;  
  margin: 0.75rem auto;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 600px) {
  .main-offer-headline {
    font-size: 1.8rem;
    margin: 1.5rem 0 0.75rem;
  }
  .main-offer-headline::after {
    width: 60px;
    height: 3px;
    margin: 0.5rem auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dd09a5b */.main-subheadline {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  color: #CCCCCC;    /* light gray for dark background */
  margin: 0 0 2rem;
  line-height: 1.4;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 600px) {
  .main-subheadline {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 400px) {
  .main-subheadline {
    font-size: 0.95rem;
    margin-bottom: 1rem;
    padding: 0 1rem; /* optional side padding on very narrow screens */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72608f80 */:root {
  --slide-width:    200px;
  --slide-gap:      16px;
  --fade-width:     12%;
  --scroll-duration: 18s;
  --bg-color:       #000;   /* now black */
  --slides-1:       5;
  --slides-2:       4;
}

.thumbnail-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: var(--bg-color);
  padding: 1rem 0;
}

.thumbnail-slider::before,
.thumbnail-slider::after {
  content: '';
  position: absolute;
  top: 0; height: 100%;
  width: var(--fade-width);
  pointer-events: none;
  z-index: 2;
}
.thumbnail-slider::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-color) 0%, transparent 100%);
}
.thumbnail-slider::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-color) 0%, transparent 100%);
}

.thumbnail-slider .slide-track {
  display: flex;
  gap: var(--slide-gap);
  width: calc((var(--slide-width) + var(--slide-gap)) * var(--slides-1) * 2);
  animation: scroll-1 var(--scroll-duration) linear infinite;
}

.thumbnail-slider--opposite .slide-track {
  display: flex;
  gap: var(--slide-gap);
  width: calc((var(--slide-width) + var(--slide-gap)) * var(--slides-2) * 2);
  animation: scroll-2 var(--scroll-duration) linear infinite reverse;
}

.slide {
  flex: 0 0 var(--slide-width);
  border-radius: 8px;
  overflow: hidden;
  background: #111;                     /* dark card bg */
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);/* stronger shadow */
}
.slide img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes scroll-1 {
  0%   { transform: translateX(0); }
  100% {
    transform: translateX(
      calc(-1 * ((var(--slide-width) + var(--slide-gap)) * var(--slides-1)))
    );
  }
}

@keyframes scroll-2 {
  0%   { transform: translateX(0); }
  100% {
    transform: translateX(
      calc(-1 * ((var(--slide-width) + var(--slide-gap)) * var(--slides-2)))
    );
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e9df109 */.trusted-by {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #FFFFFF;        /* white for dark background */
  text-align: center;
  margin: 0.5rem 0 2rem;
  line-height: 1.4;
}
.trusted-by::after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #FFD700;   /* gold accent */
  margin: 0.5rem auto;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 600px) {
  .trusted-by {
    font-size: 0. Nine rem; /* 0.9rem */
    margin: 0.5rem 0 1.5rem;
  }
  .trusted-by::after {
    width: 30px;
    height: 2px;
    margin: 0.4rem auto;
  }
}

@media (max-width: 400px) {
  .trusted-by {
    font-size: 0. Eight rem; /* 0.8rem */
    margin: 0.5rem 0 1rem;
    padding: 0 1rem;
  }
  .trusted-by::after {
    width: 25px;
    height: 2px;
    margin: 0.3rem auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55b4ca1a */:root {
  --col-w:      30vw;      
  --col-gap:    2vw;       
  --row-h:      60vh;      
  --fade-h:     10vh;      
  --speed:      20s;       
  --bg:         #000;      
  --card-bg:    #111;      
  --txt:        #eee;      
  --sub:        #aaa;      
  --accent:     #6461F9;   
  --verified:   #4ade80;   
  --radius:     8px;       
  --font:       'Poppins', sans-serif;
}

.vertical-review-marquee {
  display: flex;
  justify-content: center;
  gap: var(--col-gap);
  background: var(--bg);
  padding: 2rem 0;
}
.col {
  position: relative;
  width: var(--col-w);
  height: var(--row-h);
  overflow: hidden;
}
.col::before,
.col::after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  height: var(--fade-h);
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(var(--bg), transparent);
}
.col::after {
  bottom: 0;
  background: linear-gradient(transparent, var(--bg));
}
.col::before {
  top: 0;
}

/* THIS is the only part changed: */
.track {
  display: flex;
  flex-direction: column;
  animation: scroll var(--speed) linear infinite;
}
.col.reverse .track {
  animation-direction: reverse;
}

.review {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--card-bg);
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: var(--radius);
  box-sizing: border-box;
  color: var(--txt);
  font-family: var(--font);
  border: 1px solid #333;
  transition: border-color 0.3s, transform 0.3s;
}
.review:hover {
  border-color: var(--accent);
  transform: translateY(-3px);
}
.review img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--accent);
}
.review .info strong {
  font-size: 1rem;
}
.review .info p {
  margin: 0;
  color: var(--sub);
  font-size: 0.9rem;
  line-height: 1.4;
}
.verified {
  margin-left: 0.5rem;
  font-size: 0.75rem;
  color: var(--verified);
  font-weight: 600;
  vertical-align: middle;
}

/* the only changed keyframes: */
@keyframes scroll {
  from { transform: translateY(0);    }
  to   { transform: translateY(-50%); }
}
/* MOBILE: stack columns & adjust height */
@media (max-width: 768px) {
  .vertical-review-marquee {
    flex-direction: column;
    gap: 1rem;
  }

  .col {
    width: 100% !important;
    /* bump up height so you never scroll into empty space */
    height: 60vh;          
    overflow: hidden;
  }

  /* full-width fades, slightly shorter */
  .col::before,
  .col::after {
    left: 0; right: 0;
    width: 100%;
    height: 8vh;           
  }

  /* tighten card gutters so you don't see a big blank strip */
  .review {
    margin-bottom: 0.75rem;
  }

  /* ensure the looped duplicate set blends seamlessly */
  .track .review:last-child {
    margin-bottom: 0;      
  }
}
@media (max-width: 768px) {
  .vertical-review-marquee {
    flex-direction: column;
    gap: 0.75rem;
  }
  .col {
    width: 100% !important;
    height: 30vh;        /* slightly shorter */
  }
  .col::before,
  .col::after {
    height: 6vh;         /* smaller fades */
  }
  .review {
    margin-bottom: 0.5rem;
  }
  .track .review:last-child {
    margin-bottom: 0;
  }
}
/* DESKTOP: tighten up the review loop spacing */
.vertical-review-marquee {
  gap: 0.5rem;             /* less space between each column */
}

.col {
  height: 30vh;            /* less tall so you don’t scroll into emptiness */
  padding: 0.5rem;         /* a bit less top/bottom padding */
}

.review {
  margin: 0.5rem 0;        /* halves the vertical gutter inside each column */
  padding: 0.75rem;        /* shrink the interior padding of each box */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6aae743a */.social-proof-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  margin: 2rem 0;
  position: relative;
  line-height: 1.2;
}

.social-proof-headline::before,
.social-proof-headline::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #FFD700;
  margin: 0.5rem auto;
}

.social-proof-headline::before {
  margin-bottom: 0.75rem;
}

.social-proof-headline::after {
  margin-top: 0.75rem;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 600px) {
  .social-proof-headline {
    font-size: 1.6rem;
    margin: 1.5rem 0;
  }
  .social-proof-headline::before,
  .social-proof-headline::after {
    width: 40px;
    height: 3px;
    margin: 0.4rem auto;
  }
  .social-proof-headline::before {
    margin-bottom: 0.5rem;
  }
  .social-proof-headline::after {
    margin-top: 0.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29f1629 *//* === CSS === */
:root {
  --res-width:      300px;     /* slide width */
  --res-gap:        16px;      /* gap between slides */
  --fade-size:      15%;       /* percentage fade on each side */
  --scroll-time:    20s;       /* full loop duration */
  --bg-slider:      #000;      /* slider background */
}

.results-slider {
  position: relative;
  overflow: hidden;
  background: var(--bg-slider);
  padding: 1rem 0;
}

/* left and right fades */
.results-slider::before,
.results-slider::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: var(--fade-size);
  z-index: 2;
  pointer-events: none;
}
.results-slider::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-slider) 0%, transparent 100%);
}
.results-slider::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-slider) 0%, transparent 100%);
}

.results-track {
  display: flex;
  gap: var(--res-gap);
  /* total width = (slide + gap) × unique count × 2 */
  width: calc((var(--res-width) + var(--res-gap)) * 6 * 2);
  animation: scroll-results var(--scroll-time) linear infinite;
}

.result {
  flex: 0 0 var(--res-width);
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.result img {
  display: block;
  width: 100%;
  height: auto;
}

/* keyframes to shift exactly one group width */
@keyframes scroll-results {
  0%   { transform: translateX(0); }
  100% { transform: translateX(
            calc(-1 * ((var(--res-width) + var(--res-gap)) * 6))
          ); }
}

/* pause on hover */
.results-slider:hover .results-track {
  animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-521522ea *//* ===== ROOT / VARIABLES ===== */
:root {
  --cta-gradient-1: #0052FF;
  --cta-gradient-2: #3D8BFF;
  --cta-radius: 12px;
  --font-family: 'Poppins', sans-serif;
}

/* ===== CTA BASE ===== */
.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, var(--cta-gradient-1), var(--cta-gradient-2));
  color: #fff;
  font-family: var(--font-family);
  border: none;
  border-radius: var(--cta-radius);
  padding: 1rem 1.5rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.cta-btn:active {
  transform: scale(0.96);
}

.cta-icon {
  font-size: 1.5rem;
  line-height: 1;
}

.cta-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.2;
}

.cta-main {
  font-size: 1.125rem;
  font-weight: 600;
}

.cta-sub {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.85;
}

/* ===== SHINE EFFECT ===== */
.cta-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 50%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  transform: rotate(25deg);
  animation: shine 2.5s ease-in-out infinite;
}

@keyframes shine {
  0%   { transform: translateX(-100%) rotate(25deg); }
  50%  { transform: translateX(200%) rotate(25deg); }
  100% { transform: translateX(-100%) rotate(25deg); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 768px) {
  .cta-btn {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }
  .cta-icon {
    font-size: 1.25rem;
  }
  .cta-main {
    font-size: 1rem;
  }
  .cta-sub {
    font-size: 0.75rem;
  }
}

/* ===== RESPONSIVE: SMALL MOBILE ===== */
@media (max-width: 480px) {
  .cta-btn {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 0.8rem;
    gap: 0.4rem;
    border-radius: 8px;
  }
  .cta-icon {
    font-size: 1.1rem;
  }
  .cta-main {
    font-size: 0.95rem;
  }
  .cta-sub {
    font-size: 0.7rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ded928c */.video-viral-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #fff;       /* dark-blue on white bg */
  margin: 2rem 0;
  position: relative;
  line-height: 1.2;
}

/* Decorative lines */
.video-viral-headline::before,
.video-viral-headline::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #FFD700;  /* gold accent */
  margin: 0.5rem auto;
}

.video-viral-headline::before {
  margin-bottom: 0.75rem;
}
.video-viral-headline::after {
  margin-top: 0.75rem;
}


/* ================
   MOBILE OPTIMIZATION
   ================ */
@media (max-width: 600px) {
  .video-viral-headline {
    font-size: 1.5rem;
    margin: 1.5rem 0;
  }
  .video-viral-headline::before,
  .video-viral-headline::after {
    width: 40px;
    height: 3px;
    margin: 0.4rem auto;
  }
  .video-viral-headline::before {
    margin-bottom: 0.5rem;
  }
  .video-viral-headline::after {
    margin-top: 0.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b6b7efb */:root {
  --font:         'Poppins', sans-serif;
  --bg-card:      #1a1a1a;
  --text-light:   #fff;
  --text-muted:   #ccc;
  --accent:       #6461F9;
  --mask-color:   #000;
  --card-height:  350px; /* fixed height for all cards */
}

.ba-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  font-family: var(--font);
  margin: 2rem 0;
}

.ba-card {
  background: var(--bg-card);
  color: var(--text-light);
  border-radius: 12px;
  width: 300px;
  height: var(--card-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-align: center;
}

.ba-container {
  position: relative;
  width: 100%;
  height: 200px; /* fixed image area height */
  overflow: hidden;
}

.ba-image {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.ba-after {
  clip-path: inset(0 50% 0 0);
}

.ba-label {
  position: absolute;
  background: var(--accent);
  color: #fff;
  font-size: 0.7rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.ba-label-before {
  top: 0.5rem;
  left: 0.5rem;
}

.ba-label-after {
  bottom: 0.5rem;
  right: 0.5rem;
}

.ba-handle {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 2px;
  background: var(--accent);
  pointer-events: none;
}

.ba-slider {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: none;
  appearance: none;
  cursor: ew-resize;
}

.ba-slider::-webkit-slider-thumb,
.ba-slider::-moz-range-thumb,
.ba-slider::-ms-thumb {
  appearance: none;
  width: 0; height: 0;
}

.ba-card h3 {
  margin: 0.75rem 0 0.5rem;
  font-weight: 600;
  font-size: 1.2rem;
}

.ba-card p {
  margin: 0 1rem 1rem;
  color: var(--text-muted);
  font-size: 0.85rem;
  line-height: 1.4;
  flex-grow: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54d2b263 *//* Base styles */
.exclusive-offer {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1.5rem;
  background: linear-gradient(90deg, #FFE5E5 0%, #FFDCDC 100%);
  border-radius: 9999px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #8B1E3F;
  transition: background 0.2s;
}

.exclusive-offer .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8B1E3F;
}

.exclusive-offer:hover {
  background: linear-gradient(90deg, #FFDCDC 0%, #FFE5E5 100%);
  cursor: pointer;
}

/* Tablet (600px and below) */
@media (max-width: 600px) {
  .exclusive-offer {
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    font-size: 0.9rem;
  }
  .exclusive-offer .icon svg {
    width: 18px;
    height: 18px;
  }
}

/* Mobile (400px and below) */
@media (max-width: 400px) {
  .exclusive-offer {
    display: flex;          /* allow wrapping if needed */
    gap: 0.4rem;
    padding: 0.3rem 0.75rem;
    font-size: 0.8rem;
  }
  .exclusive-offer .text {
    white-space: normal;    /* wrap text onto multiple lines */
    line-height: 1.2;
  }
  .exclusive-offer .icon svg {
    width: 16px;
    height: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e2dafd4 */:root {
  --card-bg:      #;           /* your black/charcoal card background */
  --text-light:   #fff;
  --text-muted:   #ccc;
  --accent-blue:  #3B82F6;
  --radius:       16px;
  --font:         'Poppins', sans-serif;
}

.upsell-card {
  background: var(--card-bg);
  border-radius: var(--radius);
  padding: 1.5rem;
  max-width: 380px;
  width: 100%;
  font-family: var(--font);
  color: var(--text-light);
  box-sizing: border-box;
}

/* Headline */
.upsell-card h2 {
  margin: 0 0 1rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}
.highlight {
  color: var(--accent-blue);
}

/* Feature list */
.upsell-list {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
.upsell-list li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.75rem;
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.4;
}
.upsell-list li::before {
  content: '✔';
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--accent-blue);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 1.2rem;
  font-size: 0.75rem;
}

/* CTA link */
.upsell-link {
  display: inline-block;
  font-size: 1rem;
  color: var(--text-light);
  text-decoration: none;
  font-weight: 500;
  transition: opacity 0.2s;
}
.upsell-link:hover {
  opacity: 0.8;
}

/* --------------------
   MOBILE FIRST BREAKPOINTS
   -------------------- */

/* ≤ 600px: tighten up spacing */
@media (max-width: 600px) {
  .upsell-card {
    padding: 1rem;
  }
  .upsell-card h2 {
    font-size: 1.6rem;
    margin-bottom: 0.75rem;
  }
  .upsell-list li {
    margin-bottom: 0.6rem;
    font-size: 0.9rem;
  }
  .upsell-link {
    font-size: 0.95rem;
  }
}

/* ≤ 400px: wrap & shrink */
@media (max-width: 400px) {
  .upsell-card {
    padding: 0.75rem;
  }
  .upsell-card h2 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }
  .upsell-list li {
    margin-bottom: 0.5rem;
    padding-left: 1.4rem;
    font-size: 0.85rem;
  }
  .upsell-list li::before {
    width: 1rem;
    height: 1rem;
    font-size: 0.7rem;
    line-height: 1rem;
  }
  .upsell-link {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fb9198 *//* ===== ROOT / VARIABLES ===== */
:root {
  --cta-gradient-1: #0052FF;
  --cta-gradient-2: #3D8BFF;
  --cta-radius: 12px;
  --font-family: 'Poppins', sans-serif;
}

/* ===== CTA BASE ===== */
.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, var(--cta-gradient-1), var(--cta-gradient-2));
  color: #fff;
  font-family: var(--font-family);
  border: none;
  border-radius: var(--cta-radius);
  padding: 1rem 1.5rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.cta-btn:active {
  transform: scale(0.96);
}

.cta-icon {
  font-size: 1.5rem;
  line-height: 1;
}

.cta-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.2;
}

.cta-main {
  font-size: 1.125rem;
  font-weight: 600;
}

.cta-sub {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.85;
}

/* ===== SHINE EFFECT ===== */
.cta-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 50%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  transform: rotate(25deg);
  animation: shine 2.5s ease-in-out infinite;
}

@keyframes shine {
  0%   { transform: translateX(-100%) rotate(25deg); }
  50%  { transform: translateX(200%) rotate(25deg); }
  100% { transform: translateX(-100%) rotate(25deg); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 768px) {
  .cta-btn {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }
  .cta-icon {
    font-size: 1.25rem;
  }
  .cta-main {
    font-size: 1rem;
  }
  .cta-sub {
    font-size: 0.75rem;
  }
}

/* ===== RESPONSIVE: SMALL MOBILE ===== */
@media (max-width: 480px) {
  .cta-btn {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 0.8rem;
    gap: 0.4rem;
    border-radius: 8px;
  }
  .cta-icon {
    font-size: 1.1rem;
  }
  .cta-main {
    font-size: 0.95rem;
  }
  .cta-sub {
    font-size: 0.7rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-657e27e *//* ===== CSS ===== */
:root {
  --lv-bg:     #e6f9e8;
  --lv-text:   #217a32;
  --lv-radius: 12px;
  --lv-font:   'Poppins', sans-serif;
}

/* Live Viewers Pill */
.live-viewers {
  display: inline-flex;
  align-items: center;
  background: var(--lv-bg);
  color: var(--lv-text);
  font-family: var(--lv-font);
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: var(--lv-radius);
  font-size: 1rem;
  line-height: 1.2;
  transition: transform 0.2s;
}
.live-viewers:hover {
  transform: scale(1.03);
}

/* Eye icon styling */
.live-viewers .eye {
  margin-right: 0.5rem;
  font-size: 1.2em;
  line-height: 1;
  animation: blink 8s infinite;
}

/* Blink keyframes */
@keyframes blink {
  0%, 97%, 100% { transform: scaleY(1); }
  98%, 99%     { transform: scaleY(0.1); }
}

/* Number styling */
.live-viewers .count {
  font-weight: 700;
  margin-right: 0.25rem;
}

/* ==== Responsive ==== */
/* Shrink slightly on tablets */
@media (max-width: 600px) {
  .live-viewers {
    font-size: 0.9rem;
    padding: 0.4rem 0.8rem;
  }
  .live-viewers .eye {
    font-size: 1.1em;
  }
}

/* Full-width on small phones */
@media (max-width: 400px) {
  .live-viewers {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.85rem;
    padding: 0.4rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42fa2545 *//* ===== CSS ===== */
.pack-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  color: #ffffff;      /* white on black */
  margin: 2rem 0 1rem;
  position: relative;
  line-height: 1.2;
  background: #000;    /* ensures contrast if needed */
  padding: 0.5rem 1rem;
}

.pack-headline::before,
.pack-headline::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background: #FFD700; /* gold accent */
  margin: 0.5rem auto;
}

.pack-headline::before {
  margin-bottom: 0.75rem;
}

.pack-headline::after {
  margin-top: 0.75rem;
}

/* ===== Responsive ===== */
/* Tablet & large phones */
@media (max-width: 600px) {
  .pack-headline {
    font-size: 2rem;
    padding: 0.4rem 0.5rem;
    margin: 1.5rem 0 0.75rem;
  }
  .pack-headline::before,
  .pack-headline::after {
    width: 60px;
    height: 3px;
    margin: 0.4rem auto;
  }
}

/* Small phones */
@media (max-width: 400px) {
  .pack-headline {
    font-size: 1.5rem;
    padding: 0.3rem 0.5rem;
    margin: 1rem 0 0.5rem;
  }
  .pack-headline::before,
  .pack-headline::after {
    width: 40px;
    height: 2px;
    margin: 0.3rem auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2031bdff */:root {
  --chip-stroke:        #6461F9;  /* border & text */
  --chip-fill-idle:     #FFFFFF;  /* background when unselected */
  --chip-fill-hover:    #F3F2FF;  /* background on hover */
  --marquee-bg:         #F;  /* marquee container bg */
}

.marquee-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.marquee-wrapper {
  position: relative;
  overflow: hidden;
  background: var(--marquee-bg);
  /* soft side‐fade */
  -webkit-mask-image: linear-gradient(to right,
    transparent 0%, black 10%,
    black 90%, transparent 100%);
          mask-image: linear-gradient(to right,
    transparent 0%, black 10%,
    black 90%, transparent 100%);
}

.marquee-wrapper.reverse .marquee {
  animation-direction: reverse;
}

.marquee {
  display: flex;
  width: max-content;
  animation: marquee 30s linear infinite;
  will-change: transform;
}

.marquee-item {
  flex: none;
  margin: 0 1.5rem;
  padding: 0.5rem 1rem;
  background: var(--chip-fill-idle);
  color: var(--chip-stroke);
  border: 1px solid var(--chip-stroke);
  border-radius: 999px;
  font-weight: 500;
  white-space: nowrap;
  font-size: 0.95rem;
  transition: background 0.2s, color 0.2s;
}

/* hover effect on each pill */
.marquee-item:hover {
  background: var(--chip-fill-hover);
  color: var(--chip-stroke);
}

@keyframes marquee {
  0%   { transform: translateX(0);     }
  100% { transform: translateX(-50%);  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-165795d3 *//* ================
   COLORS & SIZING
   ================ */
:root {
  --flow-gap:       4rem;
  --bg:             #000;         /* page background */
  --column-bg:      #111;         /* column card */
  --hard-primary:   linear-gradient(90deg,#e91e63,#d81b60);
  --hard-step-bg:   rgba(233,30,99,0.1);
  --easy-primary:   linear-gradient(90deg,#ff9800,#ffc107);
  --easy-step-bg:   rgba(0,200,83,0.1);
  --txt:            #eee;
  --subtxt:         #aaa;
  --font-family:    'Poppins',sans-serif;
  --radius:         0.75rem;
  --arrow-size:     2rem;
  --flow-pad:       2rem;
}

/* ================
   LAYOUT
   ================ */
.compare-flow {
  display: flex;
  gap: var(--flow-gap);
  padding: var(--flow-pad);
  background: var(--bg);
  color: var(--txt);
  flex-wrap: wrap;
  box-sizing: border-box;
}

.compare-flow .column {
  flex: 1;
  min-width: 280px;
  background: var(--column-bg);
  padding: 1.5rem;
  border-radius: var(--radius);
  text-align: center;
  box-sizing: border-box;
}

/* ================
   LABEL & TITLE
   ================ */
.compare-flow .label {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius);
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: var(--txt);
}
.compare-flow .hard .label {
  background: var(--hard-step-bg);
  color: #e91e63;
}
.compare-flow .easy .label {
  background: var(--easy-step-bg);
  color: #00c853;
}

.compare-flow .title {
  font-family: var(--font-family);
  font-size: 1.75rem;
  margin: 0.5rem 0 1rem;
  color: var(--txt);
}

/* ================
   STEPS
   ================ */
.compare-flow .step {
  font-family: var(--font-family);
  font-size: 1.1rem;
  font-weight: 500;
  padding: 1rem;
  border-radius: var(--radius);
  color: var(--txt);
  max-width: 90%;
  margin: 0 auto 1rem;
}
.compare-flow .hard .step.primary,
.compare-flow .hard .step.final {
  background: var(--hard-primary);
}
.compare-flow .easy .step.primary,
.compare-flow .easy .step.final {
  background: var(--easy-primary);
}

/* ================
   FEATURES LIST
   ================ */
.compare-flow .features {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
.compare-flow .features li {
  background: var(--hard-step-bg);
  margin: 0.4rem auto;
  padding: 0.75rem 1rem;
  border-radius: var(--radius);
  max-width: 90%;
  font-family: var(--font-family);
  color: var(--subtxt);
  text-align: left;
}
.compare-flow .easy .features li {
  background: var(--easy-step-bg);
}

/* ================
   ARROW
   ================ */
.compare-flow .arrow {
  font-size: var(--arrow-size);
  margin-bottom: 1rem;
  color: var(--txt);
}

/* ================
   RESPONSIVE
   ================ */
@media (max-width: 800px) {
  .compare-flow {
    flex-direction: column;
    gap: 2rem;
  }
}

@media (max-width: 500px) {
  :root {
    --flow-gap:    2rem;
    --flow-pad:    1rem;
  }
  .compare-flow .column {
    padding: 1rem;
  }
  .compare-flow .title {
    font-size: 1.5rem;
  }
  .compare-flow .step {
    font-size: 1rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .compare-flow .features li {
    padding: 0.6rem 0.8rem;
    margin: 0.3rem auto;
  }
  .compare-flow .arrow {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13c72ed1 *//* ===== ROOT / VARIABLES ===== */
:root {
  --cta-gradient-1: #0052FF;
  --cta-gradient-2: #3D8BFF;
  --cta-radius: 12px;
  --font-family: 'Poppins', sans-serif;
}

/* ===== CTA BASE ===== */
.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, var(--cta-gradient-1), var(--cta-gradient-2));
  color: #fff;
  font-family: var(--font-family);
  border: none;
  border-radius: var(--cta-radius);
  padding: 1rem 1.5rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.cta-btn:active {
  transform: scale(0.96);
}

.cta-icon {
  font-size: 1.5rem;
  line-height: 1;
}

.cta-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.2;
}

.cta-main {
  font-size: 1.125rem;
  font-weight: 600;
}

.cta-sub {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.85;
}

/* ===== SHINE EFFECT ===== */
.cta-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 50%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  transform: rotate(25deg);
  animation: shine 2.5s ease-in-out infinite;
}

@keyframes shine {
  0%   { transform: translateX(-100%) rotate(25deg); }
  50%  { transform: translateX(200%) rotate(25deg); }
  100% { transform: translateX(-100%) rotate(25deg); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 768px) {
  .cta-btn {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }
  .cta-icon {
    font-size: 1.25rem;
  }
  .cta-main {
    font-size: 1rem;
  }
  .cta-sub {
    font-size: 0.75rem;
  }
}

/* ===== RESPONSIVE: SMALL MOBILE ===== */
@media (max-width: 480px) {
  .cta-btn {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 0.8rem;
    gap: 0.4rem;
    border-radius: 8px;
  }
  .cta-icon {
    font-size: 1.1rem;
  }
  .cta-main {
    font-size: 0.95rem;
  }
  .cta-sub {
    font-size: 0.7rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2278be8b *//* ===== CSS ===== */
:root {
  --bar-height:    2rem;
  --bar-radius:    1rem;
  --bg-light:      #e5e7eb;
  --bg-fill:       #2563eb;
  --text-on-fill:  #fff;
  --text-off-fill: #374151;
  --font-family:   'Poppins', sans-serif;
}

/* container to center & constrain width */
.progress-container {
  width: 100%;
  max-width: 600px;
  margin: 1.5rem auto;
  padding: 0 1rem;
  box-sizing: border-box;
}

/* the grey track */
.progress-bar {
  position: relative;
  background: var(--bg-light);
  border-radius: var(--bar-radius);
  height: var(--bar-height);
  overflow: hidden;
  /* custom CSS variable defines final fill % */
  --fill: 0%;
}

/* the colored fill that animates */
.progress-bar .bar-fill {
  background: var(--bg-fill);
  width: 0%;
  height: 100%;
  animation: fill 2s ease-out forwards;
}

/* label on left */
.progress-bar .label,
.progress-bar .percent {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-family);
  font-weight: 600;
  white-space: nowrap;
}

.progress-bar .label {
  left: 0.75rem;
  color: var(--text-on-fill);
}

/* percent on right */
.progress-bar .percent {
  right: 0.75rem;
  color: var(--text-off-fill);
}

/* keyframes drive the fill animation from 0 to var(--fill) */
@keyframes fill {
  from { width: 0%; }
  to   { width: var(--fill); }
}

/* ===== Responsive tweaks ===== */
/* tablet */
@media (max-width: 600px) {
  :root { --bar-height: 1.5rem; }
  .progress-bar .label,
  .progress-bar .percent { font-size: 0.9rem; }
}

/* phone */
@media (max-width: 400px) {
  :root { --bar-height: 1.2rem; }
  .progress-bar .label,
  .progress-bar .percent { font-size: 0.8rem; }
}
/* the grey track */
.progress-bar {
  position: relative;
  background: var(--bg-light);
  border-radius: var(--bar-radius);
  height: var(--bar-height);
  overflow: hidden;
  /* custom CSS variable defines final fill % */
  --fill: 0%;

  /* ↓↓↓ Add this for a soft drop-shadow ↓↓↓ */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* the colored fill that animates */
.progress-bar .bar-fill {
  background: var(--bg-fill);
  width: 0%;
  height: 100%;
  animation: fill 2s ease-out forwards;

  /* ↓↓↓ Add this for a little inner glow ↓↓↓ */
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
}
/* the grey track */
.progress-bar {
  position: relative;
  background: var(--bg-light);
  border-radius: var(--bar-radius);
  height: var(--bar-height);
  overflow: hidden;
  --fill: 0%;

  /* soft outer glow spread */
  box-shadow:
    0 0 20px rgba(0,0,0,0.05),        /* subtle grounding shadow */
    0 0 60px rgba(37, 99, 235, 0.3);   /* blue halo spread */
}

/* the colored fill that animates */
.progress-bar .bar-fill {
  background: var(--bg-fill);
  width: 0%;
  height: 100%;
  animation: fill 2s ease-out forwards;

  /* inner glow for sheen */
  box-shadow:
    inset 0 0 10px rgba(255,255,255,0.3),
    inset 0 0 20px rgba(37, 99, 235, 0.4);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a367850 *//* ===== CSS ===== */
.hover-scroll-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 1rem;
  padding: 2rem;
  background: #000;            /* black background */
}

.hover-scroll {
  position: relative;
  height: 200px;               /* fixed height viewport */
  overflow: hidden;
  border-radius: 8px;
  background: #111;
  cursor: pointer;
}

.hover-scroll .track {
  display: flex;
  flex-direction: column;
  transition: transform 1s ease;
}

.hover-scroll:hover .track {
  transform: translateY(calc(-1 * (100% - 200px)));
}

.hover-scroll img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Responsive tweaks */
@media (max-width: 800px) {
  .hover-scroll {
    height: 160px;
  }
}

@media (max-width: 500px) {
  .hover-scroll {
    height: 120px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-641ba83c */:root {
  --bg-page:       #000;
  --card-bg:       #111;
  --border-grad:   linear-gradient(135deg,#7f3dff,#a855f7);
  --text-light:    #fff;
  --text-med:      #ccc;
  --text-muted:    #888;
  --badge-bg:      rgba(255,255,255,0.05);
  --badge-text:    #c9a3ff;
  --btn-bg:        #facc15;
  --btn-hover:     #e6b800;
  --radius:        1rem;
  --gap:           1rem;
  --font:          'Poppins',sans-serif;
}

/* Container */
.pricing-section {
  background: var(--bg-page);
  padding: 2.5rem 1rem;
  display: flex;
  justify-content: center;
}

/* Card + Animated Border */
.pricing-card {
  position: relative;
  width: 100%;
  max-width: 360px;
  background: var(--card-bg);
  border-radius: var(--radius);
  padding: 3rem 1.5rem 1.5rem;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
  overflow: visible;
}
.pricing-card::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: -3px;
  border-radius: calc(var(--radius) + 3px);
  background: var(--border-grad);
  background-size: 300% 100%;
  animation: border-slide 5s linear infinite;
  z-index: -1;
}

/* BEST VALUE badge */
.best-value {
  position: absolute;
  top: -0.6rem;
  right: 1rem;
  background: #facc15;
  color: #111;
  padding: 0.3rem 0.8rem;
  border-radius: 0.75rem;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* “Popular selling” badge */
.card-badge {
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, 20%);
  background: var(--badge-bg);
  color: var(--badge-text);
  padding: 0.3rem 0.8rem;
  border-radius: var(--radius);
  font-family: var(--font);
  font-size: 0.85rem;
  font-weight: 600;
  animation: pulse 2s infinite;
}

/* Title & Desc */
.plan-title {
  margin: 1.rem 0 0;
  font-family: var(--font);
  font-size: 1.8rem;
  color: var(--text-light);
}
.plan-desc {
  margin: 0.5rem 0 var(--gap);
  font-family: var(--font);
  color: var(--text-med);
  font-size: 1rem;
  line-height: 1.4;
}

/* Price Row */
.price-row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.old-price {
  font-size: 1rem;
  color: var(--text-muted);
  text-decoration: line-through;
}
.current-price {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--text-light);
}
.price-note {
  font-size: 0.85rem;
  color: var(--text-light);
  text-transform: uppercase;
}

/* CTA Button + Shine */
.btn-cta {
  display: block;
  text-align: center;
  background: var(--btn-bg);
  color: var(--text-light);
  font-family: var(--font);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.85rem 0;
  border-radius: var(--radius);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: background 0.3s, transform 0.3s;
  margin-bottom: 1.5rem;
}
.btn-cta::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 50%; height: 200%;
  background: rgba(255,255,255,0.3);
  transform: rotate(30deg) translateX(-100%);
  transition: transform 0.6s;
}
.btn-cta:hover {
  background: var(--btn-hover);
  transform: translateY(-2px);
}
.btn-cta:hover::before {
  transform: rotate(30deg) translateX(200%);
}

/* Features */
.features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
.features li {
  font-family: var(--font);
  font-size: 0.95rem;
  color: var(--text-light);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Animations */
@keyframes border-slide {
  0%   { background-position:   0% 50%; }
  100% { background-position: 100% 50%; }
}
@keyframes pulse {
  0%,100% { transform: translate(-50%,20%) scale(1); }
  50%     { transform: translate(-50%,20%) scale(1.05); }
}

/* Responsive */
@media (max-width: 768px) {
  .plan-title       { font-size: 1.6rem; }
  .current-price    { font-size: 2rem; }
  .btn-cta          { font-size: 0.95rem; padding: 0.8rem 0; }
  .best-value       { font-size: 0.7rem; padding: 0.25rem 0.7rem; }
}
@media (max-width: 480px) {
  .pricing-section  { padding: 2rem 0.75rem; }
  .pricing-card     { padding: 2.5rem 1rem 1rem; }
  .plan-title       { font-size: 1.5rem; }
  .plan-desc        { font-size: 0.95rem; }
  .old-price        { font-size: 0.9rem; }
  .current-price    { font-size: 1.8rem; }
  .price-note       { font-size: 0.8rem; }
  .btn-cta          { font-size: 0.9rem; padding: 0.7rem 0; }
  .features li      { font-size: 0.9rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-205da2f *//* === CSS === */
:root {
  --res-width:      300px;     /* slide width */
  --res-gap:        16px;      /* gap between slides */
  --fade-size:      15%;       /* percentage fade on each side */
  --scroll-time:    20s;       /* full loop duration */
  --bg-slider:      #000;      /* slider background */
}

.results-slider {
  position: relative;
  overflow: hidden;
  background: var(--bg-slider);
  padding: 1rem 0;
}

/* left and right fades */
.results-slider::before,
.results-slider::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: var(--fade-size);
  z-index: 2;
  pointer-events: none;
}
.results-slider::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-slider) 0%, transparent 100%);
}
.results-slider::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-slider) 0%, transparent 100%);
}

.results-track {
  display: flex;
  gap: var(--res-gap);
  /* total width = (slide + gap) × unique count × 2 */
  width: calc((var(--res-width) + var(--res-gap)) * 6 * 2);
  animation: scroll-results var(--scroll-time) linear infinite;
}

.result {
  flex: 0 0 var(--res-width);
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.result img {
  display: block;
  width: 100%;
  height: auto;
}

/* keyframes to shift exactly one group width */
@keyframes scroll-results {
  0%   { transform: translateX(0); }
  100% { transform: translateX(
            calc(-1 * ((var(--res-width) + var(--res-gap)) * 6))
          ); }
}

/* pause on hover */
.results-slider:hover .results-track {
  animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d2ce547 *//* ===== ROOT / VARIABLES ===== */
:root {
  --cta-gradient-1: #0052FF;
  --cta-gradient-2: #3D8BFF;
  --cta-radius: 12px;
  --font-family: 'Poppins', sans-serif;
}

/* ===== CTA BASE ===== */
.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, var(--cta-gradient-1), var(--cta-gradient-2));
  color: #fff;
  font-family: var(--font-family);
  border: none;
  border-radius: var(--cta-radius);
  padding: 1rem 1.5rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.cta-btn:active {
  transform: scale(0.96);
}

.cta-icon {
  font-size: 1.5rem;
  line-height: 1;
}

.cta-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.2;
}

.cta-main {
  font-size: 1.125rem;
  font-weight: 600;
}

.cta-sub {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.85;
}

/* ===== SHINE EFFECT ===== */
.cta-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 50%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  transform: rotate(25deg);
  animation: shine 2.5s ease-in-out infinite;
}

@keyframes shine {
  0%   { transform: translateX(-100%) rotate(25deg); }
  50%  { transform: translateX(200%) rotate(25deg); }
  100% { transform: translateX(-100%) rotate(25deg); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 768px) {
  .cta-btn {
    flex-direction: column;
    align-items: center;
    gap: 0.rem;
    padding: 0.75rem 1rem;
  }
  .cta-icon {
    font-size: 1.25rem;
  }
  .cta-main {
    font-size: 1rem;
  }
  .cta-sub {
    font-size: 0.75rem;
  }
}

/* ===== RESPONSIVE: SMALL MOBILE ===== */
@media (max-width: 480px) {
  .cta-btn {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 0.8rem;
    gap: 0.4rem;
    border-radius: 8px;
  }
  .cta-icon {
    font-size: 1.1rem;
  }
  .cta-main {
    font-size: 0.95rem;
  }
  .cta-sub {
    font-size: 0.7rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75e8e70c *//* CSS */
:root {
  --bg-page:       #000;
  --badge-bg:      #A8F0C6;   /* light mint */
  --badge-text:    #064E3B;   /* dark green */
  --badge-radius:  2rem;
  --font:          'Poppins', sans-serif;
}

body {
  background: var(--bg-page);
}

.bonus-container {
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
}

.bonus-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--badge-bg);
  color: var(--badge-text);
  font-family: var(--font);
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.6rem 1.2rem;
  border-radius: var(--badge-radius);
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s, box-shadow 0.2s;
}

.bonus-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* Responsive */
@media (max-width: 600px) {
  .bonus-badge {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 400px) {
  .bonus-badge {
    font-size: 0.9rem;
    padding: 0.4rem 0.8rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38d0c70e */.bonus-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  text-align: center;
  color: #FFD700;       /* gold accent */
  margin: 2rem 0 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b092f09 */:root {
  --sf-bg:        #000;
  --sf-text:      #fff;
  --sf-accent:    #FFD700;
  --sf-item-bg:   rgba(255,255,255,0.05);
  --sf-font:      'Poppins', sans-serif;
  --sf-gap:       1rem;
  --sf-radius:    6px;
}

/* Container & Headline */
.sub-features {
  background: var(--sf-bg);
  color: var(--sf-text);
  padding: 2.5rem 1rem;
  max-width: 900px;
  margin: 2rem auto;
  font-family: var(--sf-font);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--sf-radius);
  text-align: center;
}
.sub-features__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: var(--sf-gap);
  position: relative;
}
.sub-features__headline::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: var(--sf-accent);
  margin: 0.5rem auto 0;
}

/* Grid List */
.sub-features__list {
  list-style: none;
  margin: var(--sf-gap) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--sf-gap);
}

.sub-features__list li {
  background: var(--sf-item-bg);
  border-left: 4px solid var(--sf-accent);
  padding: 1rem 1.25rem;
  border-radius: var(--sf-radius);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--sf-text);
  transition: background 0.2s, transform 0.2s;
}
.sub-features__list li:hover {
  background: rgba(255,255,255,0.1);
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 768px) {
  .sub-features {
    padding: 2rem 0.75rem;
  }
  .sub-features__headline {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }
  .sub-features__list {
    gap: 0.75rem;
  }
  .sub-features__list li {
    padding: 0.85rem 1rem;
    font-size: 0.95rem;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .sub-features {
    padding: 1.5rem 0.5rem;
  }
  .sub-features__headline {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
  }
  .sub-features__list {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .sub-features__list li {
    padding: 0.75rem 0.75rem;
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59bdd70d */.bonus-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  text-align: center;
  color: #FFD700;       /* gold accent */
  margin: 2rem 0 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-750bf56b */:root {
  --sf-bg:        #000;
  --sf-text:      #fff;
  --sf-accent:    #FFD700;
  --sf-item-bg:   rgba(255,255,255,0.05);
  --sf-font:      'Poppins', sans-serif;
  --sf-gap:       1rem;
  --sf-radius:    6px;
}

.sub-features {
  background: var(--sf-bg);
  color: var(--sf-text);
  padding: 2rem 1rem;
  max-width: 800px;
  margin: 0 auto;
  font-family: var(--sf-font);
}

.sub-features__headline {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  margin-bottom: var(--sf-gap);
  position: relative;
}
.sub-features__headline::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: var(--sf-accent);
  margin: 0.5rem auto 0;
}

.sub-features__list {
  list-style: none;
  margin: var(--sf-gap) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--sf-gap);
}

.sub-features__list li {
  background: var(--sf-item-bg);
  border-left: 4px solid var(--sf-accent);
  padding: 0.75rem 1rem;
  border-radius: var(--sf-radius);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--sf-text);
  transition: background 0.2s;
}
.sub-features__list li:hover {
  background: rgba(255,255,255,0.1);
}

@media (max-width: 480px) {
  .sub-features {
    padding: 1.5rem 0.75rem;
  }
  .sub-features__headline {
    font-size: 1.4rem;
  }
  .sub-features__list {
    grid-template-columns: 1fr;
  }
  .sub-features__list li {
    font-size: 0.95rem;
  }
}
.sub-features {
  background: var(--sf-bg);
  color: var(--sf-text);
  padding: 2rem 1rem;
  max-width: 800px;
  margin: 0 auto;
  font-family: var(--sf-font);
  border: 1px solid rgba(255,255,255,0.1); /* subtle light border */
  border-radius: var(--sf-radius);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f7d73e8 */:root {
  --bg:           #000;
  --card-bg:      #111;
  --text-light:   #fff;
  --accent:       #6461F9;
  --gap:          1rem;
  --radius:       8px;
  --font:         'Poppins', sans-serif;
}

.video-section {
  background: var(--bg);
  color: var(--text-light);
  font-family: var(--font);
  text-align: center;
  padding: 2rem 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.video-section__headline {
  font-size: 2rem;
  font-weight: 600;
  color: var(--accent);
  margin-bottom: 1.5rem;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}

/* Card wrapper */
.video-card {
  background: var(--card-bg);
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}
.video-card::before {
  content: "";
  display: block;
  padding-top: calc(16 / 9 * 100%);
}
.video-card video {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Tablet & phones: 2-up layout */
@media (max-width: 900px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.video-section {
  padding: 2rem 1rem;
  background: #000;
  text-align: center;
  color: #FFD700;
}
.video-headline {
  margin-bottom: 1.5rem;
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
}
.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;                /* ← controls the spacing */
}
.video-grid video {
  width: 100%;
  height: auto;
  aspect-ratio: 9/16;
  border-radius: 8px;
  background: #111;
}

/* Tablet */
@media (max-width: 900px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}

/* Phone */
@media (max-width: 600px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-344a92f1 *//* ===== CSS ===== */
.special-bonus {
  background: #1a1a1a;
  color: #fff;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  position: relative;
  max-width: 500px;
  margin: 2rem auto;
}

/* Exclusive badge */
.special-bonus .badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #FFD700;
  color: #172755;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-weight: 600;
}

/* Emoji & headings */
.special-bonus .emoji {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.special-bonus h2 {
  margin: 0.5rem 0;
  font-size: 1.8rem;
  letter-spacing: 1px;
}
.special-bonus .subtitle {
  margin: 0.25rem 0 1rem;
  font-weight: 500;
  font-size: 1rem;
}

/* Lead paragraph */
.special-bonus .lead {
  margin: 1rem 0;
  line-height: 1.4;
  color: #ddd;
}

/* Features list */
.special-bonus .bonus-features {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  text-align: left;
}
.special-bonus .bonus-features li {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* Quote */
.special-bonus blockquote {
  margin: 1.5rem auto;
  padding: 0 1rem;
  font-style: italic;
  color: #ccc;
}
.special-bonus blockquote footer {
  margin-top: 0.5rem;
  font-weight: 600;
  color: #fff;
}

/* Pricing callout */
.special-bonus .pricing-callout {
  margin: 1.5rem 0;
}
.special-bonus .old-value {
  opacity: 0.5;
  text-decoration: line-through;
  margin-bottom: 0.25rem;
}
.special-bonus .new-value {
  font-size: 1.5rem;
  font-weight: 700;
}
.special-bonus .included {
  background: #FFD700;
  color: #172755;
  padding: 0.1rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.special-bonus .btn-buy {
  display: inline-block;
  background: #FFD700;
  color: #172755;
  padding: 1rem 2rem;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 0.75rem;
  transition: transform 0.3s;
}
.special-bonus .btn-buy:hover {
  transform: translateY(-3px);
}

/* Bonus image inside box */
.special-bonus .bonus-image {
  margin-top: 2rem;
}
.special-bonus .bonus-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
  .special-bonus {
    padding: 1.5rem;
  }
  .special-bonus h2 {
    font-size: 1.5rem;
  }
  .special-bonus .lead,
  .special-bonus .bonus-features li {
    font-size: 0.9rem;
  }
  .special-bonus .new-value {
    font-size: 1.3rem;
  }
  .special-bonus .btn-buy {
    padding: 0.8rem 1.5rem;
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a495f7e */.faq-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;       /* white on dark background */
  margin: 2rem 0 1.5rem;
  position: relative;
}

.faq-headline::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #FFD700;  /* gold accent */
  margin: 0.75rem auto 0;
}/* End custom CSS */