.elementor-589 .elementor-element.elementor-element-57f29ae9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-589 .elementor-element.elementor-element-c5a692e{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-589 .elementor-element.elementor-element-57f29ae9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-589 .elementor-element.elementor-element-57f29ae9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c5a692e *//* HAMEDKH — TIKTOK SPARK ADS GUIDE */
.hk-spark{
 --sp-bg:#080b12;
 --sp-panel:#121923;
 --sp-card:#1c2938;
 --sp-line:#354657;
 --sp-cyan:#25f4ee;
 --sp-pink:#fe2c55;
 --sp-text:#f4f8fc;
 --sp-muted:#c4d1de;
 width:100%;
 max-width:none;
 min-width:0;
 margin:0;
 direction:rtl;
 text-align:right;
 font-family:inherit;
 color:var(--sp-text)!important;
 background:var(--sp-bg)!important;
 font-size:21px;
 line-height:2;
 overflow-wrap:anywhere;
}
.hk-spark,.hk-spark *{box-sizing:border-box}
.hk-spark .sp-shell{
 width:100%;
 max-width:none;
 padding:clamp(12px,2vw,30px);
 margin:0 auto;
}
.hk-spark .sp-hero{
 padding:clamp(23px,3vw,45px);
 border:1px solid var(--sp-line);
 border-radius:22px;
 background:
  radial-gradient(circle at 100% 0%,rgba(37,244,238,.14),transparent 40%),
  radial-gradient(circle at 0% 100%,rgba(254,44,85,.16),transparent 42%),
  #101722;
 margin-bottom:27px;
}
.hk-spark .sp-label{
 display:inline-block;
 color:var(--sp-cyan);
 font-size:15px;
 font-weight:850;
 letter-spacing:.35px;
 margin-bottom:14px;
}
.hk-spark h1{
 color:#fff!important;
 font-size:clamp(32px,3.2vw,47px)!important;
 font-weight:900!important;
 line-height:1.47!important;
 border-right:6px solid var(--sp-pink);
 padding-right:18px;
 margin:0 0 23px!important;
 text-align:right!important;
}
.hk-spark p,
.hk-spark .sp-lead{
 color:var(--sp-text)!important;
 font-size:21px!important;
 line-height:2.02!important;
 max-width:none!important;
 margin:0 0 22px!important;
}
.hk-spark .sp-lead{
 font-size:22px!important;
}
.hk-spark .sp-feature{
 border:1px solid var(--sp-line);
 border-radius:17px;
 overflow:hidden;
 margin:26px 0;
 background:#101a28;
}
.hk-spark .sp-feature img{
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:1672/941;
 object-fit:cover;
}
.hk-spark .sp-feature figcaption{
 padding:13px 18px;
 color:var(--sp-muted);
 background:#1a2535;
 font-size:15px;
 line-height:1.7;
}
.hk-spark .sp-hero-grid,
.hk-spark .sp-metrics,
.hk-spark .sp-facts{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:13px;
 margin:23px 0;
}
.hk-spark .sp-hero-grid>div,
.hk-spark .sp-metrics>div,
.hk-spark .sp-facts>div{
 min-width:0;
 background:var(--sp-card);
 border:1px solid var(--sp-line);
 border-top:4px solid var(--sp-cyan);
 border-radius:14px;
 padding:18px;
}
.hk-spark .sp-hero-grid>div:nth-child(even),
.hk-spark .sp-metrics>div:nth-child(even),
.hk-spark .sp-facts>div:nth-child(even){
 border-top-color:var(--sp-pink);
}
.hk-spark .sp-hero-grid span{
 color:var(--sp-cyan);
 font-size:28px;
 font-weight:900;
 line-height:1.3;
 display:block;
}
.hk-spark .sp-hero-grid strong{
 color:#fff;
 font-size:20px;
 display:block;
 line-height:1.5;
}
.hk-spark .sp-hero-grid small,
.hk-spark .sp-metrics small,
.hk-spark .sp-facts small{
 color:var(--sp-muted);
 font-size:15px;
 display:block;
 line-height:1.7;
}
.hk-spark .sp-layout{
 display:grid;
 grid-template-columns:minmax(0,3.5fr) minmax(240px,1fr);
 gap:clamp(17px,2vw,29px);
 align-items:start;
 width:100%;
}
.hk-spark .sp-main{
 min-width:0;
 width:100%;
 padding:clamp(20px,2.6vw,39px);
 background:var(--sp-panel);
 border:1px solid var(--sp-line);
 border-radius:20px;
}
.hk-spark .sp-main section{
 border-bottom:1px solid var(--sp-line);
 margin:0 0 46px;
 padding:0 0 39px;
 scroll-margin-top:105px;
}
.hk-spark .sp-main section:last-child{
 border:0;
 padding:0;
 margin:0;
}
.hk-spark h2{
 color:#fff!important;
 font-size:34px!important;
 font-weight:850!important;
 line-height:1.52!important;
 border-right:5px solid var(--sp-cyan);
 padding-right:17px;
 margin:0 0 23px!important;
 text-align:right!important;
}
.hk-spark h3{
 color:var(--sp-cyan)!important;
 font-size:25px!important;
 font-weight:800!important;
 line-height:1.65!important;
 margin:26px 0 14px!important;
 text-align:right!important;
}
.hk-spark a{
 color:var(--sp-cyan);
 text-decoration:underline;
 text-underline-offset:5px;
}
.hk-spark a:hover{color:#fff}
.hk-spark .sp-table{
 max-width:100%;
 overflow-x:auto;
 border:1px solid var(--sp-line);
 border-radius:15px;
 margin:25px 0;
 -webkit-overflow-scrolling:touch;
}
.hk-spark table{
 width:100%;
 min-width:620px;
 border-collapse:collapse;
 text-align:right;
 direction:rtl;
 margin:0;
}
.hk-spark th,
.hk-spark td{
 font-size:18px;
 line-height:1.8;
 text-align:right;
 vertical-align:top;
 padding:16px;
 border-bottom:1px solid var(--sp-line);
}
.hk-spark th{
 background:#27364a;
 color:var(--sp-cyan);
 font-weight:850;
}
.hk-spark td{
 background:#182434;
 color:#f4f8fc;
}
.hk-spark tr:nth-child(even) td{
 background:#1e2c3e;
}
.hk-spark tr:last-child td{
 border-bottom:0;
}
.hk-spark .sp-paths,
.hk-spark .sp-decisions,
.hk-spark .sp-errors{
 display:grid;
 gap:14px;
 margin:25px 0;
}
.hk-spark .sp-paths{
 grid-template-columns:repeat(3,minmax(0,1fr));
}
.hk-spark .sp-decisions,
.hk-spark .sp-errors{
 grid-template-columns:repeat(2,minmax(0,1fr));
}
.hk-spark .sp-paths>div,
.hk-spark .sp-decisions>div,
.hk-spark .sp-errors>div{
 min-width:0;
 background:var(--sp-card);
 border:1px solid var(--sp-line);
 border-radius:14px;
 padding:20px;
}
.hk-spark .sp-paths b,
.hk-spark .sp-errors b{
 display:inline-flex;
 justify-content:center;
 align-items:center;
 height:43px;
 width:43px;
 background:var(--sp-pink);
 color:#fff;
 border-radius:10px;
 font-size:22px;
 font-weight:850;
}
.hk-spark .sp-paths b{
 background:#116d75;
}
.hk-spark .sp-paths h3,
.hk-spark .sp-decisions h3,
.hk-spark .sp-errors h3{
 font-size:22px!important;
 margin:12px 0 10px!important;
}
.hk-spark .sp-paths p,
.hk-spark .sp-decisions p,
.hk-spark .sp-errors p{
 font-size:18px!important;
 line-height:1.85!important;
 margin:0!important;
}
.hk-spark .sp-decisions span{
 font-size:16px;
 font-weight:750;
 color:var(--sp-pink);
}
.hk-spark .sp-steps{
 padding:0;
 margin:25px 0;
 counter-reset:sp-step;
 list-style:none;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
}
.hk-spark .sp-steps li{
 counter-increment:sp-step;
 padding:20px;
 background:var(--sp-card);
 border:1px solid var(--sp-line);
 border-radius:13px;
 color:#f4f8fc;
 font-size:19px;
 line-height:1.9;
}
.hk-spark .sp-steps li:before{
 content:counter(sp-step,decimal-leading-zero);
 display:block;
 font-size:27px;
 color:var(--sp-pink);
 font-weight:900;
 margin-bottom:8px;
}
.hk-spark .sp-steps strong{
 color:var(--sp-cyan);
}
.hk-spark .sp-metrics span,
.hk-spark .sp-facts span{
 color:var(--sp-muted);
 font-size:15px;
 display:block;
 line-height:1.6;
}
.hk-spark .sp-metrics strong{
 display:block;
 color:#fff;
 font-size:20px;
 margin:10px 0 6px;
 line-height:1.5;
}
.hk-spark .sp-facts{
 grid-template-columns:repeat(3,minmax(0,1fr));
}
.hk-spark .sp-facts strong{
 color:var(--sp-cyan);
 display:block;
 font-size:36px;
 font-weight:900;
 line-height:1.35;
 margin:9px 0;
}
.hk-spark .sp-faq{
 background:var(--sp-card);
 border:1px solid var(--sp-line);
 border-radius:14px;
 padding:21px;
 margin:0 0 15px;
}
.hk-spark .sp-faq h3{
 font-size:22px!important;
 margin:0 0 10px!important;
}
.hk-spark .sp-faq p{
 font-size:19px!important;
 margin:0!important;
}
.hk-spark .sp-aside{
 min-width:0;
 width:100%;
}
.hk-spark .sp-sticky{
 position:sticky;
 top:28px;
 display:grid;
 gap:16px;
}
.hk-spark .sp-toc,
.hk-spark .sp-side-tip{
 border:1px solid var(--sp-line);
 border-radius:15px;
 background:#131c29;
 padding:21px;
}
.hk-spark .sp-toc strong{
 display:block;
 color:var(--sp-cyan);
 font-size:22px;
 padding-right:12px;
 border-right:4px solid var(--sp-pink);
 margin-bottom:12px;
}
.hk-spark .sp-toc a{
 display:block;
 padding:9px 0;
 border-bottom:1px solid var(--sp-line);
 color:var(--sp-text);
 font-size:17px;
 line-height:1.75;
 text-decoration:none;
}
.hk-spark .sp-toc a:last-child{
 border-bottom:0;
}
.hk-spark .sp-toc a:hover{
 color:var(--sp-cyan);
}
.hk-spark .sp-side-tip{
 border-top:4px solid var(--sp-pink);
}
.hk-spark .sp-side-tip span{
 font-size:17px;
 font-weight:850;
 color:var(--sp-pink);
}
.hk-spark .sp-side-tip p{
 font-size:17px!important;
 line-height:1.85!important;
 color:var(--sp-muted)!important;
 margin:8px 0 0!important;
}
.hk-spark .sp-cta{
 border:2px solid var(--sp-cyan);
 border-radius:20px;
 padding:clamp(23px,3vw,42px);
 background:
  radial-gradient(circle at 100% 0%,rgba(37,244,238,.18),transparent 42%),
  radial-gradient(circle at 0% 100%,rgba(254,44,85,.2),transparent 40%),
  #0b1520;
 margin-top:31px;
}
.hk-spark .sp-cta>span{
 display:block;
 color:var(--sp-cyan);
 font-size:15px;
 font-weight:900;
}
.hk-spark .sp-cta h2{
 color:#fff!important;
 border:0;
 padding:0;
 font-size:30px!important;
 margin:13px 0!important;
}
.hk-spark .sp-cta p{
 color:#fff!important;
}
.hk-spark .sp-cta-btn{
 display:inline-flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap;
 gap:13px;
 min-height:57px;
 padding:16px 23px;
 background:var(--sp-cyan);
 color:#08131d!important;
 border-radius:11px;
 box-shadow:5px 5px 0 var(--sp-pink);
 text-decoration:none!important;
 font-size:19px;
 font-weight:900;
 transition:transform .2s,box-shadow .2s;
}
.hk-spark .sp-cta-btn:hover{
 transform:translate(2px,2px);
 box-shadow:3px 3px 0 var(--sp-pink);
 background:#b4fffb;
}
.hk-spark .sp-cta-btn b{
 font-size:25px;
}
@media(max-width:1100px){
 .hk-spark .sp-layout{
  grid-template-columns:minmax(0,1fr);
 }
 .hk-spark .sp-aside{
  grid-row:1;
 }
 .hk-spark .sp-sticky{
  position:static;
 }
 .hk-spark .sp-toc{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
 }
 .hk-spark .sp-toc strong{
  flex-basis:100%;
 }
 .hk-spark .sp-toc a{
  padding:7px 10px;
  border:1px solid var(--sp-line);
  border-radius:8px;
 }
 .hk-spark .sp-side-tip{
  display:none;
 }
}
@media(max-width:767px){
 .hk-spark{
  font-size:18px;
 }
 .hk-spark .sp-shell{
  padding:10px;
 }
 .hk-spark .sp-hero,
 .hk-spark .sp-main{
  padding:19px 16px;
  border-radius:15px;
 }
 .hk-spark h1{
  font-size:30px!important;
 }
 .hk-spark h2{
  font-size:26px!important;
 }
 .hk-spark h3{
  font-size:22px!important;
 }
 .hk-spark p,
 .hk-spark .sp-lead{
  font-size:18px!important;
  line-height:1.95!important;
 }
 .hk-spark .sp-hero-grid,
 .hk-spark .sp-paths,
 .hk-spark .sp-decisions,
 .hk-spark .sp-errors,
 .hk-spark .sp-metrics,
 .hk-spark .sp-facts{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
 }
 .hk-spark .sp-steps{
  grid-template-columns:1fr;
 }
 .hk-spark .sp-hero-grid>div,
 .hk-spark .sp-paths>div,
 .hk-spark .sp-decisions>div,
 .hk-spark .sp-errors>div,
 .hk-spark .sp-metrics>div,
 .hk-spark .sp-facts>div{
  padding:13px;
 }
 .hk-spark .sp-paths h3,
 .hk-spark .sp-decisions h3,
 .hk-spark .sp-errors h3{
  font-size:20px!important;
 }
 .hk-spark .sp-paths p,
 .hk-spark .sp-decisions p,
 .hk-spark .sp-errors p{
  font-size:16px!important;
 }
 .hk-spark .sp-facts strong{
  font-size:28px;
 }
 .hk-spark .sp-faq{
  padding:16px;
 }
 .hk-spark .sp-faq p{
  font-size:18px!important;
 }
 .hk-spark .sp-toc{
  padding:15px;
 }
 .hk-spark .sp-toc a{
  font-size:15px;
 }
 .hk-spark .sp-cta{
  padding:20px 16px;
 }
 .hk-spark .sp-cta h2{
  font-size:25px!important;
 }
 .hk-spark .sp-cta-btn{
  width:100%;
  font-size:17px;
  text-align:center;
 }
}
@media(max-width:390px){
 .hk-spark .sp-paths,
 .hk-spark .sp-errors{
  grid-template-columns:1fr;
 }
}
@media(prefers-reduced-motion:reduce){
 .hk-spark .sp-cta-btn{
  transition:none;
 }
}/* End custom CSS */