.elementor-314 .elementor-element.elementor-element-0ddc181{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b890e20 */.hlwl-tasjeel{
  --ts-primary:#0b6bff;
  --ts-primary-2:#4da2ff;
  --ts-primary-dark:#0848b8;
  --ts-text:#0f172a;
  --ts-muted:#5f6b7a;
  --ts-border:#e6edf7;
  --ts-bg:#ffffff;
  --ts-soft:#f5f9ff;
  --ts-soft-2:#eef5ff;
  --ts-radius:22px;
  --ts-shadow:0 16px 45px rgba(17, 71, 153, .10);
  --ts-shadow-lg:0 24px 70px rgba(17, 71, 153, .14);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbff 0%, #ffffff 45%, #f8fbff 100%);
  font-family:Inter, Arial, sans-serif;
  color:var(--ts-text);
}

.hlwl-tasjeel *{box-sizing:border-box}
.hlwl-tasjeel img{max-width:100%;display:block}
.hlwl-tasjeel a{text-decoration:none;color:inherit}

.hlwl-ts-wrap{
  width:min(1240px, calc(100% - 32px));
  margin-inline:auto;
  position:relative;
  z-index:2;
}

/* generic bg shapes */
.hlwl-ts-bg-shape{
  position:absolute;
  border-radius:999px;
  filter:blur(40px);
  opacity:.18;
  pointer-events:none;
}
.hlwl-ts-bg-shape--1{
  width:340px;
  height:340px;
  background:#0b6bff;
  top:-80px;
  left:-100px;
}
.hlwl-ts-bg-shape--2{
  width:280px;
  height:280px;
  background:#64b5ff;
  top:180px;
  right:-80px;
}

/* =========================================================
   HERO PRO
========================================================= */
.hlwl-ts-hero-pro{
  position:relative;
  overflow:hidden;
  padding:24px 0 70px;
  background:
    radial-gradient(circle at top left, rgba(11,107,255,.14), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(77,162,255,.12), transparent 24%),
    linear-gradient(180deg,#f8fbff 0%, #ffffff 48%, #f5f9ff 100%);
  color:var(--ts-text);
}

.hlwl-ts-hero-pro *{box-sizing:border-box}
.hlwl-ts-hero-pro img{max-width:100%;display:block}
.hlwl-ts-hero-pro a{text-decoration:none;color:inherit}

.hlwl-ts-hero-pro__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

.hlwl-ts-grid{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.5;
}

.hlwl-ts-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(50px);
  opacity:.55;
  animation:hlwlFloatOrb 12s ease-in-out infinite;
}
.hlwl-ts-orb--1{
  width:280px;
  height:280px;
  background:rgba(11,107,255,.22);
  top:-80px;
  left:-70px;
}
.hlwl-ts-orb--2{
  width:220px;
  height:220px;
  background:rgba(77,162,255,.18);
  right:2%;
  top:80px;
  animation-delay:1.8s;
}
.hlwl-ts-orb--3{
  width:200px;
  height:200px;
  background:rgba(191,222,255,.55);
  bottom:40px;
  left:42%;
  animation-delay:3.2s;
}

@keyframes hlwlFloatOrb{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(-20px) translateX(12px)}
}

.hlwl-ts-topbar-pro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:34px;
}

.hlwl-ts-brand-pro{
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-radius:18px;
  padding:12px 16px;
}

.hlwl-ts-brand-pro__mark{
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ts-primary),var(--ts-primary-2));
  box-shadow:0 0 0 8px rgba(11,107,255,.12);
  flex-shrink:0;
}

.hlwl-ts-brand-pro strong{
  display:block;
  font-size:16px;
  line-height:1.1;
}
.hlwl-ts-brand-pro small{
  display:block;
  margin-top:3px;
  font-size:12px;
  color:var(--ts-muted);
}

.hlwl-ts-topbar-pro__actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.hlwl-ts-link-pro{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  font-size:14px;
  font-weight:800;
  color:var(--ts-text);
  background:rgba(255,255,255,.65);
  border:1px solid rgba(255,255,255,.85);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:.28s ease;
}
.hlwl-ts-link-pro:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(15,23,42,.08);
}

.hlwl-ts-hero-pro__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  align-items:center;
  gap:38px;
}

.hlwl-ts-hero-pro__content{
  position:relative;
  z-index:2;
}

.hlwl-ts-badge-pro{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  color:var(--ts-primary-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.hlwl-ts-badge-pro i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ts-primary),var(--ts-primary-2));
  display:block;
  box-shadow:0 0 0 6px rgba(11,107,255,.12);
}

.hlwl-ts-title-pro{
  margin:18px 0 18px;
  font-size:clamp(2.4rem, 5vw, 5.1rem);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:900;
  max-width:740px;
}
.hlwl-ts-title-pro span{
  display:block;
  margin-top:8px;
  color:var(--ts-primary);
}

.hlwl-ts-subtitle-pro{
  max-width:650px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.9;
  color:var(--ts-muted);
}

.hlwl-ts-search-pro{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:700px;
  padding:12px;
  border-radius:24px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--ts-shadow);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  margin-bottom:18px;
}

.hlwl-ts-search-pro__field{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid #e4edf9;
  border-radius:18px;
  padding:0 16px;
  min-height:60px;
}
.hlwl-ts-search-pro__icon{
  width:22px;
  height:22px;
  color:#8aa2c8;
  flex-shrink:0;
}
.hlwl-ts-search-pro__icon svg{
  width:100%;
  height:100%;
}
.hlwl-ts-search-pro input{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  min-height:58px;
  color:var(--ts-text);
  font-size:16px;
  font-family:inherit;
}

.hlwl-ts-btn,
.hlwl-ts-btn-pro{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 20px;
  border-radius:14px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:800;
  transition:.28s ease;
  cursor:pointer;
  white-space:nowrap;
}

.hlwl-ts-btn:hover,
.hlwl-ts-btn-pro:hover{
  transform:translateY(-2px);
}

.hlwl-ts-btn--primary,
.hlwl-ts-btn-pro--primary{
  background:linear-gradient(180deg,#1180ff 0%, #0b6bff 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(11,107,255,.22);
}

.hlwl-ts-btn-pro--primary svg{
  width:18px;
  height:18px;
  flex-shrink:0;
}

.hlwl-ts-btn--ghost,
.hlwl-ts-btn-pro--ghost{
  background:#fff;
  color:var(--ts-text);
  border-color:#dce6f5;
}

.hlwl-ts-btn--light,
.hlwl-ts-btn-pro--light{
  background:#fff;
  color:var(--ts-text);
  border-color:#dbe8fb;
  box-shadow:0 14px 28px rgba(15,23,42,.07);
}

.hlwl-ts-btn--dark,
.hlwl-ts-btn-pro--dark{
  color:#fff;
  background:linear-gradient(180deg,#1180ff 0%, #0b6bff 100%);
  box-shadow:0 14px 28px rgba(11,107,255,.24);
  border:1px solid transparent;
}

.hlwl-ts-hero-pro__cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:4px;
}

.hlwl-ts-hero-pro__meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:26px;
  max-width:760px;
}

.hlwl-ts-mini-card{
  padding:16px 16px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hlwl-ts-mini-card strong{
  display:block;
  font-size:14px;
  margin-bottom:6px;
}
.hlwl-ts-mini-card span{
  display:block;
  font-size:13px;
  line-height:1.7;
  color:var(--ts-muted);
}

.hlwl-ts-hero-pro__visual{
  position:relative;
}
.hlwl-ts-hero-card{
  position:relative;
  min-height:650px;
}
.hlwl-ts-hero-card__image-wrap{
  position:relative;
  border-radius:32px;
  overflow:hidden;
  min-height:650px;
  box-shadow:var(--ts-shadow-lg);
  background:#dfeeff;
}
.hlwl-ts-hero-card__image{
  width:100%;
  height:650px;
  object-fit:cover;
  transform:scale(1.02);
}
.hlwl-ts-hero-card__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(17,24,39,.08) 0%, rgba(17,24,39,.18) 100%),
    linear-gradient(135deg, rgba(11,107,255,.10) 0%, rgba(255,255,255,0) 40%);
}

.hlwl-ts-floating{
  position:absolute;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:210px;
  padding:14px 16px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.92);
  border-radius:18px;
  box-shadow:0 16px 40px rgba(15,23,42,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  animation:hlwlFloatCard 6s ease-in-out infinite;
}
.hlwl-ts-floating strong{
  display:block;
  font-size:14px;
  margin-bottom:3px;
}
.hlwl-ts-floating small{
  display:block;
  color:var(--ts-muted);
  font-size:12px;
  line-height:1.5;
}
.hlwl-ts-floating__icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#eff6ff,#dcebff);
  font-size:18px;
  flex-shrink:0;
}

.hlwl-ts-floating--1{top:34px;left:-34px;}
.hlwl-ts-floating--2{bottom:90px;left:-24px;animation-delay:1.4s;}
.hlwl-ts-floating--3{top:90px;right:-28px;animation-delay:2.5s;}

@keyframes hlwlFloatCard{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

.hlwl-ts-glass-card{
  position:absolute;
  right:24px;
  bottom:26px;
  width:260px;
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 20px 40px rgba(15,23,42,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.hlwl-ts-glass-card__top{
  display:flex;
  gap:8px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.hlwl-ts-glass-card__top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.72);
}
.hlwl-ts-glass-card__body{
  padding:18px 16px 16px;
}
.hlwl-ts-line{
  height:11px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  margin-bottom:10px;
}
.hlwl-ts-line--lg{width:88%}
.hlwl-ts-line--sm{width:56%}
.hlwl-ts-stats-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.hlwl-ts-stats-row div{
  height:76px;
  border-radius:16px;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(255,255,255,.28);
}

/* =========================================================
   SECTIONS
========================================================= */
.hlwl-ts-services,
.hlwl-ts-reviews,
.hlwl-ts-content-blocks,
.hlwl-ts-how,
.hlwl-ts-stats,
.hlwl-ts-trust,
.hlwl-ts-faq,
.hlwl-ts-final-cta{
  padding:28px 0;
}

.hlwl-ts-section-head{
  margin-bottom:20px;
}
.hlwl-ts-section-head--center{
  text-align:center;
}
.hlwl-ts-section-head h2{
  margin:0;
  font-size:clamp(1.7rem, 3vw, 2.7rem);
  line-height:1.1;
  letter-spacing:-.03em;
}
.hlwl-ts-section-head p{
  margin:10px 0 0;
  color:var(--ts-muted);
  line-height:1.8;
}

.hlwl-ts-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.hlwl-ts-service-card{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:20px;
  padding:22px;
  box-shadow:var(--ts-shadow);
  transition:.25s ease;
}
.hlwl-ts-service-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--ts-shadow-lg);
}
.hlwl-ts-service-card__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#eff6ff,#f7fbff);
  font-size:28px;
  margin-bottom:16px;
}
.hlwl-ts-service-card h3{
  margin:0 0 8px;
  font-size:20px;
}
.hlwl-ts-service-card p{
  margin:0;
  color:var(--ts-muted);
  line-height:1.75;
  font-size:14px;
}

.hlwl-ts-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.hlwl-ts-review-card{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:20px;
  padding:22px;
  box-shadow:var(--ts-shadow);
}
.hlwl-ts-stars{
  color:#f6b400;
  letter-spacing:2px;
  font-size:18px;
  margin-bottom:12px;
}
.hlwl-ts-review-card p{
  margin:0 0 14px;
  color:var(--ts-muted);
  line-height:1.85;
}
.hlwl-ts-review-card strong{
  font-size:14px;
}

.hlwl-ts-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
  margin-bottom:24px;
}
.hlwl-ts-two-col--reverse .hlwl-ts-copy{order:2}
.hlwl-ts-two-col--reverse .hlwl-ts-visual-card{order:1}

.hlwl-ts-copy{
  padding:12px 6px;
}
.hlwl-ts-eyebrow{
  display:inline-block;
  margin-bottom:10px;
  color:var(--ts-primary);
  font-size:13px;
  font-weight:800;
}
.hlwl-ts-copy h2{
  margin:0 0 12px;
  font-size:clamp(1.8rem, 3vw, 3rem);
  line-height:1.12;
  letter-spacing:-.03em;
}
.hlwl-ts-copy p{
  margin:0 0 18px;
  color:var(--ts-muted);
  line-height:1.9;
  font-size:16px;
}

.hlwl-ts-visual-card{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--ts-shadow-lg);
}

.hlwl-ts-browser{
  overflow:hidden;
  border-radius:18px;
  border:1px solid #e6eef9;
  background:#fff;
}
.hlwl-ts-browser__top{
  display:flex;
  gap:8px;
  padding:14px 16px;
  border-bottom:1px solid #edf3fb;
}
.hlwl-ts-browser__top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d2ddee;
}
.hlwl-ts-browser__top span:nth-child(1){background:#ff8d8d}
.hlwl-ts-browser__top span:nth-child(2){background:#ffd361}
.hlwl-ts-browser__top span:nth-child(3){background:#66d69c}
.hlwl-ts-browser__body{
  padding:18px;
  background:linear-gradient(180deg,#fbfdff,#f7fbff);
}
.hlwl-ts-browser__hero{
  height:160px;
  border-radius:16px;
  background:linear-gradient(135deg,#ddebff,#eef6ff);
  margin-bottom:16px;
}
.hlwl-ts-browser__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:16px;
}
.hlwl-ts-browser__grid div{
  height:88px;
  border-radius:14px;
  background:#fff;
  border:1px solid #ebf1fa;
}
.hlwl-ts-browser__line{
  height:12px;
  border-radius:999px;
  background:#dde9f7;
  margin-bottom:10px;
}
.hlwl-ts-browser__line--short{
  width:65%;
  margin-bottom:0;
}

.hlwl-ts-feature-stack{
  display:grid;
  gap:14px;
}
.hlwl-ts-feature-stack__item{
  background:linear-gradient(180deg,#fbfdff,#f5f9ff);
  border:1px solid #e7eef8;
  border-radius:18px;
  padding:18px;
}
.hlwl-ts-feature-stack__item strong{
  display:block;
  margin-bottom:6px;
  font-size:16px;
}
.hlwl-ts-feature-stack__item p{
  margin:0;
  color:var(--ts-muted);
  line-height:1.75;
  font-size:14px;
}

.hlwl-ts-how-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.hlwl-ts-how-card{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:20px;
  padding:24px;
  box-shadow:var(--ts-shadow);
}
.hlwl-ts-how-card__num{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#eaf3ff,#f7fbff);
  color:var(--ts-primary);
  font-size:16px;
  font-weight:900;
  margin-bottom:16px;
}
.hlwl-ts-how-card h3{
  margin:0 0 8px;
  font-size:20px;
}
.hlwl-ts-how-card p{
  margin:0;
  color:var(--ts-muted);
  line-height:1.8;
}

.hlwl-ts-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.hlwl-ts-stat{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:20px;
  padding:26px 18px;
  text-align:center;
  box-shadow:var(--ts-shadow);
}
.hlwl-ts-stat strong{
  display:block;
  margin-bottom:8px;
  color:var(--ts-primary);
  font-size:clamp(1.8rem, 3vw, 2.6rem);
  line-height:1;
  letter-spacing:-.03em;
}
.hlwl-ts-stat span{
  display:block;
  color:var(--ts-muted);
  font-size:14px;
  line-height:1.6;
}

.hlwl-ts-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.hlwl-ts-trust-card{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:20px;
  padding:22px;
  box-shadow:var(--ts-shadow);
}
.hlwl-ts-trust-card h3{
  margin:0 0 10px;
  font-size:19px;
}
.hlwl-ts-trust-card p{
  margin:0;
  color:var(--ts-muted);
  line-height:1.8;
  font-size:14px;
}

.hlwl-ts-faq-list{
  display:grid;
  gap:14px;
  max-width:920px;
  margin:0 auto;
}
.hlwl-ts-faq-item{
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--ts-shadow);
}
.hlwl-ts-faq-q{
  width:100%;
  border:0;
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  font:inherit;
  font-weight:800;
  color:var(--ts-text);
  text-align:left;
}
.hlwl-ts-faq-q i{
  font-style:normal;
  font-size:24px;
  line-height:1;
  color:var(--ts-primary);
  transition:.25s ease;
}
.hlwl-ts-faq-a{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .28s ease;
}
.hlwl-ts-faq-a > div{
  overflow:hidden;
}
.hlwl-ts-faq-a p{
  margin:0;
  color:var(--ts-muted);
  line-height:1.85;
  padding:0 22px 0;
}
.hlwl-ts-faq-item.active .hlwl-ts-faq-a{
  grid-template-rows:1fr;
}
.hlwl-ts-faq-item.active .hlwl-ts-faq-a p{
  padding:0 22px 20px;
}
.hlwl-ts-faq-item.active .hlwl-ts-faq-q i{
  transform:rotate(45deg);
}

.hlwl-ts-final-cta__box{
  background:linear-gradient(135deg,#0c6df8 0%, #0d4fbf 100%);
  border-radius:28px;
  padding:34px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-shadow:0 28px 70px rgba(11,107,255,.28);
}
.hlwl-ts-final-cta__box h2{
  margin:16px 0 10px;
  font-size:clamp(1.9rem, 3vw, 3rem);
  line-height:1.08;
  letter-spacing:-.03em;
}
.hlwl-ts-final-cta__box p{
  margin:0;
  color:rgba(255,255,255,.86);
  line-height:1.8;
}
.hlwl-ts-final-cta__actions{
  display:flex;
  gap:12px;
  flex-shrink:0;
}
.hlwl-ts-final-cta__actions .hlwl-ts-btn--light{
  background:#ffffff;
  color:#0b1220;
  border:1px solid #ffffff;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.hlwl-ts-final-cta__actions .hlwl-ts-btn--light:hover{
  background:#eaf3ff;
  color:#0b6bff;
}

.hlwl-ts-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}
.hlwl-ts-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

.hlwl-ts-image-frame{
  position:relative;
  width:100%;
  border-radius:22px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #e6edf7;
  box-shadow:0 24px 60px rgba(17,71,153,.12);
}
.hlwl-ts-section-image{
  display:block;
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  transition:transform .5s ease;
}
.hlwl-ts-image-frame:hover .hlwl-ts-section-image{
  transform:scale(1.03);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width:1180px){
  .hlwl-ts-hero-pro__grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .hlwl-ts-hero-card,
  .hlwl-ts-hero-card__image-wrap{
    min-height:560px;
  }

  .hlwl-ts-hero-card__image{
    height:560px;
  }

  .hlwl-ts-floating--1{left:14px}
  .hlwl-ts-floating--2{left:14px}
  .hlwl-ts-floating--3{right:14px}
}

@media (max-width:1100px){
  .hlwl-ts-service-grid,
  .hlwl-ts-how-grid,
  .hlwl-ts-trust-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .hlwl-ts-stat-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .hlwl-ts-two-col{
    grid-template-columns:1fr;
  }

  .hlwl-ts-two-col--reverse .hlwl-ts-copy,
  .hlwl-ts-two-col--reverse .hlwl-ts-visual-card{
    order:initial;
  }

  .hlwl-ts-final-cta__box{
    flex-direction:column;
    align-items:flex-start;
  }

  .hlwl-ts-review-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:767px){
  .hlwl-ts-wrap{
    width:min(100% - 16px, 1240px);
  }

  .hlwl-ts-hero-pro{
    padding:14px 0 34px;
  }

  .hlwl-ts-topbar-pro{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    margin-bottom:20px;
  }

  .hlwl-ts-brand-pro,
  .hlwl-ts-topbar-pro__actions{
    width:100%;
  }

  .hlwl-ts-topbar-pro__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .hlwl-ts-link-pro,
  .hlwl-ts-btn-pro--ghost{
    width:100%;
    min-height:48px;
  }

  .hlwl-ts-title-pro{
    font-size:clamp(2rem, 10vw, 3rem);
    line-height:1.02;
    margin:16px 0 14px;
  }

  .hlwl-ts-subtitle-pro{
    font-size:15px;
    line-height:1.85;
    margin-bottom:18px;
  }

  .hlwl-ts-search-pro{
    flex-direction:column;
    align-items:stretch;
    border-radius:20px;
    padding:10px;
    gap:10px;
  }

  .hlwl-ts-search-pro__field{
    width:100%;
    min-height:54px;
    border-radius:15px;
    padding:0 14px;
  }

  .hlwl-ts-btn-pro--primary{
    width:100%;
    min-height:52px;
  }

  .hlwl-ts-hero-pro__cta-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .hlwl-ts-hero-pro__cta-row .hlwl-ts-btn-pro{
    width:100%;
  }

  .hlwl-ts-hero-pro__meta{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
  }

  .hlwl-ts-hero-card{
    min-height:auto;
    padding-top:10px;
  }

  .hlwl-ts-hero-card__image-wrap{
    min-height:360px;
    border-radius:24px;
  }

  .hlwl-ts-hero-card__image{
    height:360px;
  }

  .hlwl-ts-floating{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:10px;
    width:100%;
    min-width:0;
    animation:none;
  }

  .hlwl-ts-glass-card{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    margin-top:10px;
    border-radius:18px;
  }

  .hlwl-ts-orb--1{
    width:180px;
    height:180px;
    top:-50px;
    left:-50px;
  }
  .hlwl-ts-orb--2{
    width:160px;
    height:160px;
  }
  .hlwl-ts-orb--3{
    width:140px;
    height:140px;
    left:auto;
    right:-20px;
    bottom:120px;
  }

  .hlwl-ts-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .hlwl-ts-hero{
    padding:22px 0 24px;
  }

  .hlwl-ts-hero__content{
    margin-top:24px;
  }

  .hlwl-ts-subtitle{
    font-size:16px;
  }

  .hlwl-ts-search{
    flex-direction:column;
    align-items:stretch;
    padding:10px;
  }

  .hlwl-ts-search__field{
    width:100%;
    border:1px solid #e4edf9;
    border-radius:14px;
    min-height:50px;
  }

  .hlwl-ts-service-grid,
  .hlwl-ts-review-grid,
  .hlwl-ts-how-grid,
  .hlwl-ts-stat-grid,
  .hlwl-ts-trust-grid{
    grid-template-columns:1fr;
  }

  .hlwl-ts-browser__grid{
    grid-template-columns:1fr;
  }

  .hlwl-ts-final-cta__box{
    padding:24px 18px;
  }

  .hlwl-ts-final-cta__actions{
    width:100%;
    flex-direction:column;
  }

  .hlwl-ts-final-cta__actions .hlwl-ts-btn{
    width:100%;
  }

  .hlwl-ts-section-image{
    min-height:260px;
  }
}/* End custom CSS */