/* =============================================================================
   Devta Gensets — Redesign Layer (qg-redesign.css)
   Loaded LAST. Refined-industrial design system overriding the base theme.
   Scope: header, footer, buttons, section heads, cards, forms, banners,
          homepage (About / How-can-we-help / Industries / CTA), detail pages,
          contact page. Fully responsive. Zero markup-logic dependency.
   ============================================================================= */

/* ----- Design tokens ----- */
:root{
  --qg-primary:#16b6d4;          /* brand cyan */
  --qg-primary-d:#0e93ad;        /* darker cyan (hover) */
  --qg-primary-l:#e7f8fc;        /* tint */
  --qg-ink:#0e1b2a;              /* near-black navy (headings/dark sections) */
  --qg-ink-2:#16263a;            /* dark section alt */
  --qg-body:#475569;             /* body text */
  --qg-muted:#7c8ba1;            /* muted text */
  --qg-accent:#9ec93b;           /* lime accent (help icons) */
  --qg-line:#e7ecf3;             /* borders */
  --qg-bg-soft:#f5f8fb;          /* soft section bg */
  --qg-card:#ffffff;
  --qg-radius:16px;
  --qg-radius-sm:12px;
  --qg-shadow:0 18px 48px -22px rgba(14,27,42,.28);
  --qg-shadow-sm:0 8px 24px -14px rgba(14,27,42,.30);
  --qg-shadow-hover:0 28px 60px -24px rgba(14,27,42,.40);
  --qg-head:"Lexend Deca",system-ui,sans-serif;
  --qg-text:"Manrope",system-ui,sans-serif;
}

/* ----- Base typography ----- */
body#bg,.roboto-condensed{font-family:var(--qg-text);color:var(--qg-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.title,.dlab-tilte{font-family:var(--qg-head);color:var(--qg-ink);letter-spacing:-.01em;line-height:1.18;}
p{color:var(--qg-body);}
a{transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;}

/* =============================================================================
   BUTTONS
   ============================================================================= */
.site-button,.site-button.button-md{
  font-family:var(--qg-head);font-weight:600;letter-spacing:.01em;
  background:var(--qg-primary);border:none;color:#fff;
  padding:13px 30px;border-radius:50px;display:inline-flex;align-items:center;gap:.5rem;
  box-shadow:0 12px 26px -14px rgba(22,182,212,.85);transition:all .25s ease;line-height:1.2;
}
.site-button:hover,.site-button:focus,.site-button.button-md:hover{
  background:var(--qg-primary-d);color:#fff;transform:translateY(-2px);
  box-shadow:0 18px 34px -14px rgba(22,182,212,.95);
}
.site-button.black{background:var(--qg-ink);box-shadow:0 12px 26px -14px rgba(14,27,42,.7);}
.site-button.black:hover{background:#000;box-shadow:0 18px 34px -14px rgba(14,27,42,.85);}
.site-button.outline,.site-button.outline-2{background:transparent;border:2px solid var(--qg-primary);color:var(--qg-primary);box-shadow:none;}
.site-button.outline:hover{background:var(--qg-primary);color:#fff;}
.site-button.radius-no{border-radius:50px;}
.button-lg{padding:16px 38px;font-size:1.05rem;}

/* =============================================================================
   SECTION HEADINGS
   ============================================================================= */
.content-inner{padding-top:90px;padding-bottom:60px;}
.content-inner-2{padding-top:90px;padding-bottom:30px;}
.section-head{margin-bottom:46px;}
.section-head .title,.section-head .title.text-dark{font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:700;margin-bottom:14px;}
.section-head.text-white .title{color:#fff;}
.section-head>p{font-size:1.05rem;max-width:760px;margin:0 auto;color:var(--qg-muted);}
.section-head.text-white>p{color:rgba(255,255,255,.82);}
.section-head.text-left>p,.section-head:not(.text-center)>p{margin-left:0;}
/* accent underline under centered section titles */
.section-head.text-center .title{position:relative;padding-bottom:20px;}
.section-head.text-center .title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64px;height:4px;border-radius:4px;background:var(--qg-primary);}
.section-head.text-white.text-center .title:after{background:#fff;}

/* =============================================================================
   SOFT / DARK SECTION BACKGROUNDS
   ============================================================================= */
.bg-gray{background:var(--qg-bg-soft)!important;}
.bg-secondry{background:var(--qg-ink)!important;}
.overlay-black-dark:after,.overlay-black-middle:after{background:linear-gradient(180deg,rgba(14,27,42,.78),rgba(14,27,42,.88))!important;opacity:1!important;}

/* =============================================================================
   HEADER
   ============================================================================= */
.site-header .main-bar{background:var(--qg-ink)!important;box-shadow:0 6px 24px -16px rgba(0,0,0,.6);}
.site-header.is-fixed .main-bar,.sticky-header.is-fixed .main-bar{box-shadow:0 10px 30px -16px rgba(0,0,0,.55);}
.logo-header{height:auto;padding:14px 0;}
.logo-header img{max-height:54px;width:auto;}
.header-nav .nav>li{margin:0 2px;}
.header-nav .nav>li>a{
  font-family:var(--qg-head);font-weight:500;font-size:.98rem;color:#e8eef6;
  padding:28px 16px;position:relative;text-transform:none;
}
.header-nav .nav>li>a:hover,.header-nav .nav>li.active>a{color:#fff;}
.header-nav .nav>li>a:after{content:"";position:absolute;left:16px;right:16px;top:calc(50% + 12px);height:2px;background:var(--qg-primary);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;border-radius:2px;}
.header-nav .nav>li:hover>a:after,.header-nav .nav>li.active>a:after{transform:scaleX(1);}
.header-nav .nav>li>a i{margin-left:6px;font-size:.7rem;opacity:.8;}
/* dropdowns */
.header-nav .nav>li .sub-menu{border:none;border-radius:14px;box-shadow:var(--qg-shadow);padding:10px;min-width:248px;border-top:3px solid var(--qg-primary);background:#fff;}
.header-nav .nav>li .sub-menu li a{font-family:var(--qg-text);font-weight:500;color:var(--qg-ink);padding:10px 14px;border-radius:9px;font-size:.92rem;}
.header-nav .nav>li .sub-menu li a:hover{background:var(--qg-primary-l);color:var(--qg-primary-d);padding-left:18px;}
.header-nav .nav>li .sub-menu li a:after{display:none;}
/* phone CTA pill */
.dlab-topbar-right{display:flex;align-items:center;margin-left:14px;}
.dlab-topbar-right .site-button{background:var(--qg-primary);border-radius:50px;padding:11px 22px;box-shadow:0 14px 28px -14px rgba(22,182,212,.9);}
.dlab-topbar-right .site-button:hover{background:var(--qg-primary-d);transform:translateY(-2px);}
.dlab-topbar-right .site-button .title{font-family:var(--qg-head);font-weight:700;font-size:1.02rem;letter-spacing:.01em;}
.dlab-topbar-right .site-button i{font-size:1.15rem;}
/* mobile toggle */
.navbar-toggler.navicon span{background:#fff;}

/* =============================================================================
   CARDS — How-can-we-help / Industries / Services / Brands
   ============================================================================= */
.icon-bx-wraper{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
/* generic card surface */
.service-box .icon-bx-wraper,
.about-8-service .icon-bx-wraper,
.latest-project-info .icon-bx-wraper.fly-box{
  background:var(--qg-card);border:1px solid var(--qg-line);border-radius:var(--qg-radius);
  padding:34px 22px!important;box-shadow:var(--qg-shadow-sm);height:100%;
}
.service-box .icon-bx-wraper:hover,
.about-8-service .icon-bx-wraper:hover,
.latest-project-info .icon-bx-wraper.fly-box:hover{
  transform:translateY(-8px);box-shadow:var(--qg-shadow-hover);border-color:transparent;
}
/* dark-section service cards (Our Services over image) keep glassy look */
.about-8-service .icon-bx-wraper{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px);box-shadow:none;}
.about-8-service .icon-bx-wraper:hover{background:rgba(255,255,255,.12);}
.about-8-service .icon-content h5,.about-8-service .dlab-tilte{color:#fff;}
.about-8-service .icon-content p{color:rgba(255,255,255,.8);}
.about-8-service a.fw-semibold{color:var(--qg-primary);font-family:var(--qg-head);}
.about-8-service a.fw-semibold:hover{color:#fff;}
/* icon treatment: tinted circle behind the line icon */
.icon-lg{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--qg-primary-l);margin:0 auto 18px;}
.about-8-service .icon-lg{background:rgba(255,255,255,.12);}
.icon-lg .icon-cell{display:inline-flex;}
.icon-lg img{max-width:52px;max-height:52px;object-fit:contain;}
.service-box .dlab-tilte,.icon-content .dlab-tilte{font-size:1.12rem;font-weight:600;margin:0;}
.icon-bx-wraper[data-name]{position:relative;}

/* Brands grid (about-us id) */
#about-us{padding-top:90px;padding-bottom:70px;background:#fff!important;}
.service-box-4{background:#fff;border:1px solid var(--qg-line);border-radius:var(--qg-radius-sm);padding:18px 10px;height:100%;transition:transform .3s ease,box-shadow .3s ease;}
.service-box-4:hover{transform:translateY(-6px);box-shadow:var(--qg-shadow-sm);}
.service-box-4 .brand-img img{max-height:74px;object-fit:contain;}
.service-box-4 .service-content .title{font-size:.92rem;font-weight:600;}

/* =============================================================================
   ABOUT (image + text)
   ============================================================================= */
.exhibition-bx .exhibition-carousel img,
.exhibition-bx .item img{border-radius:var(--qg-radius);box-shadow:var(--qg-shadow);width:100%;object-fit:cover;}
.exhibition-bx .content-bx1 .section-head{margin-bottom:24px;}
.exhibition-bx .content-bx1 .title{font-size:clamp(2rem,3.4vw,2.9rem);font-weight:700;margin-bottom:18px;}
.exhibition-bx .content-bx1 p{font-size:1.05rem;color:var(--qg-body);}
.exhibition-bx .content-bx1 .site-button{margin-top:8px;}

/* =============================================================================
   INDUSTRIES (dark panel + image)  [tbl_why_choose]
   ============================================================================= */
.latest-project-info{background:var(--qg-ink)!important;padding:72px 6% 60px;}
.latest-project-info h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:#fff;}
.latest-project-info>div>p,.latest-project-info p.mb-3{color:rgba(255,255,255,.8);}
.latest-project-info .icon-bx-wraper.fly-box{padding:22px 14px!important;}
.latest-project-info .icon-bx-wraper .icon-lg{width:74px;height:74px;margin-bottom:12px;background:var(--qg-primary-l);}
.latest-project-info .icon-bx-wraper .icon-lg img{max-width:40px;max-height:40px;}
.latest-project-info .icon-bx-wraper h6{font-size:.82rem;font-weight:600;color:var(--qg-ink)!important;letter-spacing:.02em;}
.ind-img img{height:100%;width:100%;object-fit:cover;min-height:320px;}

/* =============================================================================
   CTA — "Let's get in touch" + form
   ============================================================================= */
.chosesus-content .title-box{font-size:clamp(2rem,3.6vw,3rem);font-weight:700;color:#fff;}
.chosesus-content .widget_getintuch ul li{position:relative;padding:6px 0 6px 56px;color:rgba(255,255,255,.9);margin-bottom:14px;min-height:44px;display:flex;flex-direction:column;justify-content:center;}
.chosesus-content .widget_getintuch ul li i{position:absolute;left:0;top:2px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--qg-primary);color:#fff;font-size:1.05rem;}
.chosesus-content .widget_getintuch ul li strong{font-family:var(--qg-head);text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;color:var(--qg-primary);margin-bottom:2px;}
.chosesus-content .widget_getintuch ul li a{color:rgba(255,255,255,.92);}
/* form card */
.inquiry-form.contact-project{border-radius:var(--qg-radius);box-shadow:var(--qg-shadow);padding:38px 34px 30px!important;background:#fff!important;}
.inquiry-form .title-box{font-size:1.5rem;font-weight:700;color:var(--qg-ink);margin-bottom:22px!important;}

/* =============================================================================
   FORMS (shared)
   ============================================================================= */
.inquiry-form .form-group{margin-bottom:18px;}
.inquiry-form .input-group{background:#fff;border:1.5px solid var(--qg-line);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;}
.inquiry-form .input-group:focus-within{border-color:var(--qg-primary);box-shadow:0 0 0 4px rgba(22,182,212,.12);}
.inquiry-form .input-group-addon{display:flex;align-items:center;justify-content:center;width:50px;background:transparent;border:none;color:var(--qg-primary);font-size:1.05rem;}
.inquiry-form .form-control{border:none!important;box-shadow:none!important;background:transparent!important;padding:13px 14px 13px 0;height:auto;color:var(--qg-ink);font-family:var(--qg-text);}
.inquiry-form .form-control::placeholder{color:var(--qg-muted);}
.inquiry-form textarea.form-control{min-height:120px;}
.inquiry-form .recaptcha-note{margin-top:4px;}
.inquiry-form .recaptcha-note a{color:var(--qg-primary);}
.qg-form-msg{border-radius:10px;padding:10px 14px;margin-top:12px;font-family:var(--qg-head);}

/* =============================================================================
   INNER PAGE BANNER (hero) — detail + contact + other pages
   ============================================================================= */
.dlab-bnr-inr{min-height:340px;display:flex;align-items:center;background-size:cover;background-position:center;position:relative;}
.dlab-bnr-inr .container{position:relative;z-index:2;}
.dlab-bnr-inr-entry{padding:40px 0;}
.dlab-bnr-inr h1{font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:700;color:#fff;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.35);}

/* =============================================================================
   DETAIL PAGES (product / service) — content + sidebar
   ============================================================================= */
.content-block .custom-text .title{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:700;margin:24px 0 14px;}
.content-block .section-content img{border-radius:var(--qg-radius);box-shadow:var(--qg-shadow-sm);width:100%;object-fit:cover;}
.sidebar-widget{background:#fff;border:1px solid var(--qg-line);border-radius:var(--qg-radius);padding:24px 22px;box-shadow:var(--qg-shadow-sm);margin-bottom:26px;}
.sidebar-widget h3.title{font-size:1.2rem;font-weight:700;margin-bottom:16px!important;border:none!important;padding:0 0 12px!important;position:relative;}
.sidebar-widget h3.title:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:3px;border-radius:3px;background:var(--qg-primary);}
.widget_nav_menu .menu li{border:none;}
.widget_nav_menu .menu li a{display:block;padding:11px 14px;border-radius:10px;color:var(--qg-ink);font-weight:500;background:var(--qg-bg-soft);margin-bottom:8px;transition:all .2s ease;}
.widget_nav_menu .menu li a:hover{background:var(--qg-primary);color:#fff;padding-left:20px;}
/* enquiry form in sidebar */
.inquiry-form.inner{background:#fff;border:1px solid var(--qg-line);border-radius:var(--qg-radius);padding:26px 22px!important;box-shadow:var(--qg-shadow-sm);}
.inquiry-form.inner .title{font-size:1.25rem;font-weight:700;margin-bottom:8px;}

/* =============================================================================
   CONTACT PAGE
   ============================================================================= */
.contact-page-8 .icon-bx-wraper.bx-style-1{background:#fff;border:1px solid var(--qg-line);border-radius:var(--qg-radius);padding:26px 24px!important;box-shadow:var(--qg-shadow-sm);height:100%;transition:transform .3s ease,box-shadow .3s ease;}
.contact-page-8 .icon-bx-wraper.bx-style-1:hover{transform:translateY(-6px);box-shadow:var(--qg-shadow);}
.contact-page-8 .icon-bx-wraper .dlab-tilte{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.contact-page-8 .icon-bx-wraper .icon-sm{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--qg-primary-l);color:var(--qg-primary-d)!important;font-size:1.05rem;}
.contact-page-8 .icon-bx-wraper .icon-content p,.contact-page-8 .icon-bx-wraper .icon-content a{color:var(--qg-body);}
.contact-page-8 .icon-bx-wraper .icon-content a:hover{color:var(--qg-primary);}
.c-map iframe,.c-map{border-radius:var(--qg-radius);overflow:hidden;box-shadow:var(--qg-shadow-sm);}
.footer-info-bar .br-col-w1{background:#fff;border:1px solid var(--qg-line);border-radius:var(--qg-radius);box-shadow:var(--qg-shadow-sm);height:100%;}

/* =============================================================================
   FOOTER
   ============================================================================= */
.site-footer .footer-top{background:var(--qg-ink)!important;padding:74px 5% 30px;}
.site-footer .widget>h5,.site-footer .widget .widget-title{font-family:var(--qg-head);font-weight:600;font-size:1.12rem;color:#fff!important;margin-bottom:22px;position:relative;padding-bottom:14px;}
.site-footer .widget>h5:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:3px;background:var(--qg-primary);}
.site-footer .widget_services ul li{padding:0 0 10px;border:none;}
.site-footer .widget_services ul li a{color:rgba(255,255,255,.72);font-size:.96rem;position:relative;padding-left:16px;}
.site-footer .widget_services ul li a:before{content:"\f105";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;position:absolute;left:0;color:var(--qg-primary);transition:transform .2s ease;}
.site-footer .widget_services ul li a:hover{color:#fff;padding-left:21px;}
.site-footer .widget_getintuch ul li{position:relative;padding:0 0 16px 42px;color:rgba(255,255,255,.78);border:none;margin:0;}
.site-footer .widget_getintuch ul li i{position:absolute;left:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.08);color:var(--qg-primary);font-size:.92rem;}
.site-footer .widget_getintuch ul li strong{display:block;font-family:var(--qg-head);font-weight:600;color:#fff;font-size:.9rem;margin-bottom:2px;}
.site-footer .widget_getintuch ul li a{color:rgba(255,255,255,.78);}
.site-footer .widget_getintuch ul li a:hover{color:#fff;}
.site-footer .footer-col-3 .bg-light{background:#fff!important;border-radius:var(--qg-radius-sm);padding:18px!important;}
.site-footer .footer-col-3 .bg-light img{max-height:56px;width:auto;}
/* social circles */
.site-footer .site-button.circle{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;border:none;margin-right:8px;box-shadow:none;padding:0;}
.site-footer .site-button.circle:hover{background:var(--qg-primary);transform:translateY(-3px);}
.site-footer .site-button.circle.whatsapp:hover{background:#25D366;}
.site-footer .site-button.circle.facebook:hover{background:#1877f2;}
.site-footer .site-button.circle.instagram:hover{background:#e1306c;}
.site-footer .site-button.circle.linkedin:hover{background:#0a66c2;}
.site-footer .site-button.circle.twitter:hover{background:#1da1f2;}
/* bottom bar */
.site-footer .footer-bottom{background:#0a131f!important;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);}
.site-footer .footer-bottom span{color:rgba(255,255,255,.62);font-size:.9rem;}
.site-footer .footer-bottom a{color:var(--qg-primary);font-weight:600;}
.site-footer .footer-bottom a:hover{color:#fff;}

/* =============================================================================
   MOTION — gentle reveal for cards/sections (works with or without wow.js)
   ============================================================================= */
@media (prefers-reduced-motion:no-preference){
  .service-box,.service-box-4,.exhibition-bx .content-bx1,.contact-page-8 .icon-bx-wraper{will-change:transform;}
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */
@media (max-width:1199px){
  .latest-project-info{padding:60px 7% 48px;}
}
@media (max-width:991px){
  .content-inner{padding-top:64px;padding-bottom:42px;}
  .content-inner-2{padding-top:64px;}
  /* header becomes panel */
  .header-nav .nav>li>a{padding:12px 4px;color:var(--qg-ink);}
  .header-nav .nav>li>a:after{display:none;}
  .header-nav .nav>li>a:hover,.header-nav .nav>li.active>a{color:var(--qg-primary);}
  .header-nav .nav>li .sub-menu{box-shadow:none;border-top:none;padding:0 0 0 10px;min-width:auto;}
  .header-nav .nav>li .sub-menu li a{color:var(--qg-body);}
  .dlab-topbar-right{margin:14px 0 4px;}
  .dlab-topbar-right .site-button{width:100%;justify-content:center;}
  .ind-img img{min-height:240px;}
  .exhibition-bx .content-bx1{margin-top:8px;}
}
@media (max-width:767px){
  body#bg,.roboto-condensed{font-size:15.5px;}
  .content-inner{padding-top:52px;padding-bottom:34px;}
  .section-head{margin-bottom:32px;}
  .dlab-bnr-inr{min-height:240px;}
  .inquiry-form.contact-project{padding:26px 20px 22px!important;}
  .chosesus-content{margin-bottom:26px;}
  .icon-lg{width:84px;height:84px;}
  .latest-project-info{padding:46px 22px 36px;}
  .site-footer .footer-top{padding:52px 22px 22px;}
  .site-footer .footer-bottom .row>div{margin:3px 0;}
}
@media (max-width:575px){
  .section-head .title{font-size:1.65rem;}
  .service-box-4 .brand-img img{max-height:60px;}
  .site-button,.site-button.button-md{padding:12px 24px;}
}

/* ----- Contact page: standalone form as a card + department cards ----- */
.contact-page-8 .inquiry-form{background:#fff;border:1px solid var(--qg-line);border-radius:var(--qg-radius);padding:34px 30px 26px;box-shadow:var(--qg-shadow-sm);}
.contact-page-8 .inquiry-form .title-box{font-size:1.5rem;font-weight:700;color:var(--qg-ink);margin-bottom:8px!important;}
.footer-info-bar .icon-bx-wraper .dlab-tilte{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;}
.footer-info-bar .icon-bx-wraper .icon-sm{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--qg-primary-l);color:var(--qg-primary-d);font-size:1rem;}
.footer-info-bar .icon-bx-wraper .icon-content a{color:var(--qg-primary);}

/* =============================================================================
   SPACING REFINEMENTS (tighter rhythm + collapse empty headings + uniform cards)
   ============================================================================= */
.content-inner{padding-top:62px;padding-bottom:42px;}
.content-inner-2{padding-top:62px;padding-bottom:22px;}
#about-us{padding-top:62px;padding-bottom:46px;}
.section-head{margin-bottom:34px;}
.section-head .title{padding-bottom:16px;}
/* collapse empty heading text / subtitle (e.g. empty brand_subtitle) so no void is left */
.section-head .title:empty,.section-head p:empty{display:none!important;margin:0!important;}
.section-head .title:empty::after{display:none!important;}
.section-head:not(:has(.title:not(:empty))):not(:has(p:not(:empty))){display:none!important;}
.service-box-4-area.mb-4{margin-bottom:8px!important;}

/* Uniform PRODUCT cards (Our Products grid) */
.service-box.style3 .icon-bx-wraper{padding:0 0 16px!important;overflow:hidden;border-radius:var(--qg-radius);background:#fff;border:1px solid var(--qg-line);box-shadow:var(--qg-shadow-sm);transition:transform .3s ease,box-shadow .3s ease;}
.service-box.style3 .icon-bx-wraper:hover{transform:translateY(-6px);box-shadow:var(--qg-shadow-hover);}
.service-box.style3 .p-img{overflow:hidden;border-radius:var(--qg-radius) var(--qg-radius) 0 0;background:#f3f6fa;}
.service-box.style3 .p-img img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .4s ease;}
.service-box.style3 .icon-bx-wraper:hover .p-img img{transform:scale(1.05);}
.service-box.style3 .icon-content{padding:14px 18px 0;}
.service-box.style3 .icon-content .dlab-tilte{font-size:1.02rem;font-weight:700;line-height:1.35;margin:0;color:var(--qg-ink);}
@media (max-width:575px){
  .service-box.style3 .p-img img{height:190px;}
}

/* ============================================================
 * Footer chevron de-duplication
 * The original Color Admin theme (style.css line ~7119) adds
 *   .widget_services ul li:before { content: "\f105" }
 * AND qg-redesign.css adds
 *   .widget_services ul li a:before { content: "\f105" }
 * Both fire in the site footer → double chevron next to each link.
 * Suppress the original theme's li::before only inside .site-footer
 * so other pages that legitimately use widget_services keep their
 * single chevron from the original theme.
 * ============================================================ */
.site-footer .widget_services ul li:before { content: none !important; display: none !important; }
.site-footer .widget_pages    ul li:before { content: none !important; display: none !important; }
.site-footer .widget_nav_menu ul li:before { content: none !important; display: none !important; }

/* ============================================================
 * Row spacing on homepage card grids
 * Bootstrap rows have horizontal gutters but not vertical ones,
 * so cards in row 2 hug cards in row 1. Add explicit row-gap.
 * ============================================================ */

/* Brand cards — Brands We Deal In (6 cols × 2 rows on desktop) */
.service-box-4-area{ row-gap: 28px; }

/* Product cards on homepage (Our Products section: col-lg-3 grid) */
.section-content.row{ row-gap: 28px; }

/* ============================================================
 * Product card uniform layout
 * Variable title lengths (1 line vs 2 lines) make card heights
 * uneven. Reserve a fixed visual area for image + title so the
 * grid is rectangular regardless of name length.
 * ============================================================ */
.service-box.style3 .icon-bx-wraper{
  display:flex;
  flex-direction:column;
  padding:18px 18px 22px!important;        /* tighter than the default 34px */
  text-align:center;
  height:100%;
}
.service-box.style3 .p-img{
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.service-box.style3 .p-img img{
  max-height:170px;
  max-width:100%;
  width:auto;
  object-fit:contain;
}
.service-box.style3 .icon-content{
  flex:1;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.service-box.style3 .icon-content .dlab-tilte{
  font-size:1rem;
  line-height:1.35;
  font-weight:600;
  margin:0;
  min-height:2.7em;                         /* room for up to 2 lines */
  display:flex;
  align-items:center;
}