.elementor-3420 .elementor-element.elementor-element-93cbf28{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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(min-width:768px){.elementor-3420 .elementor-element.elementor-element-93cbf28{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-0860d53 */:root {
      --ink: #0b2540;
      --muted: #66758a;
      --bg: #f6f8fb;
      --card: #ffffff;
      --brand: #0B57B7; /* Used Sellkar Blue */
      --accent: #FF6A00; /* Used Sellkar Orange */
      --radius: 18px;
      --ring: 0 12px 28px rgba(0, 74, 173, .15);
      --container: 1600px;
      --g: 22px;
    }
    /* ---------- Base ---------- */
    *,*::before,*::after{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0;font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
    img{max-width:100%;height:auto;display:block}
    a{text-decoration:none;color:inherit}
    section{padding:68px 0}
    .wrap{max-width:var(--container);margin-inline:auto;padding:0 20px}

    /* Typography */
    h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;font-weight:700;line-height:1.2;color:var(--ink);margin:0}
    .h1{font-size:clamp(34px,4.6vw,56px);font-weight:900}
    .section-title{font-size:clamp(24px,2.4vw,36px);margin-bottom:20px;position:relative}
    .section-title.gradient {
  background: linear-gradient(90deg, #ffb347 0%, #ff6a00 60%, #0B57B7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 900;
  border-bottom: 6px solid;
  border-image: linear-gradient(90deg, #ffb347, #ff6a00, #0B57B7) 1;
  padding-bottom: 10px;
  display: inline-block;
}
    .section-lead{color:var(--muted);margin:10px 0 36px}

    /* Buttons */
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:800;letter-spacing:.2px;background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(11,87,183,.20);transition:.25s ease all;border:0}
    .btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(11,87,183,.28)}
    .btn.alt{background:var(--accent)}
    .ghost{background:#f3f6fb;color:#0f172a;font-weight:800;border-radius:12px;padding:12px 14px;display:inline-flex;align-items:center;gap:8px}

    /* ---------- HERO (solid brand, no heavy gradient) ---------- */
    .hero {
  position: relative;
  padding: 96px 0 72px;
  background: linear-gradient(135deg, #fff 0%, #fffbe6 100%);
  color: #0b2540;
  overflow: hidden;
}
.hero .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
@media (max-width: 1000px) {
  .hero .wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .hero .wrap > div:last-child img {
    height: 320px;
    width: 100%;
    object-fit: cover;
    margin-top: 24px;
  }
}
@media (max-width: 640px) {
  .hero {
    padding: 48px 0 32px;
  }
  .hero .wrap > div:last-child img {
    height: 180px;
    border-radius: 12px;
  }
  .hero h1.gradient {
    font-size: 2rem;
    padding-bottom: 6px;
  }
}
.hero .wrap > div:first-child {
  animation: fadeUp 1.2s cubic-bezier(.6,.2,.3,1) 0.1s both;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px);}
  to { opacity: 1; transform: none;}
}
.hero h1.gradient {
  background: linear-gradient(90deg, #ffb347 0%, #ff6a00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 900;
  margin-bottom: 12px;
  border-bottom: 6px solid;
  border-image: linear-gradient(90deg, #ffb347, #ff6a00) 1;
  padding-bottom: 8px;
  display: inline-block;
}
.hero p {
  color: #4b5563;
  font-size: 18px;
  max-width: 60ch;
  margin: 18px 0 0;
}
.searchBox {
  margin-top: 26px;
  display: flex;
  gap: 10px;
  background: #fff;
  border: 1px solid rgba(255,106,0,.12);
  border-radius: 14px;
  padding: 10px;
  box-shadow: var(--ring);
}
.searchBox input {
  flex: 1;
  border: 0;
  outline: 0;
  padding: 14px 16px;
  font-size: 16px;
  border-radius: 10px;
  color: #0b2540;
  background: transparent;
}
.btn, .btn.alt {
  background: linear-gradient(90deg, #ffb347, #ff6a00);
  color: #fff;
  box-shadow: 0 10px 24px rgba(255,106,0,.18);
  border: 0;
}
.btn:hover, .btn.alt:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(255,106,0,.28);
}
    /* ---------- GRID & CARDS ---------- */
    .grid{display:grid;gap:var(--g)}
    .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
    .card {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: 0 0 0 0 #FF6A00, 0 0 0 0 #0B57B7, var(--ring);
  transition: .3s;
  border: 1px solid rgba(0,74,173,.08);
}
.card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow:
    0 0 24px 0 #FF6A0055,
    0 0 32px 0 #0B57B755,
    0 18px 36px rgba(0,74,173,.18);
}
    .card .media{aspect-ratio:16/10;overflow:hidden;position:relative;background:#f3f6fb}
    .card img{width:100%;height:100%;object-fit:cover}
    .card .body{padding:20px}
    .card h3{font-size:20px;margin-bottom:8px;color:#0b2540}
    .card h3:nth-child(1), .step b, .spotlight h3 {
  color: #0B57B7;
}
.card h3:nth-child(2) {
  color: #FF6A00;
}
    .card .meta{font-size:14px;color:var(--muted)}
    .card .price{font-size:22px;font-weight:800;margin-top:12px;color:var(--accent)}
    .actions{display:flex;gap:10px;padding:16px 20px 20px}

    /* ---------- CATEGORY ---------- */
    .cats{grid-template-columns:repeat(6,minmax(0,1fr))}
    .cat{background:#fff;border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--ring);border:1px solid rgba(0,74,173,.08);transition:.25s}
    .cat:hover{transform:translateY(-6px);box-shadow:0 16px 28px rgba(0,74,173,.2)}
    .cat i{font-size:28px;display:block;margin-bottom:12px;color:var(--brand)}
    .cat b{display:block;font-weight:700;color:var(--brand)}
    .cat small{color:var(--muted)}

    /* ---------- Spotlight (kept) ---------- */
    .spotlight{position:relative;border-radius:20px;overflow:hidden;background:var(--brand);color:#fff;padding:34px;margin-top:54px}
    .spotlight .inner{display:grid;grid-template-columns:1fr .7fr;gap:20px;align-items:center}

    /* ---------- Steps ---------- */
    .steps{grid-template-columns:repeat(3,1fr)}
    .step{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(0,74,173,.08);box-shadow:var(--ring);display:grid;gap:12px}
    .step i{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--brand)}

    /* ---------- Testimonials ---------- */
    .quotes{grid-template-columns:repeat(3,1fr)}
    .quote{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(0,74,173,.08);box-shadow:var(--ring);display:grid;gap:12px}
    .who{display:flex;gap:10px;align-items:center}
    .avatar{width:48px;height:48px;border-radius:50%;background:#eaf2ff}

    /* ---------- Numbers ---------- */
    .nums{grid-template-columns:repeat(4,1fr)}
    .num .price{font-size:28px}

    /* ---------- FAQ ---------- */
    .faq{grid-template-columns:1fr}
    .qa{background:#fff;border-radius:16px;border:1px solid rgba(0,74,173,.08);box-shadow:var(--ring);overflow:hidden}
    .qa + .qa{margin-top:16px}
    .qa input{display:none}
    .qa label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px;cursor:pointer;font-weight:800}
    .qa .a{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .qa input:checked ~ .a{max-height:420px}
    .qa .a .inner{padding:0 20px 20px;color:var(--muted)}

    /* ---------- CTA ---------- */
    .cta{position:relative;border-radius:20px;padding:40px;background:#fff;border:1px solid rgba(0,74,173,.1);box-shadow:var(--ring)}

    /* ---------- Responsive ---------- */
    @media(max-width:1000px){
      .hero .wrap{grid-template-columns:1fr}
      .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
      .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
      .steps,.quotes{grid-template-columns:1fr}
      .spotlight .inner{grid-template-columns:1fr}
      .nums{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:640px){
      .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
      .cards{grid-template-columns:1fr}
      .nums{grid-template-columns:1fr}
    }/* End custom CSS */