/* ===== Fonts (local) ===== */
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2")}

/* ===== Theme tokens: change colors here ===== */
:root{
  --navy:#0b0366; --text:#5b6385; --bg:#fff; --soft:#f7f8fc;
  --a1:#ff6b2c; --a2:#ffb347; --violet:#6c5ce7;
  --grad:linear-gradient(135deg,#ff6b2c,#ffb347);
  --peach:#fff1e8; --lav:#f0eeff; --mint:#e8f8f0; --sky:#e8f3ff;
  --line:#e8ebf5; --shadow:0 20px 50px rgba(12,19,48,.08);
}

/* ===== Base ===== */
body{font-family:"Plus Jakarta Sans",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;overflow-x:hidden;font-size: 14px;}
img{max-width:100%}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:700;line-height:1.18;letter-spacing:-.02em}
:focus-visible{outline:2px solid var(--a1);outline-offset:3px}
.section-pad{padding: 60px 0;}
.section-head{max-width:720px;margin:0 auto 56px}
.section-label{display:inline-block;color:var(--a1);font-weight:700;font-size:.95rem;margin-bottom:12px}
.section-title{font-size: clamp(1.2rem,4.8vw,2rem);margin-bottom:20px}

/* ===== Shared components ===== */
.btn-wc,.btn-wc-outline{display:inline-flex;align-items:center;gap:10px;padding: 10px 20px;border-radius:50px;font-weight: 500;transition:.3s;border:1.5px solid var(--navy);line-height:1.2}
.btn-wc{background:var(--navy);color:#fff}
.btn-wc:hover{background:var(--a1);border-color:var(--a1);color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,107,44,.35)}
.btn-wc .btn-ico{width: 18px !important;height:18px;filter:brightness(0) invert(1);transition:.3s; margin: 0px !important;}
.btn-wc:hover .btn-ico{transform:translateX(4px)}
.btn-wc-outline{background:transparent;color:var(--navy)}
.btn-wc-outline:hover{background:var(--navy);color:#fff}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;background:#fff;box-shadow:var(--shadow);color:var(--navy);font-size:.9rem;font-weight:600;margin-bottom:24px}
.pill img{width: 16px !important;height:16px}
.ico-bubble{display:inline-flex;flex:none;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50% 50% 50% 14px;background:#fff;box-shadow:0 8px 22px rgba(12,19,48,.08)}
.ico-bubble img{width:28px;height:28px}
.tint-peach{background:var(--peach)}.tint-lav{background:var(--lav)}.tint-mint{background:var(--mint)}.tint-sky{background:var(--sky)}
.blob{border-radius: 100%;overflow:hidden;box-shadow:var(--shadow)}
.blob-alt{border-radius: 100%;}
.blob img{display:block;width:100%;height:100%;object-fit:cover}
.chip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;border-radius:50px;background:#fff;box-shadow:0 16px 40px rgba(12,19,48,.14);animation:floaty 6s ease-in-out infinite;z-index: 1;}
.chip-ico{width: 42px !important;height:42px;padding:10px;border-radius:50%;background:var(--peach)}
.chip strong{display:block;color:var(--navy);font-size:.92rem;line-height:1.3}
.chip small{color:var(--text);font-size:.78rem}
.chip-1{left: -50px;top:14%}.chip-2{right: -46px;bottom:12%;animation-delay:-3s}
@keyframes floaty{50%{transform:translateY(-10px)}}

/* ===== Header + mega menu ===== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:.3s}
.site-header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 30px rgba(12,19,48,.07)}
.site-header .navbar{padding:18px 0}
.site-header .nav-link{color:var(--navy);font-weight:600;padding:10px 15px!important;transition:.2s;text-transform: uppercase;letter-spacing: 1px;}
.site-header .nav-link:hover{color:var(--a1)}
.nav-link.has-sub::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform: rotate(45deg) translateY(-7px);margin-left:8px}
.navbar-toggler{border:0;padding:6px;display:flex;flex-direction:column;gap:6px}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler span{display:block;width:26px;height:2px;background:var(--navy);border-radius:2px}
.mega-menu h6{color:var(--a1);font-size:.82rem;font-weight:700;margin-bottom:14px;text-transform: uppercase;letter-spacing: 1px;}
.mega-link{display:flex;gap:14px;align-items:flex-start;padding:10px;border-radius:16px;transition:.2s;margin-bottom:4px}
.mega-link:hover{background:var(--peach)}
.mega-link img{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--peach);flex:none}
.mega-link strong{display:block;color:var(--navy);font-size:.95rem;line-height:1.3}
.mega-link small,.mega-card small{display:block;color:var(--text);font-size:.8rem;line-height:1.4}
.mega-sub{display:block;color:var(--navy);padding:6px 0;transition:.2s}
.mega-sub:hover{color:var(--a1);padding-left:6px}
.mega-card{display:block;border-radius:18px;background:var(--soft);padding:10px}
.mega-card img{border-radius:12px;width:100%;margin-bottom:10px}
.mega-card strong{color:var(--navy);display:block;font-size:.95rem}
.mega-menu .col-lg-4,
.mega-menu .col-lg-3 {
    margin: 0px;
}
@media(min-width:992px){
  .site-header .has-mega{position:static}
  .mega-menu{position:absolute;left:0;right:0;top:100%;padding: 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}
  .mega-inner{max-width:1140px;margin:0 auto!important;padding:34px 30px;background:#fff;border-radius:28px;box-shadow:0 30px 70px rgba(12,19,48,.16)}
  .has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu{opacity:1;visibility:visible;transform:none}
}
@media(max-width:991.98px){
  .site-header{background:#fff;box-shadow:0 4px 20px rgba(12,19,48,.08)}
  .mega-menu{display:none;padding:6px 0 14px}
  .has-mega.open .mega-menu{display:block}
  .mega-inner{background:var(--soft);border-radius:18px;padding:18px 14px;margin:0!important}
  .mega-card{display:none}
  .site-header .btn-wc{margin-top:12px}
}
.form-card form p{
	margin-bottom:0px !important;
}
/* ===== Hero slider ===== */
.sec-hero{position:relative;overflow:hidden;padding: 170px 0 60px;background:linear-gradient(180deg,#fff6ef 0%,#fff 100%)}
.hero-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.hb-1{width:420px;height:420px;background:rgba(255,179,71,.35);top:-80px;left:-100px}
.hb-2{width:460px;height:460px;background:rgba(108,92,231,.18);top:80px;right:-120px}
.hero-slide{position:relative;padding-bottom:20px}
.hero-slide h1{font-size: clamp(1.5rem,4.8vw,2.1rem);font-weight:800;margin-bottom:22px}
.hero-text{font-size:16px;max-width: 100%;margin-bottom: 20px;}
.hero-media{position:relative;max-width: 470px;margin:0 auto;padding:10px}
.hero-media .blob{aspect-ratio:1/1;position:relative;z-index:1}
.hero-media .ring{position:absolute;inset: 0px 24px 24px 0px;border:2px dashed rgba(255,107,44,.45);border-radius:50%}
.owl-item.active .hero-copy>*{animation:rise .8s both}
.owl-item.active .hero-copy>*:nth-child(2){animation-delay:.1s}
.owl-item.active .hero-copy>*:nth-child(3){animation-delay:.2s}
.owl-item.active .hero-copy>*:nth-child(4){animation-delay:.3s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
.hero-controls{display:flex;align-items:center;gap:24px;margin-top:10px}
#heroNav{display:flex;gap:10px}
#heroNav button{width:48px;height:48px;border-radius:50%;background:#fff!important;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:.3s}
#heroNav button:hover{background:var(--navy)!important}
#heroNav img{width:20px;height:20px}
#heroNav button:hover img{filter:brightness(0) invert(1)}
#heroNav .owl-prev img{transform:rotate(180deg)}
#heroDots .owl-dots{margin:0!important}
.lead-form p {
    margin: 0px;
}
/* ===== Partners ===== */
.sec-partners{padding: 0px 0 60px;}
.sec-partners .strip-title{text-align:center;margin-bottom: 40px;font-size: 22px;font-weight: 800;opacity: 1;color: var(--navy);}
.sec-partners .item img{width: auto !important;margin:0 auto;opacity:.7;transition:.3s;filter: brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);height: calc((0.25rem * 9) - 1px);}
.sec-partners .item img:hover{opacity:1}

/* ===== About / SEO media ===== */
.about-media{position:relative;max-width:540px;margin:0 auto;padding:20px}
.about-media::before{content:"";position:absolute;inset:0 30px 30px 0;border-radius: 100%;background:var(--grad);opacity:.22}
.about-media .blob{position:relative;}
.badge-circle{position:absolute;right:0;bottom:30px;width:128px;height:128px;border-radius:50%;background: var(--a1);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 40px rgba(12,19,48,.25)}
.badge-circle strong{color:#fff;font-size:2rem;line-height:1}
.badge-circle small{font-size: 16px;line-height:1.3;padding:0 14px}
.mv-item{display:flex;gap:16px;align-items:flex-start;padding:6px 0 6px 20px;margin:14px 0;border-left:3px solid var(--a2)}
.mv-item>img{width:30px;height:30px;margin-top:4px;flex:none}
.mv-item h5{margin-bottom:4px}
.mv-item p{margin:0;font-size:.93rem;line-height:1.65}
.sec-seo{background:var(--soft);border-radius:60px 60px 0 0}
.check-list{list-style:none;padding:0;margin:24px 0 32px}
.check-list li{display:flex;align-items:center;gap:12px;color:var(--navy);margin-bottom:12px;font-weight:600}
.check-list img{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--peach)}
.sec-work, .sec-blog,
.sec-process,
.sec-services{
  padding-top:0px;
}
/* ===== Services (organic cards) ===== */
.service-card{display:flex;gap:22px;align-items:flex-start;height:100%;padding:34px 30px;border-radius:36px 36px 36px 8px;transition:.35s}
.col-lg-3 .service-card{flex-direction:column}
.service-card:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:var(--shadow)}
.service-card h4{font-size:1.2rem;margin-bottom:8px}
.service-card p{margin:0 0 16px;font-size:.93rem;line-height:1.65;color: #000;}
.service-card .more{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:700;font-size:.9rem}
.service-card .more img{width:18px;height:18px;transition:.3s}
.service-card:hover .more img{transform:translateX(6px)}
.row>div:nth-child(even)>.service-card{border-radius:36px 36px 8px 36px}

/* ===== Shopify stages ===== */
.sec-shopify{padding: 0px 0 60px;}
.shopify-panel{padding: 60px 60px;border-radius:56px;background:linear-gradient(135deg,var(--peach),var(--lav))}
.steps{position:relative}
.step{position:relative;padding-top:6px}
.step .ico-bubble{margin-bottom:20px;position:relative;z-index:1}
.step h4{font-size:1.15rem;margin-bottom:8px}
.step p{margin:0;font-size:.93rem;line-height:1.65}
@media(min-width:992px){.step::before{content:"";position:absolute;top:36px;left:70px;right:-24px;border-top:2px dashed rgba(255,107,44,.5)}.steps>div:last-child .step::before{display:none}}

/* ===== Work ===== */
.work-card{display:block}
.work-img{border-radius:32px 32px 32px 8px;overflow:hidden;box-shadow:var(--shadow);}
.work-img img{width:100%;display:block;transition:transform .6s}
.work-info{padding:18px 6px 0}
.work-info h4{font-size:1.25rem;margin:8px 0 0}
.tag{display:inline-block;padding:3px 14px;border-radius:50px;background:var(--peach);color:var(--a1);font-size:.78rem;font-weight:700}

/* ===== Industries ===== */
.industry-card{height:100%;padding:36px 30px;border-radius:44px 44px 44px 10px}
.industry-card .ico-bubble{margin-bottom:20px}
.industry-card h4{font-size:1.2rem;margin-bottom:10px}
.industry-card p{margin:0;font-size:.93rem}

/* ===== Stats ===== */
.sec-stats{padding: 0px 0 60px;}
.stat-box{padding:10px}
.stat-box strong{display:block;font-size:clamp(2.4rem,4.8vw,3.9rem);line-height:1.1;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-box small{color:var(--navy);font-weight:600}
@media(min-width:992px){.sec-stats .col-lg-3+.col-lg-3 .stat-box{border-left:1px solid var(--line)}}

/* ===== Testimonials ===== */
.sec-testimonials{background:var(--soft)}
.quote-card{position:relative;height:100%;padding:44px 32px 32px;background:#fff;border-radius:32px;border: 1px solid #ebebeb;}
.quote-card::before{content:"\201C";position:absolute;top:6px;right:26px;font-size:5.5rem;line-height:1;color:var(--a2);opacity:.5;font-family:Georgia,serif}
.quote-card .stars{display:flex;gap:4px;margin-bottom:14px;justify-content: left;}
.quote-card .stars img{width: 18px !important;height:18px}
.quote-card p{color:var(--navy);font-size:1.05rem;line-height:1.7}
.who{display:flex;align-items:center;gap:12px;margin-top:20px}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.who strong{color:var(--navy)}

/* ===== Blog ===== */
.blog-card{display:block}
.blog-img{border-radius:32px 32px 32px 8px;overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow)}
.blog-img img{width:100%;display:block;transition:transform .6s}
.blog-card small{color:var(--a1);font-weight:700}
.blog-card h4{font-size:1.1rem;margin:6px 0 0;line-height:1.45;transition:.2s}
.blog-card:hover h4{color:var(--a1)}

/* ===== CTA ===== */
.sec-cta{padding: 0px 0 60px;}
.cta-panel{position:relative;overflow:hidden;padding: 40px 30px;border-radius:56px 56px 56px 12px;background:linear-gradient(135deg,#ff6b2c,#ff8f3d 55%,#ffb347)}
.cta-panel::before,.cta-panel::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.16)}
.cta-panel::before{width:380px;height:380px;right:-110px;top:-150px}
.cta-panel::after{width:240px;height:240px;left:-70px;bottom:-110px}
.cta-panel .section-title,.cta-panel p{position:relative;color:#fff}
.cta-panel .section-title {
    font-size: 24px;
    margin-bottom: 10px;
}
.cta-panel p {
    max-width: 800px;
    margin: 0 auto 15px;
}
.pointtext p{
	margin:0px;
}

.btn-light-wc{position:relative;background:#fff;color:var(--navy);border-color:#fff}
.btn-light-wc .btn-ico{filter:none}
.btn-light-wc:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-light-wc:hover .btn-ico{filter:brightness(0) invert(1)}

/* ===== Footer ===== */
.site-footer{background:var(--soft);padding: 60px 0 0;}
.site-footer h5{font-size:1.05rem;margin-bottom:18px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:10px}
.site-footer a{color:var(--text);transition:.2s}
.site-footer a:hover{color:var(--a1)}
.site-footer .social{display:flex;gap:10px}
.site-footer .social a{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 6px 16px rgba(12,19,48,.08)}
.site-footer .social img{width:18px;height:18px}
.contact-list li{display:flex;gap:12px;align-items:flex-start}
.contact-list img{width:20px;height:20px;margin-top:4px;flex:none}
.copyright{border-top:1px solid var(--line);margin: 20px 0 0;padding: 15px 0;text-align:center;font-size:.9rem}

/* ===== Owl carousel tweaks (shared) ===== */
.owl-carousel .owl-stage{display:flex}
.owl-carousel .owl-item>*{height:100%}
.owl-theme .owl-dots{margin-top:30px!important}
.owl-theme .owl-dots .owl-dot span{background:#d3d8ea;width:10px;height:10px;transition:.3s}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--a1);width:28px}
.js-hero-slider .owl-item>*{height:auto}
.js-partner-slider .owl-item .item,.js-work-slider .owl-item>*,.js-blog-slider .owl-item>*{height:auto}
.sec-shopify .owl-dots{display:none}
/* ===== Blog Pagination ===== */
.blog-pagination {
    --pg-accent: var(--primary, #6c3cf0);   /* apni theme ka main color yahan set karo */
    --pg-accent-soft: rgba(108, 60, 240, 0.08);
    --pg-border: #e5e7eb;
    --pg-text: #1f2937;
}

.blog-pagination ul.page-numbers {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-pagination ul.page-numbers li {
    margin: 0;
}

.blog-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--pg-border);
    border-radius: 10px;
    background: #fff;
    color: var(--pg-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* ul ke andar wale container ko box style se bachane ke liye */
.blog-pagination ul.page-numbers {
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
}

.blog-pagination a.page-numbers:hover,
.blog-pagination a.page-numbers:focus-visible {
      background: transparent;
    border-color: #0b0366;
    color: #0b0366;
    transform: translateY(-2px);
    outline: none;
}

.blog-pagination .page-numbers.current {
  background: linear-gradient(135deg, #ff6b2c, #ff8f3d 55%, #ffb347);
    color: #fff;
    box-shadow: 0 6px 16px rgb(255 154 64 / 28%);
}

.blog-pagination .page-numbers.dots {
    border-color: transparent;
    background: transparent;
    min-width: 28px;
    padding: 0;
}

.blog-pagination .page-numbers.prev,
.blog-pagination .page-numbers.next {
    padding: 0 18px;
}

@media (max-width: 575px) {
    .blog-pagination ul.page-numbers { gap: 6px; }
    .blog-pagination .page-numbers {
        min-width: 38px;
        height: 38px;
        padding: 0 10px;
        font-size: 14px;
    }
}
.sec-hero.fullheight-title {
    padding-top: 60px;
}
.post-card .more-link img {
    width: auto !important;
	margin: 0px !important;
}
.post-card img,
.post-cover {
    width: 100% !important;
    border-radius: 32px !important;
    margin-bottom: 20px !important;
    height: auto !important;
	    aspect-ratio: inherit !important;
    object-fit: contain !important;
}
/* ===== Responsive ===== */
@media(max-width:991.98px){
  .section-pad,.sec-cta{padding:80px 0}
  .sec-hero{padding:130px 0 50px}
  .hero-media{max-width:420px}
  .shopify-panel{padding:56px 30px;border-radius:40px}
  .sec-seo{border-radius:40px 40px 0 0}
}
@media(max-width:575.98px){
  .section-pad,.sec-cta{padding:60px 0}
  .sec-hero{padding:110px 0 40px}
  .section-head{margin-bottom:36px}
  .hero-media{padding:0}
  .chip small{display:none}
  .chip{padding:8px 16px 8px 8px}
  .chip-1{left:0}.chip-2{right:0}
  .shopify-panel{padding:44px 20px;border-radius:32px}
  .cta-panel{padding:56px 20px;border-radius:36px 36px 36px 10px}
  .badge-circle{width:104px;height:104px}
  .btn-wc,.btn-wc-outline{padding:13px 24px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Finishing touches ===== */
html{scroll-behavior:smooth}
::selection{background:var(--a2);color:var(--navy)}
.section-label{display:inline-flex;align-items:center;gap:10px}
.section-label::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--grad)}
.section-head .section-label{justify-content:center}
.btn-wc,.btn-wc-outline{box-shadow:0 8px 20px rgba(12,19,48,.08)}
.about-media::after,.seo-media::after{content:"";position:absolute;left:-6px;bottom:6px;width:110px;height:110px;background-image:radial-gradient(var(--a1) 2px,transparent 2.5px);background-size:16px 16px;opacity:.35}

/* ===== Top offer bar ===== */
.topbar{background:var(--navy);color:#fff;font-size:.86rem;transition:.3s}
.topbar .container{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:9px;padding-bottom:9px}
.topbar img{width:16px;height:16px;vertical-align:-3px;margin-right:6px;filter: brightness(0) invert(1);}
.topbar a{color:var(--a2);font-weight:700;display:inline-flex;align-items:center}
.topbar .tb-link img{margin:0 0 0 6px;filter:brightness(0) invert(1)}
.topbar .tb-phone{color:#fff;margin-left:auto}
.site-header.scrolled .topbar{display:none}
.site-header .navbar{padding:14px 0}
.sec-hero{padding-top: 150px;}

/* ===== Hero trust ===== */
.hero-trust{list-style:none;display:flex;gap:26px;margin: 30px 0 0 auto;padding:0;color:var(--text);font-size:.9rem}
.hero-trust strong{display:block;color:var(--navy);font-size:1.4rem;line-height:1.1}
.hero-trust li{border-left:2px solid var(--a2);padding-left:12px;line-height:1.3}

/* ===== Marquee ===== */
.marquee{background:var(--navy);color:#fff;padding:18px 0;overflow:hidden;transform:rotate(-1.2deg);margin: 10px -20px 10px;}
.marquee-track{display:flex;align-items:center;gap:34px;width:max-content;animation:marq 38s linear infinite;font-weight:700;font-size:1.15rem;white-space:nowrap}
.marquee-track img{width:20px;height:20px}
@keyframes marq{to{transform:translateX(-50%)}}

/* ===== Process ===== */
.process-card{position:relative;height:100%;padding:34px 28px;background:var(--soft);border-radius:36px 36px 36px 8px;overflow:hidden;transition:.35s}
.process-card:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-6px)}
.p-num{position:absolute;right:20px;top:6px;font-size:4.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,107,44,.35)}
.process-card .ico-bubble{margin-bottom:22px}
.process-card h4{font-size:1.2rem;margin-bottom:8px}
.process-card p{margin:0;font-size:.93rem;line-height:1.65}

/* ===== Audit lead section ===== */
.sec-audit{padding: 0px 0 60px;scroll-margin-top:90px}
.audit-panel{position:relative;overflow:hidden;padding: 60px;border-radius:56px;background:linear-gradient(135deg,var(--sky),var(--lav) 55%,var(--peach))}
.audit-panel::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,179,71,.28);left:-110px;bottom:-150px}
.audit-panel .row{position:relative}
.audit-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;background:var(--navy);color:#fff;font-size:.88rem;font-weight:600;margin-bottom:20px}
.audit-badge img{width:16px;height:16px}
.audit-call{display:inline-flex;align-items:center;gap:12px;color:var(--text)}
.audit-call img{width:44px;height:44px;padding:11px;border-radius:50%;background:#fff;box-shadow:var(--shadow)}
.audit-call strong{color:var(--navy)}
.form-card{background:#fff;border-radius:36px 36px 36px 10px;padding:36px 32px;box-shadow:0 30px 70px rgba(12,19,48,.12)}
.lead-input{width:100%;padding:14px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--soft);color:var(--navy);font:inherit;transition:.2s;appearance:none;-webkit-appearance:none}
select.lead-input{background-image:linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.lead-input:focus{outline:none;border-color:var(--a1);background:#fff;box-shadow:0 0 0 4px rgba(255,107,44,.14)}
.was-validated .lead-input:invalid{border-color:#e5484d}
.form-success{text-align:center;padding:30px 10px}
.form-success img{width:56px;height:56px;padding:14px;border-radius:50%;background:var(--mint);margin-bottom:14px}

/* ===== FAQ ===== */
.accordion-item{border:0;background:var(--soft);border-radius:24px!important;margin-bottom:14px;overflow:hidden}
.accordion-button{background:transparent;color:var(--navy);font-weight:700;padding:22px 26px;box-shadow:none!important;font-family:inherit}
.accordion-button:not(.collapsed){background:var(--peach);color:var(--navy)}
.accordion-button:focus-visible{outline:2px solid var(--a1);outline-offset:-2px}
.accordion-body{padding:6px 26px 24px;color:var(--text)}
.accordion-header{margin:0;font-size:inherit;letter-spacing:0}
.sec-faq{background:#fff}

/* ===== CTA extra ===== */
.btn-line-wc{color:#fff;border-color:#fff}
.btn-line-wc:hover{background:#fff;color:var(--navy)}

/* ===== Floating contact buttons ===== */
.float-actions{position:fixed;right:18px;bottom:20px;z-index:900;display:flex;flex-direction:column;gap:12px}
.float-actions a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(12,19,48,.28);transition:.3s}
.float-actions a:hover{transform:scale(1.1)}
.float-actions img{width:26px;height:26px}
.fa-wa{background:#25d366}
.fa-call{background:var(--a1)}

/* ===== Exit-intent modal ===== */
.lead-modal{border:0;border-radius:40px 40px 40px 12px;overflow:hidden;position:relative}
.lead-modal .btn-close{position:absolute;right:20px;top:20px;z-index:3;background-color:#fff;border-radius:50%;padding:10px;opacity:1}
.modal-side{padding:44px 34px;background:linear-gradient(160deg,var(--peach),var(--lav))}
.modal-side h2{font-size:1.7rem;margin-bottom:12px}
.modal-form{padding:44px 34px 34px}
.modal-backdrop.show{opacity:.55}

/* ===== Responsive additions ===== */
@media(max-width:991.98px){
  .sec-hero{padding-top:170px}
  .audit-panel{padding:50px 28px;border-radius:40px}
  .hero-trust{margin:20px 0 0;width:100%}
  .topbar .tb-phone{display:none}
  .marquee{margin:0 -20px 20px}
}
@media(max-width:575.98px){
  .sec-hero{padding-top:150px}
  .topbar{font-size:.78rem}
  .topbar .container{gap:12px;padding-left:12px;padding-right:12px}
  .hero-trust{gap:16px}
  .form-card{padding:26px 20px}
  .audit-panel{padding:40px 18px;border-radius:32px}
  .modal-side{display:none}
  .modal-form{padding:50px 20px 24px}
  .float-actions{right:12px;bottom:14px}
  .float-actions a{width:48px;height:48px}
  .sec-audit{padding-bottom:70px}
}

/* =====================================================================
   RESPONSIVE — Mobile side drawer + all homepage sections
   (keep this block at the bottom so it overrides earlier rules)
   Breakpoints: ≥1200 desktop | 992–1199 small laptop | 768–991 tablet
                576–767 large phone | ≤575 phone | ≤375 small phone
   ===================================================================== */

/* ---- Global safety ---- */
html{-webkit-text-size-adjust:100%}
img,svg,video{max-width:100%}
.owl-carousel .owl-item img{width:100%}
.owl-carousel .owl-item img.chip-ico{width:42px}
.nav-overlay{display:none}

/* ---- Menu icon rows (Web Development + Marketing dropdowns) ---- */
.mega-link small{min-height:0}
.mega-menu .mega-link strong{font-size:.95rem}

/* ---- Small laptop: keep desktop menu on one line ---- */
@media(min-width:992px) and (max-width:1199.98px){
  .site-header .nav-link,.site-header .btn-wc{white-space:nowrap}
  .site-header .nav-link{padding:10px 7px!important;font-size:.74rem;letter-spacing:.3px}
  .navbar-brand{margin-right:.5rem}
  .nav-link.has-sub::after{margin-left:5px}
  .site-header .nav-item.ms-lg-3{margin-left:.5rem!important}
  .site-header .btn-wc{padding:9px 16px;font-size:.85rem}
  .navbar-brand img{height:38px;width:auto}
  .mega-inner{max-width:94vw;padding:28px 22px}
  .mega-link{gap:10px;padding:8px}
  .mega-link img{width:34px;height:34px;padding:8px}
}

/* ---- Tablet & mobile (< 992px): side drawer ---- */
@media(max-width:991.98px){
  .site-header,.site-header.scrolled{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .site-header .navbar{padding:10px 0}
  .navbar-brand{margin:0}
  .navbar-brand img{height:38px;width:auto}
  .navbar-toggler{border-radius:10px;transition:background .2s}
  .navbar-toggler:hover{background:var(--peach)}

  .nav-overlay{display:block;position:fixed;inset:0;z-index:1090;background:rgba(11,3,102,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .nav-overlay.show{opacity:1;visibility:visible}
  body.nav-locked{overflow:hidden}

  .nav-drawer{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:1100;width:min(390px,88vw);height:100%;
    display:flex;flex-direction:column;flex-basis:auto;align-items:stretch;background:#fff;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:0 0 28px;box-shadow:-24px 0 60px rgba(12,19,48,.22);
    transform:translateX(105%);visibility:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}
  .nav-drawer.is-open{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s}

  .drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}
  .drawer-head img{height:34px;width:auto;display:block}
  .drawer-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--peach);color:var(--navy);transition:.2s}
  .drawer-close:hover{background:var(--a1);color:#fff}

  .nav-drawer .navbar-nav{width:100%;margin:0!important;padding:8px 18px 0;flex-direction:column}
  .site-header .nav-drawer .nav-link{display:flex;align-items:center;justify-content:space-between;padding:15px 6px!important;border-bottom:1px solid var(--line);font-size:.92rem;letter-spacing:.6px}
  .nav-link.has-sub::after{margin:-4px 4px 0 0;transform:rotate(45deg);transition:transform .25s}
  .has-mega.open>.nav-link{color:var(--a1)}
  .has-mega.open>.nav-link.has-sub::after{transform:rotate(-135deg);margin-top:4px}

  .mega-menu{display:none;padding:10px 0 6px}
  .has-mega.open .mega-menu{display:block;animation:drawerFade .25s ease}
  @keyframes drawerFade{from{opacity:0;transform:translateY(-6px)}}
  .mega-inner{--bs-gutter-y:.4rem;background:var(--soft);border-radius:18px;padding:14px 10px 10px;margin:0!important}
  .mega-inner>[class*="col-"]{margin:0;padding-left:6px;padding-right:6px}
  .mega-inner h6{margin:6px 6px 8px}
  .mega-link{padding:9px 8px;margin-bottom:2px}
  .mega-link img{width:36px;height:36px;padding:8px}
  .mega-link strong{font-size:.9rem}
  .mega-link small{font-size:.78rem}
  .mega-sub{padding:7px 6px}
  .mega-sub:hover{padding-left:6px}

  .nav-drawer .nav-item.ms-lg-3{margin:22px 0 0!important;padding:0 2px}
  .site-header .nav-drawer .btn-wc{width:100%;justify-content:center;margin-top:0;padding:14px 24px}
}

/* ---- Tablet (≤ 991px): page sections ---- */
@media(max-width:991.98px){
  .row.g-5{--bs-gutter-x:1.5rem;--bs-gutter-y:2.25rem}
  .topbar .container{justify-content:center}
  .sec-hero{padding:150px 0 40px}
  .hero-slide h1{font-size:clamp(1.6rem,5.2vw,2.2rem)}
  .hero-text{font-size:14px}
  .hero-trust{margin:24px 0 0;width:auto}
  .hero-media{max-width:400px}
  .hero-media .chip-1{left:-10px}.hero-media .chip-2{right:-10px}
  .section-pad{padding:64px 0}
  .sec-work,.sec-blog,.sec-process,.sec-services{padding-top:0}
  .section-head{margin-bottom:40px}
  .about-media{max-width:440px}
  .service-card,.col-lg-3 .service-card{padding:28px 24px;flex-direction:column;gap:18px}
  .shopify-panel{padding:44px 28px}
  .shopify-panel .row.mb-5{margin-bottom:2rem!important}
  .step{text-align:left}
  .audit-panel{padding:44px 26px}
  .stat-box strong{font-size:clamp(2.2rem,7vw,3.2rem)}
  .site-footer{padding-top:50px}
  .copyright{margin-top:10px}
  .float-actions a{width:50px;height:50px}
.mainblog-detailpg .ip-post.section-pad {
    padding-bottom: 0px;
}	
.section-pad, .sec-cta {
        padding: 60px 0;
    }
}

/* ---- Large phone (≤ 767px) ---- */
@media(max-width:767.98px){
  .section-pad{padding:52px 0}
  .sec-work,.sec-blog,.sec-process,.sec-services{padding-top:0}
  .service-card,.col-lg-3 .service-card{flex-direction:row}
  .section-title{margin-bottom:16px}
  .section-head{margin-bottom:32px}
  .marquee{padding:14px 0;margin:6px -20px 14px}
  .marquee-track{font-size:1rem;gap:24px}
  .sec-partners{padding-bottom:44px}
  .sec-partners .strip-title{font-size:1.1rem;margin-bottom:28px}
  .sec-work .d-flex.justify-content-between,.sec-blog .d-flex.justify-content-between{align-items:flex-start!important}
  .work-info h4{font-size:1.1rem}
  .industry-card{padding:30px 24px}
  .quote-card{padding:40px 24px 26px}
  .quote-card p{font-size:1rem}
  .cta-panel{padding:44px 22px}
  .cta-panel .d-flex{flex-direction:column;align-items:stretch}
  .cta-panel .d-flex>a{justify-content:center}
}

/* ---- Phone (≤ 575px) ---- */
@media(max-width:575.98px){
  .topbar{font-size:.74rem}
  .topbar .container{gap:10px;padding:7px 12px}
  .topbar img{width:14px;height:14px;margin-right:4px}
  .nav-drawer{width:min(360px,90vw)}
  .sec-hero{padding:128px 0 32px}
  .hero-slide h1{font-size:1.55rem;margin-bottom:16px}
  .pill{font-size:.78rem;padding:7px 14px;margin-bottom:18px;text-align:left}
  .hero-copy .d-flex{flex-direction:column;align-items:stretch}
  .hero-copy .d-flex>a{justify-content:center}
  .hero-trust{gap:14px;font-size:.8rem}
  .hero-trust strong{font-size:1.15rem}
  .hero-media{max-width:320px;padding:0}
  .chip{padding:7px 14px 7px 7px;gap:8px}
  .chip-ico{width:34px!important;height:34px;padding:8px}
  .chip strong{font-size:.78rem}
  .about-media{padding:10px}
  .about-media::before{inset:0 16px 16px 0}
  .badge-circle{width:92px;height:92px;bottom:10px}
  .badge-circle strong{font-size:1.5rem}
  .badge-circle small{font-size:.7rem;padding:0 10px}
  .service-card{padding:24px 20px;border-radius:28px 28px 28px 8px;gap:16px}
  .service-card h4{font-size:1.1rem}
  .ico-bubble{width:52px;height:52px}
  .ico-bubble img{width:24px;height:24px}
  .shopify-panel{padding:36px 18px;border-radius:28px}
  .process-card{padding:28px 22px}
  .p-num{font-size:3.6rem}
  .audit-panel{padding:34px 16px;border-radius:28px}
  .audit-call{align-items:center}
  .form-card{padding:22px 16px;border-radius:26px 26px 26px 8px}
  .lead-input{padding:13px 15px}
  .stat-box{padding:4px}
  .accordion-button{padding:16px 18px;font-size:.92rem}
  .accordion-body{padding:4px 18px 18px}
  .cta-panel{border-radius:28px 28px 28px 10px;padding:38px 18px}
  .site-footer .row{--bs-gutter-y:1.75rem}
  .contact-list li{word-break:break-word}
  .float-actions{right:10px;bottom:12px}
  .float-actions a{width:46px;height:46px}
  .float-actions img{width:22px;height:22px}
  .lead-modal{border-radius:26px 26px 26px 10px}
  .modal-dialog{margin:.75rem}
}

/* ---- Small phone (≤ 375px) ---- */
@media(max-width:375px){
  body{font-size:13.5px}
  .container{padding-left:14px;padding-right:14px}
  .tb-offer{font-size:.72rem}
  .topbar .tb-link{white-space:nowrap}
  .navbar-brand img{height:34px}
  .hero-slide h1{font-size:1.4rem}
  .hero-media{max-width:280px}
  .hero-trust{gap:10px}
  .hero-trust li{padding-left:9px}
  .section-title{font-size:1.2rem}
  .btn-wc,.btn-wc-outline{padding:12px 20px}
  .nav-drawer{width:92vw}
}

/* ---- Landscape phones: keep drawer scrollable & hero compact ---- */
@media(max-width:991.98px) and (max-height:480px) and (orientation:landscape){
  .sec-hero{padding-top:120px}
  .nav-drawer .navbar-nav{padding-top:4px}

}

/* ---- Large screens ---- */
@media(min-width:1600px){
  .mega-inner{max-width:1240px}
}

/* Clip rotated marquee corners so the page never scrolls sideways */
main{overflow-x:clip}


@media (max-width:767px){
	
	
.hero-slide .row.align-items-center.g-5 {
    flex-direction: column-reverse;
}
	
	.hero-trust {
        justify-content: center;
    }
.mainblog-detailpg .ip-post.section-pad {
    padding-bottom: 0px;
}	
	
}