.elementor-52 .elementor-element.elementor-element-ee7256a{--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;}/* Start custom CSS for html, class: .elementor-element-02e6d23 */:root{
  --qt-brand:#1a73e8;
  --qt-brand-d:#0b5ed7;
  --qt-ink:#0b1220;
  --qt-muted:#667085;
  --qt-glass:rgba(255,255,255,.86);
}

/* FIXED TOP BAR */
#qtSmartBar{
  position:fixed !important;
  top:0; left:0; right:0;
  z-index:1400;
  background:var(--qt-glass);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid rgba(26,115,232,.12);
  transition:transform .22s ease, box-shadow .22s ease;
}

/* SLIM HEIGHT FIX */
#qtSmartBar .sb-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:6px 16px !important;
  display:flex;
  align-items:center;
  gap:12px;
}

/* SEARCH BAR */
#qtSmartBar .sb-search{
  flex:1;
  display:flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid #e6ecf7;
  border-radius:14px;
  padding:6px 10px 6px 12px !important;
  min-height:38px !important;
  transition:all .25s ease;
}
#qtSmartBar .sb-ico{display:inline-flex;color:#64748b}
#qtSmartBar .sb-search input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  font:inherit;
  color:var(--qt-ink);
  font-size:14px;
}
#qtSmartBar .sb-go{
  border:0;
  outline:0;
  min-width:48px;
  height:32px !important;
  border-radius:10px;
  background:var(--qt-brand);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  font-size:14px;
  transition:background .2s ease,transform .2s ease;
}
#qtSmartBar .sb-go:hover{
  background:var(--qt-brand-d);
  transform:translateY(-1px);
}

/* MENU BUTTON */
#qtSmartBar .sb-menu{
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:44px;height:44px;
  gap:4px;
  border:0;border-radius:14px;
  cursor:pointer;
  background:var(--qt-brand);
  box-shadow:0 10px 22px rgba(26,115,232,.25);
}
#qtSmartBar .sb-menu span{
  width:20px;height:2px;border-radius:2px;background:#fff;display:block;
}

/* SPACER */
#qtSmartSpacer{height:58px}

/* SIDEBAR */
.qt-dim{
  position:fixed;inset:0;
  background:rgba(15,23,42,.45);
  backdrop-filter:saturate(140%) blur(2px);
  z-index:1200;
}
.qt-dim[hidden]{display:none;}

.qt-side{
  position:fixed;
  inset:0 auto 0 0;
  width:290px;
  z-index:1250;
  background:#fff;
  color:var(--qt-ink);
  border-right:1px solid #e6ecf7;
  transform:translateX(-100%);
  transition:transform .25s ease;
  box-shadow:0 20px 50px rgba(2,6,23,.15);
  display:flex;
  flex-direction:column;
  padding:10px 12px 16px;
  overflow:auto;
}
.qt-side.open{transform:none;}
.qt-side .qt-side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border-bottom:1px solid #eef2f9;
  margin-bottom:10px;
}
.qt-side .qt-logo{font-weight:900;color:var(--qt-brand);font-size:18px;}
.qt-side .qt-close{
  background:#f8fafc;
  border:1px solid #e6ecf7;
  color:#0b1220;
  border-radius:10px;
  padding:6px 12px;
  cursor:pointer;
  font-size:16px;
  line-height:1;
  transition:all .2s ease;
}
.qt-side .qt-close:hover{
  background:#eaf2ff;
  color:#1a73e8;
}
.qt-side a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:10px 12px;
  border-radius:10px;
  color:#20324b;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.qt-side a:hover{background:#f2f6ff;}
.qt-side hr{
  border:0;
  border-top:1px solid #eef2f9;
  margin:8px 0;
}
@media(max-width:480px){.qt-side{width:280px}}

/* ==========================================  
   Q TECH — SMART TOP BAR HEIGHT ADJUST (FINAL)  
   ========================================== */
#qtSmartBar .sb-wrap { padding: 6px 16px !important; }
#qtSmartBar .sb-search { padding: 6px 10px 6px 12px !important; min-height: 38px !important; }
#qtSmartBar .sb-search input { font-size: 14px; padding: 3px 0; }
#qtSmartBar .sb-go { height: 32px !important; min-width: 46px; }
@media (max-width: 560px) {
  #qtSmartBar .sb-search { padding: 5px 8px 5px 10px !important; min-height: 34px !important; }
  #qtSmartBar .sb-go { height: 30px !important; }
}




/* Center "Go" text properly inside the button */
#qtSmartBar .sb-go {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 18px !important;
  height: 34px !important;
}













/* 🎯 Zoom-out effect for specific icons */
.service-item:nth-of-type(2) .service-circle img,  /* Repair Services */
.service-item:nth-of-type(5) .service-circle img,  /* All Tools Sell */
.service-item:nth-of-type(6) .service-circle img { /* Knowledge Video */
  width: 80%;
  height: 80%;
  object-fit: contain;
}

/* 🎯 Only for Repair Services */
.service-item:nth-of-type(2) .service-circle img {
  width: 105%;
  height: 105%;
  object-fit: contain; /* full image visible, no crop */
}



/* 🌈 Amazon Shortcut Bar – Exact Replica Look */
.service-icon-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  gap: 10px !important;
  padding: -10px 12px !important; /* balanced Amazon height */
  background: linear-gradient(180deg, #f7f8fa 0%, #eef1f6 100%) !important; /* ✅ Amazon soft grey bg */
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important; /* light shadow like Amazon cards */
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100vw !important;
  max-width: 100% !important;
  position: relative !important;
  border: 1px solid #e3e6ea !important; /* subtle border */
}

/* Hide scrollbar */
.service-icon-row::-webkit-scrollbar {
  display: none !important;
}

/* 🔹 Each tile (icon + text) */
.service-item {
  flex: 0 0 calc(20% - 8px) !important; /* 5 visible per screen */
  text-decoration: none !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  min-width: 78px !important;
}

/* Hover (Amazon style pop) */
.service-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1) !important;
}

/* 🔸 Circle image area */
.service-circle {
  width: 58px !important;
  height: 58px !important;
  border-radius: 16px !important; /* ✅ Amazon rounded square style */
  overflow: hidden !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #f8f9fb !important;
  border: 1px solid #e4e7eb !important;
}

/* Image inside */
.service-circle img {
  width: 90% !important;
  height: 90% !important;
  object-fit: contain !important;
  transition: transform 0.25s ease !important;
}

.service-item:hover .service-circle img {
  transform: scale(1.08) !important;
}

/* 🔹 Text below icon */
.service-item span {
  color: #222 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
}

/* 🖥 Desktop: slightly wider and centered */
@media (min-width: 768px) {
  .service-icon-row {
    justify-content: center !important;
    gap: 14px !important;
    border-radius: 14px !important;
  }
  .service-item {
    flex: 0 0 90px !important;
    min-width: 90px !important;
  }
  .service-circle {
    width: 64px !important;
    height: 64px !important;
  }
  .service-item span {
    font-size: 13px !important;
  }
 }
 
 
 
 
 
 
 
/* 🌈 Amazon Shortcut Bar – Smooth Edge Invisible Background */
.service-icon-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  gap: 10px !important;
  padding: 8px 12px !important;

  /* ✅ ultra-smooth soft background */
  background: linear-gradient(180deg, #f7f8fa 0%, #f8f9fb 50%, #f7f8fa 100%) !important;

  /* ✅ completely remove any border or hard line */
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;

  /* ✅ remove strong shadow, keep only ultra-soft blur */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.02) inset !important;

  /* full width fix */
  width: 100vw !important;
  max-width: 100% !important;
  position: relative !important;

  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Hide scrollbar */
.service-icon-row::-webkit-scrollbar {
  display: none !important;
}

/* prevent Elementor or theme from adding shadow/margin */
.elementor-section,
.elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}



/* 🧭 Slight left shift for Q TECH logo */
.service-item:first-child {
  margin-left: -14px; /* You can adjust: -4px (a little), -6px (medium), -8px (more) */
}


/* 💻 Center Align Shortcut Bar ONLY on Desktop */
@media (min-width: 992px) {
  .service-icon-row {
    justify-content: center !important;   /* center align items */
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1100px !important;         /* optional: keeps it clean width-wise */
  }
}


.service-circle {
  font-size: 45px; /* emoji size */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  background: #f5f7ff;
}





/* ===== SAFE FIX — Only remove inner white-chip of search input ===== */
#qtSmartBar .sb-search input[type="search"] {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    appearance: none !important;
}

#qtSmartBar .sb-search,
#qtSmartBar .sb-search *,
#qtSmartBar .sb-search *::before,
#qtSmartBar .sb-search *::after {
    box-shadow: none !important;
}



/* Center emoji icons inside service circle (ONLY emoji) */
.service-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;      /* emoji size perfect */
    line-height: 1;
}

/* Fix circle size so emoji always stays centered */
.service-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}



/* Spare Parts emoji (🛒) – ONLY this one */
.service-item.spare-item .service-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}

/* Emoji size control (zoom-out) */
.service-item.spare-item .service-circle {
    font-size: 35px;   /* ← yaha size chhota / bada kar sakti ho */
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d303fe6 *//* =========================
   Q TECH — HERO + QUICK BOOKING CSS (MERGED FINAL)
========================= */

/* SR-only */
.qt-sr {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* THEME COLORS */
:root {
  --qt-brand:#1a73e8; --qt-brand-d:#0b5ed7;
  --qt-ink:#0b1220; --qt-muted:#5f6b7a;
}

/* HERO BASE */
.qt-wrap {max-width:1120px;margin:0 auto;padding:24px 0 8px;}
.qt-hero {display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;}
.qt-title {font-size:40px;font-weight:900;margin:.2em 0;}
.qt-title span {color:var(--qt-brand);}
.qt-muted {color:var(--qt-muted);}

/* BADGES */
.qt-badges {display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;}
.qt-badges span {
  background:#f0fff7;border:1px solid #c8f7e3;
  padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;
}
.qt-chip {
  background:#eaf2ff;border:1px solid #d7e6ff;
  padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;
}

/* =======================
   BUTTON ALIGNMENT — FINAL ORIGINAL DESIGN
======================= */
.qt-cta,
.qt-balance-btns {
  display: flex;
  justify-content: flex-start;   /* Left aligned on desktop */
  align-items: center;
  gap: 16px;                     /* Perfect equal spacing */
  flex-wrap: wrap;
  margin-top: 14px;
}

/* BUTTON DESIGN */
.qt-cta .qt-btn,
.qt-balance-btns .qt-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  min-height: 52px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.25s ease;
}

/* BOOK NOW (Blue) */
.qt-btn.qt-book {
  background: #0066ff;
}
.qt-btn.qt-book:hover {
  background: #004dcc;
  transform: translateY(-2px);
}

/* CALL NOW (Green) */
.qt-btn.qt-call {
  background: #00c16e;
}
.qt-btn.qt-call:hover {
  background: #009b57;
  transform: translateY(-2px);
}

/* FORM CARD */
.qt-card {
  background:#fff;border-radius:28px;box-shadow:0 12px 28px rgba(26,115,232,.10);
  padding:18px;border:1px solid #e8eef9;margin-top:20px;
}
.qt-two {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qt-input, .qt-form select, .qt-form textarea {
  width:100%;padding:12px 14px;min-height:48px;
  border-radius:12px;border:1px solid #e6ecf7;background:#f8fbff;
  margin-bottom:14px;font-size:14px;
}
.qt-form textarea {margin-bottom:0;}
.qt-input:focus, .qt-form select:focus, .qt-form textarea:focus {
  border-color:#1a73e8;box-shadow:0 0 4px rgba(26,115,232,0.2);outline:none;
}

/* =======================
   SUBMIT BUTTON ALIGNMENT FIX (NO DESIGN CHANGE)
======================= */
.qt-form .qt-btn--full {
  display: block;
  width: 100%;
  max-width: 220px;   /* button ki fixed max width */
  margin: 18px auto 0; /* top gap aur auto center horizontally */
  text-align: center;
  background: #ff4b2b;
  border-radius: 10px;
  padding: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.qt-form .qt-btn--full:hover {
  background: #e03a1b;
  transform: translateY(-1px);
}
.qt-form .qt-btn--full:hover {background:#e03a1b;}
.qt-form .qt-mini {text-align:center;color:#777;font-size:13px;margin-top:10px;}

/* =======================
   RESPONSIVE DESIGN
======================= */
@media(max-width:980px){
  .qt-hero{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .qt-two{grid-template-columns:1fr;}
  .qt-title{font-size:32px;}
  .qt-card{border-radius:20px;padding:20px 16px;}
  .qt-card h3{text-align:center;font-size:18px;margin-bottom:16px;}

  .qt-cta,
  .qt-balance-btns {
    flex-direction: column;     /* Stack vertically */
    align-items: stretch;       /* Full width buttons */
    padding-left: 12px;
    padding-right: 12px;
    gap: 12px;
  }

  .qt-cta .qt-btn,
  .qt-balance-btns .qt-btn {
    width: 100%;
    min-width: unset;
  }
}

/* =======================
   MOBILE VIEW — COMPACT HERO HEIGHT FIX
======================= */
@media (max-width: 560px) {

  /* Tight hero layout */
  .qt-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;              /* tighter vertical gap */
    padding: 0 10px;
  }

  /* Reduce button spacing */
  .qt-cta {
    margin-top: 6px;
    margin-bottom: 6px;
    gap: 10px;
  }

  /* Buttons themselves smaller height for mobile comfort */
  .qt-cta .qt-btn,
  .qt-balance-btns .qt-btn {
    min-height: 46px;
    font-size: 14px;
    border-radius: 10px;
  }

  /* Quick booking form tighter and neat */
  .qt-hero-right {
    width: 100%;
    margin-top: 6px;      /* small gap from buttons */
  }

  .qt-card {
    border-radius: 18px;
    padding: 16px 14px;   /* smaller padding */
    box-shadow: 0 6px 16px rgba(26,115,232,0.08);
  }

  .qt-card h3 {
    text-align: center;
    font-size: 17px;
    margin-bottom: 12px;
  }

  /* Inputs tighter */
  .qt-form .qt-input,
  .qt-form select,
  .qt-form textarea {
    min-height: 42px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  /* Submit button compact */
  .qt-form .qt-btn--full {
    padding: 10px;
    font-size: 14px;
    border-radius: 8px;
    width: 100%;
    margin-top: 10px;
  }

  /* Mini text spacing adjusted */
  .qt-form .qt-mini {
    font-size: 12px;
    margin-top: 8px;
  }
}

/* 🔹 Default: Desktop & Tablet (Left aligned) */
.qt-desc {
  text-align: left;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  margin-top: 12px;
}

/* 📱 Mobile only: Center alignment */
@media (max-width: 768px) {
  .qt-desc {
    text-align: center !important;
  }
}


/* =========================
   FORCED MOBILE OVERRIDES (HIGH PRIORITY)
   - ensures compact hero on small phones
========================= */

/* 1) Very small screens: force compact headline */
@media (max-width: 420px) {
  .qt-title, .qt-title span,
  h1.qt-title, h1, .qt-hero h1,
  .elementor-widget-heading .elementor-heading-title {
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 800 !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }

  /* Reduce badges height/size to avoid pushing */
  .qt-badges { gap:6px !important; margin:6px 0 !important; }
  .qt-badges span, .qt-chip { padding:4px 8px !important; font-size:11px !important; }

  /* Tighten hero container padding and gap */
  .qt-wrap { padding:8px 8px 6px !important; }
  .qt-hero { gap:8px !important; padding:0 !important; }

  /* Force buttons to be compact and full-width */
  .qt-cta .qt-btn, .qt-balance-btns .qt-btn {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 44px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    padding:10px 12px !important;
  }

  /* Card / form minor compaction */
  .qt-card { padding:12px 12px !important; border-radius:14px !important; }
  .qt-form .qt-input, .qt-form select, .qt-form textarea { min-height:40px !important; padding:8px 10px !important; font-size:13px !important; }

  /* If badges still push, uncomment the next line (temporary test) */
  /* .qt-badges { display: none !important; } */
}

/* 2) Slightly larger small screens */
@media (min-width:421px) and (max-width:560px) {
  .qt-title, .elementor-widget-heading .elementor-heading-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .qt-wrap { padding:10px 12px !important; }
  .qt-hero { gap:10px !important; }
}

/* 3) Extra force: universal small-screen safety net */
@media (max-width:768px) {
  /* force heading smaller if any theme/inline rule tries to enlarge it */
  .qt-title, h1, .elementor-widget-heading .elementor-heading-title {
    font-size: 22px !important;
    line-height: 28px !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }

  /* ensure buttons obey mobile sizing */
  .qt-cta .qt-btn, .qt-balance-btns .qt-btn {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* End of merged CSS */







@media (max-width: 560px) {

  /* Center align entire left block */
  .qt-hero-left {
    text-align: center !important;
    width: 100%;
  }

  /* Chip / badge center */
  .qt-hero-left .qt-chip {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Center the title */
  .qt-hero-left .qt-title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }
}








/* ===== Q TECH — Right form (aside.qt-hero-right) center + spacing ===== */

/* Desktop / Tablet: ensure the right column centers the form card horizontally */
@media (min-width: 561px) {
  /* make sure the hero stays two-column but we center the card inside the right column */
  .qt-hero {
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 28px !important;
    align-items: start !important;
  }

  aside.qt-hero-right,
  .qt-hero-right {
    display: flex !important;
    justify-content: center !important; /* center horizontally inside the column */
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Target the actual form/card */
  .qt-hero-right .qt-card,
  .qt-hero-right form#qt-qb {
    margin: 0 !important;                 /* remove any left offset */
    width: 100% !important;
    max-width: 500px !important;          /* comfortable card width on desktop */
    box-sizing: border-box !important;
  }

  /* breathing space between left block and right card */
  .qt-hero-left {
    padding-right: 12px !important;
  }
  .qt-hero-right {
    padding-left: 12px !important;
  }
}

/* Mobile: keep everything full-width and centered, with good spacing */
@media (max-width: 560px) {
  aside.qt-hero-right,
  .qt-hero-right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 12px !important;
    margin-top: 14px !important;
  }

  .qt-hero-right .qt-card,
  .qt-hero-right form#qt-qb {
    width: 100% !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 14px !important;
  }

  /* extra gap between headline and form for breathing space */
  .qt-hero-left { margin-bottom: 16px !important; }
}

/* Keep the Quick Booking heading centered inside the card */
.qt-hero-right .qt-card .qt-h3,
.qt-hero-right form#qt-qb .qt-h3 {
  text-align: center !important;
  margin-top: 4px !important;
  margin-bottom: 12px !important;
}

/* Safety: if parent container has extra left-padding causing shift, neutralize it for hero */
.qt-wrap { padding-left: 16px !important; padding-right: 16px !important; }

/* Optional: if you still see horizontal offset, force center transform fix */
.qt-hero-right .qt-card { transform: none !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fc0ecb */.qt-popmini .title {
    text-align: center !important;
    width: 100%;
}





/* ===========================
   POPULAR SERVICES – IMAGE SIZE BALANCER + IMAGE-ONLY ZOOM
=========================== */

/* Common Base for All Images */
.qt-popmini .pic img {
  transition: transform 0.3s ease-in-out; /* smooth zoom */
  object-fit: contain;
  object-position: center;
  display: block;
  margin: auto;
}

/* Hover Effect — Only Image Zoom */
.qt-popmini .svc:hover .pic img {
  transform: scale(1.08);
}

/* Washing Machine Repair */
.qt-popmini .pic img[alt="Washing Machine Repair"]{
  width:100%;
  height:100%;
}

/* ✅ AC Repair Image Center Fix */
.qt-popmini .pic img[alt="AC Repair"] {
  object-fit: contain;
  object-position: center center !important; /* perfect vertical + horizontal align */
  width: 85%;
  height: 85%;
  display: block;
  margin: 0 auto;
}

/* Refrigerator Repair */
.qt-popmini .pic img[alt="Refrigerator Repair"]{
  width:82%;
  height:82%;
}

/* Microwave Repair */
.qt-popmini .pic img[alt="Microwave Repair"]{
  width:75%;
  height:75%;
}

/* Geyser Repair */
.qt-popmini .pic img[alt="Geyser Repair"]{
  width:85%;
  height:85%;
}

/* Aquaguard Repair */
.qt-popmini .pic img[alt="Aquaguard Repair"]{
  width:100%;
  height:100%;
}

/* Chimney Repair */
.qt-popmini .pic img[alt="Chimney Repair"]{
  width:75%;
  height:100%;
}

/* CCTV Service image exact center fix */
.qt-popmini .pic img[alt="CCTV Service"] {
  width: 100%;
  height: auto;              /* keep natural proportion */
  object-fit: contain;
  object-position: center center;  /* perfect center alignment */
  display: block;
  margin: auto;
  transform: none;           /* no unwanted scale */
}

/* Dishwasher Repair */
.qt-popmini .pic img[alt="Dishwasher Repair"]{
  width:77%;
  height:77%;
}

/* LED TV Repair */
.qt-popmini .pic img[alt="LED TV Repair"]{
  width:70%;
  height:70%;
}

/* Water Cooler Repair */
.qt-popmini .pic img[alt="Water Cooler Repair"]{
  width:82%;
  height:82%;
}

/* === DEEP FRIDGE IMAGE FIX === */
.qt-popmini .pic img[alt="Deep Fridge Repair"] {
  width: 80% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block;
  margin: auto;
}




/* =======================
   POPULAR SERVICES — TEXT CENTER ALIGN (FINAL POLISH)
======================= */

/* Card layout */
.qt-popmini .svc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;  /* keep content evenly spaced */
  background: #fff;
  border: 1px solid #e6ecf7;
  border-radius: 18px;
  padding: 12px;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* Image container */
.qt-popmini .pic {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  background: #f4f7ff;
  border: 1px solid #e8eef9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Image itself */
.qt-popmini .pic img {
  width: 75px;
  height: 75px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease;
}

/* Hover effect on image only */
.qt-popmini .svc:hover .pic img {
  transform: scale(1.1);
}

/* Service name text perfectly centered */
.qt-popmini .name {
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  color: #0b1220;
  line-height: 1.4;
  margin-top: 6px; /* small gap between image and text */
  width: 100%;
  display: block;
  word-break: break-word;
}

/* Responsive fine-tune */
@media (max-width: 560px) {
  .qt-popmini .svc {
    padding: 10px;
  }
  .qt-popmini .name {
    font-size: 12.5px;
    margin-top: 5px;
  }
  .qt-popmini .pic img {
    width: 68px;
    height: 68px;
  }
}











/* ===== MOBILE: show only first 4 services in Popular Services ===== */
@media (max-width: 600px) {
  /* hide all service cards by default on small screens */
  .qt-popmini .grid .svc { display: none !important; }

  /* show only first 4 (1..4) */
  .qt-popmini .grid .svc:nth-of-type(1),
  .qt-popmini .grid .svc:nth-of-type(2),
  .qt-popmini .grid .svc:nth-of-type(3),
  .qt-popmini .grid .svc:nth-of-type(4) {
    display: flex !important;       /* matches your .svc styles */
    flex-direction: column !important;
  }

  /* ensure the ALL SERVICES button is visible and spaced */
  .qt-popmini .all-btn-box { display: flex !important; justify-content:center; margin:18px 0 28px; }
  .qt-popmini .all-btn { display:inline-block !important; }
}

/* Desktop: ensure button remains visible if you want it there (optional) */
/* @media (min-width: 601px) {
  .qt-popmini .all-btn-box { display:flex; }
} *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4e3aba *//* Popular Services title center */
.qt-popmini .title {
    text-align: center !important;
    width: 100%;
}

/* Why Choose Us title center */
.qt-why .title {
    text-align: center !important;
    width: 100%;
}




/* ==== WHY (mobile polish v2) ==== */
@media (max-width: 560px){

  /* section padding + bottom nav ke liye safe space */
  .qt-why{ padding: 18px 0 72px !important; }

  .qt-why .wrap{ padding: 0 16px !important; }
  .qt-why .grid{ grid-template-columns: 1fr !important; gap: 12px !important; }

  /* cards: tighter, center-aligned */
  .qt-why .card{
    padding: 14px 14px !important;
    border-radius: 16px !important;
    text-align: center !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.05) !important;
  }

  /* emoji size & alignment */
  .qt-why .ico{
    font-size: 34px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* headings & copy */
  .qt-why h3{
    font-size: 16.5px !important;
    margin: 4px 0 6px !important;
    letter-spacing: .1px;
  }
  .qt-why p{
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #334155 !important; /* thoda darker for contrast */
    margin: 0 !important;
  }
}

/* very small phones */
@media (max-width: 360px){
  .qt-why .ico{ font-size: 32px !important; }
  .qt-why h3{ font-size: 15.5px !important; }
  .qt-why p{ font-size: 13px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f83e974 *//* CENTER TITLE — How Q TECH Works */
.qt-steps4 .title {
    text-align: center !important;
    width: 100%;
    display: block;
    margin-bottom: 18px !important;
}

/* Mobile polish */
@media (max-width: 560px){
    .qt-steps4 .title {
        font-size: 26px !important;
        margin-bottom: 16px !important;
    }
}



/* ==== STEPS (mobile polish v2) ==== */
@media (max-width:560px){

  .qt-steps4{ padding:18px 0 72px !important; } /* bottom safe-space for sticky nav */
  .qt-steps4 .wrap{ padding:0 16px !important; }

  /* 1 column, comfy gaps */
  .qt-steps4 .grid{ grid-template-columns:1fr !important; gap:12px !important; }

  /* card look */
  .qt-steps4 .card{
    padding:14px 14px !important;
    border-radius:16px !important;
    text-align:center !important;
    box-shadow:0 6px 16px rgba(0,0,0,.05) !important;
  }

  /* emoji/icon size */
  .qt-steps4 .ico{
    font-size:34px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center; justify-content:center;
    margin-bottom:8px !important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  /* headings & text */
  .qt-steps4 h3{ font-size:16.5px !important; margin:4px 0 6px !important; }
  .qt-steps4 p{ font-size:13.5px !important; line-height:1.45 !important; color:#334155 !important; margin:0 !important; }

  /* tap target for "Book Now" */
  .qt-steps4 .link{
    display:inline-block; margin-top:10px !important; padding:4px 2px;
  }
}

/* very small phones */
@media (max-width:360px){
  .qt-steps4 .ico{ font-size:32px !important; }
  .qt-steps4 h3{ font-size:15.5px !important; }
  .qt-steps4 p{ font-size:13px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c02a4bb *//* Title slight tuck + center */
@media (max-width:560px){
  .qt-rev7 .title{ text-align:center; margin: 6px 0 10px; }
}

/* Card polish: a bit more contrast + tighter radius */
.qt-rev7 .card{
  border-radius:14px;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}

/* Name + verified + stars alignment */
.qt-rev7 .row{ margin-bottom:6px; }
.qt-rev7 .name{ gap:6px; font-size:14.6px; }
.qt-rev7 .ver{ font-size:10.5px; padding:2px 6px; }

/* Stars line + meta readability */
.qt-rev7 .stars{ height:16px; margin-top:2px; }
.qt-rev7 .meta{ font-size:12.2px; color:#4f5d70; }

/* Review text clamp: consistent height */
.qt-rev7 .text{ -webkit-line-clamp:3; }

/* Button breathing room above bottom nav */
.qt-rev7{ padding-bottom: max(48px, env(safe-area-inset-bottom)); }
.qt-rev7 .all-btn{ padding:11px 18px; font-size:14.2px; }

.card .ava{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
}

.card .ava{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
}

.card .ava{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
}

.card:hover {
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  transform:translateY(-2px);
}

/* ==== Customer Reviews: compact alignment ==== */
.card{
  padding:14px 16px !important;           /* thoda tight */
  border-radius:18px;
}
.card .row{
  display:flex;
  align-items:center;
  gap:10px;                                /* avatar ↔ text gap kam */
  margin:0 !important;
}
.card .ava{
  width:52px; height:52px;                 /* 60→52 = tighter look */
  border-radius:50%;
  object-fit:cover; object-position:center;
}
.card .name{
  margin:0 0 2px !important;
  line-height:1.2;
}
.card .stars{
  margin:0 0 2px !important;
  line-height:1;
  font-size:12px;
}
.card .meta{
  margin:0 !important;
  font-size:12px; color:#6b7484;
}
.card .text{
  margin:8px 0 0 !important;               /* description upar lao */
  line-height:1.45;
}

/* Mobile fine-tune */
@media (max-width:560px){
  .card{ padding:12px 14px !important; }
  .card .row{ gap:8px; }
  .card .ava{ width:48px; height:48px; }
  .card .name{ font-size:15px; }
}





/* ==========================
   CUSTOMER REVIEWS — AVATAR ALIGN FIX
========================== */
.qt-rev7 .row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.qt-rev7 .ava {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  display: block;
  margin-top: 2px; /* perfect vertical center */
  border: 1.5px solid #e6ecf7;
}

/* Mobile specific polish */
@media (max-width:560px) {
  .qt-rev7 .ava {
    width: 44px !important;
    height: 44px !important;
    margin-top: 1px !important;
  }
  .qt-rev7 .row {
    align-items: flex-start;
    gap: 10px;
  }
}




/* CENTER TITLE — Customer Reviews */
.qt-rev7 .title {
    text-align: center !important;
    width: 100%;
    display: block;
    margin-bottom: 18px !important;
}

/* Mobile clean spacing */
@media (max-width: 560px){
    .qt-rev7 .title {
        font-size: 26px !important;
        margin-bottom: 14px !important;
    }
}




/* Tablet: flex fallback to force perfect centering */
@media (min-width: 768px) and (max-width: 1024px) {
  .qt-rev7 .wrap .grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* center rows */
    gap: 20px !important;
    max-width: 860px !important;
    margin: 0 auto !important;
  }

  .qt-rev7 .wrap .grid .card {
    flex: 0 1 calc(50% - 20px) !important; /* two columns with gap */
    max-width: 420px !important;
    min-width: 260px !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10cd7b3 */.qt-faq .item[open]{
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de8d0fa *//* Center AMC Section Title */
.qt-amc9 .title {
    text-align: center !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobile friendly center fix */
@media (max-width: 560px) {
    .qt-amc9 .title {
        text-align: center !important;
        font-size: 26px !important;
    }
}




/* === AMC: Disclaimer alignment + bottom spacing fix === */
.qt-amc9 .mini-note{
  display:block;
  text-align:center;         /* proper alignment */
  max-width:680px;           /* readable width */
  margin:12px auto 0;        /* center + small top gap */
  padding:8px 12px;          /* breathing space */
  font-size:12.5px;
  line-height:1.45;
  color:#667085;             /* softer grey */
  word-break:break-word;
}

/* Buttons & last card spacing (avoid crowding) */
.qt-amc9 .card .btn{ margin-top:8px; }
.qt-amc9 .card:last-child{ margin-bottom:10px; }

/* Mobile: safe bottom + tighter layout */
@media (max-width:560px){
  .qt-amc9{ 
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }
  .qt-amc9 .mini-note{
    margin-top:10px;
    padding:6px 8px;
    font-size:12px;
  }
}







/* AMC: flex fallback for tablet if grid is overridden */
@media (min-width:768px) and (max-width:1024px){
  .qt-amc9 .wrap .grid,
  .qt-amc9 .wrap .elementor-widget-container .grid,
  .qt-amc9 .wrap .elementor-widget-wrap .grid{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:20px !important;
    max-width:900px !important;
    margin:0 auto !important;
  }
  .qt-amc9 .wrap .grid .card{
    flex:0 1 calc(50% - 20px) !important;
    min-width:260px !important;
    max-width:460px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed591dd *//* ======================
   Q TECH TRANSPARENT FOOTER
======================= */

.qt-foot {
    background: transparent !important;   /* NO background */
    padding: 32px 0 20px;
    color: #0b1220;
    font-family: Inter, sans-serif;
    box-sizing: border-box;
}

.qt-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.qt-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.2fr;
    gap: 20px;
}

/* Headings */
.qt-h { font-size: 20px; font-weight: 900; margin-bottom: 8px; }
.qt-h4 { font-size: 16px; font-weight: 900; margin-bottom: 8px; }

/* Text */
.qt-muted { color: #5f6b7a; line-height: 1.55; }
.qt-time { font-size: 13.5px; color: #334155; margin-top: 6px; }

/* List */
.qt-list { list-style: none; margin: 0; padding: 0; }
.qt-list li { margin: 6px 0; }
.qt-list a {
    text-decoration: none;
    color: #1a3fe8;
    font-weight: 600;
}
.qt-list a:hover { text-decoration: underline; }

/* Contact */
.qt-contact p { margin: 4px 0; }
.qt-contact a { color: #1a3fe8; }

/* Bottom */
.qt-bottom {
    margin-top: 20px;
    text-align: center;
}
.qt-mini { font-size: 13px; color: #5f6b7a; }

/* ======================
   MOBILE RESPONSIVE
======================= */
@media(max-width: 600px) {

    .qt-grid {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    .qt-col { text-align: center !important; }

    .qt-list li { margin: 10px 0; }

    .qt-bottom { text-align: center !important; }
}







/* Mobile footer safe-space + remove top divider */
@media (max-width: 600px) {
  /* extra bottom space so fixed bottom nav doesn't cover copyright */
  .qt-foot11, .qt-foot {
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 34px)) !important;
  }

  /* remove any thin top border line on mobile */
  .qt-foot11, .qt-foot11 .bottom {
    border-top: none !important;
    box-shadow: none !important;
  }

  /* ensure footer content stays centered and not cropped */
  .qt-foot11 .wrap, .qt-foot .qt-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}








/* FOOTER – Light top border + soft shadow */
footer, .site-footer, .footer {
  border-top: 1px solid #e8eef5 !important;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.04) !important;
}/* End custom CSS */
/* Start custom CSS */body {
  background: #F7F7F7 !important;  /* yahan apna brown colour dalna */
}
section {
  background: #F7F7F7 !important;
}/* End custom CSS */