/* ==========================================================
   UNCODEMY FOOTER - generated from course/playwright-training-course-in-delhi.html
   Sab selectors .uc-footer (#UnCodeMy-Footer) ke andar scoped hain -> blog ki CSS se takraav nahi.
   ========================================================== */

/* ---- design tokens (scoped: blog ke apne CSS variables nahi badalte) ---- */
.uc-footer {
--font-primary: "Inter", "Inter-fallback", Arial, sans-serif;
    --fs-h1: 42px;
    --fs-h2: 40px;
    --fs-h3: 32px;
    --fs-h4: 26px;
    --fs-h5: 22px;
    --fs-h6: 18px;
    --fs-body: 16px;
    --fs-lg: 18px;
    --fs-sm: 14px;
    --fs-caption: 12px;
    --fs-btn: 16px;
    --fs-nav: 16px;
    --fs-label: 14px;
    --lh-h1: 1.15;
    --lh-h2: 1.2;
    --lh-h3: 1.25;
    --lh-h4: 1.3;
    --lh-h5: 1.35;
    --lh-h6: 1.4;
    --lh-body: 1.6;
    --lh-tight: 1.3;
    --ls-h1: -.02em;
    --ls-h2: -.02em;
    --ls-h3: -.015em;
    --ls-h4: -.01em;
    --ls-h5: -.01em;
    --ls-h6: -.005em;
    --ls-body: 0;
    --ls-caption: .01em;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
--color-primary: #ff5421;
    --color-primary-light: #ff6b3d;
    --color-primary-tools: #ff4c1a;
    --color-primary-alt: #ff5126;
    --color-primary-batch: #ff5722;
    --color-primary-batch-light: #ff7a4a;
    --color-primary-footer: #ff561f;
    --color-primary-footer-dark: #df3d0c;
    --color-primary-cert: #ff4b1f;
    --color-primary-cert-dark: #e0441b;
    --color-primary-menu: #ff6a3d;
    --color-primary-menu-light: #ffa24c;
    --color-primary-menu-soft: rgba(255, 106, 61, .12);
    --color-border-batch: #e0685a;
    --color-border-accent: #f15a24;
    --color-text: #16213d;
    --color-text-muted: #6b7686;
    --color-heading: #0b1220;
    --color-navy: #0d1b3e;
    --color-body: #3f5170;
    --color-body-strong: #333333;
    --color-navy-tools: #111a3d;
    --color-navy-cert: #101a35;
    --color-body-cert: #4a5568;
    --color-text-dark: #3d424c;
    --color-text-grey: #6b6b76;
    --color-navy-form: #151b3d;
    --color-text-strong: #2b2b2b;
    --color-muted: #8a8a8a;
    --color-navy-menu: #12203b;
    --color-navy-menu-2: #182a4d;
    --color-text-invert: #f3f5fa;
    --color-text-invert-muted: #aeb8cc;
    --color-navy-deep: #17143b;
    --color-text-soft: #676979;
    --color-muted-footer: #777777;
    --color-surface: #ffffff;
    --color-surface-dark: #101010;
    --color-surface-soft: #f3f3f3;
    --color-surface-primary-soft: #fff5f0;
    --color-surface-cert: #f4f8ff;
    --color-surface-topbar: #f4f7fa;
    --color-surface-form: #eef3ff;
    --color-surface-card: #fbfbfd;
    --color-surface-card-hover: #fff6ef;
    --color-surface-muted: #f8f9fc;
    --color-surface-tool: #f0f2f5;
    --color-surface-ai: #e8ecf1;
    --color-border-soft: #f3e7e1;
    --color-border-line: #e3e3e3;
    --color-border-input: #e2e2e2;
    --color-border-invert: rgba(255, 255, 255, .08);
    --color-border-panel: #eef0f4;
    --color-border-card: #e9ebf1;
    --color-border-card-hover: #ffc9a8;
    --color-border: #eeeeee;
    --color-success: #1fa40d;
    --color-success-footer: #168d21;
    --color-success-alt: #16851d;
    --color-lime: #7cff16;
    --color-info: #078be4;
    --color-teal-dark: #244f4c;
    --color-teal: #17b8a6;
    --radius-md: 10px;
  --font-primary: "Inter", "Inter-fallback", Arial, sans-serif;
}

/* ---- isolation: bahar ki CSS ko andar aane se roko ---- */
.uc-footer { all: revert; }
.uc-footer :where(*:not(svg, svg *, img)) { all: revert; }
.uc-footer {
--font-primary: "Inter", "Inter-fallback", Arial, sans-serif;
    --fs-h1: 42px;
    --fs-h2: 40px;
    --fs-h3: 32px;
    --fs-h4: 26px;
    --fs-h5: 22px;
    --fs-h6: 18px;
    --fs-body: 16px;
    --fs-lg: 18px;
    --fs-sm: 14px;
    --fs-caption: 12px;
    --fs-btn: 16px;
    --fs-nav: 16px;
    --fs-label: 14px;
    --lh-h1: 1.15;
    --lh-h2: 1.2;
    --lh-h3: 1.25;
    --lh-h4: 1.3;
    --lh-h5: 1.35;
    --lh-h6: 1.4;
    --lh-body: 1.6;
    --lh-tight: 1.3;
    --ls-h1: -.02em;
    --ls-h2: -.02em;
    --ls-h3: -.015em;
    --ls-h4: -.01em;
    --ls-h5: -.01em;
    --ls-h6: -.005em;
    --ls-body: 0;
    --ls-caption: .01em;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
--color-primary: #ff5421;
    --color-primary-light: #ff6b3d;
    --color-primary-tools: #ff4c1a;
    --color-primary-alt: #ff5126;
    --color-primary-batch: #ff5722;
    --color-primary-batch-light: #ff7a4a;
    --color-primary-footer: #ff561f;
    --color-primary-footer-dark: #df3d0c;
    --color-primary-cert: #ff4b1f;
    --color-primary-cert-dark: #e0441b;
    --color-primary-menu: #ff6a3d;
    --color-primary-menu-light: #ffa24c;
    --color-primary-menu-soft: rgba(255, 106, 61, .12);
    --color-border-batch: #e0685a;
    --color-border-accent: #f15a24;
    --color-text: #16213d;
    --color-text-muted: #6b7686;
    --color-heading: #0b1220;
    --color-navy: #0d1b3e;
    --color-body: #3f5170;
    --color-body-strong: #333333;
    --color-navy-tools: #111a3d;
    --color-navy-cert: #101a35;
    --color-body-cert: #4a5568;
    --color-text-dark: #3d424c;
    --color-text-grey: #6b6b76;
    --color-navy-form: #151b3d;
    --color-text-strong: #2b2b2b;
    --color-muted: #8a8a8a;
    --color-navy-menu: #12203b;
    --color-navy-menu-2: #182a4d;
    --color-text-invert: #f3f5fa;
    --color-text-invert-muted: #aeb8cc;
    --color-navy-deep: #17143b;
    --color-text-soft: #676979;
    --color-muted-footer: #777777;
    --color-surface: #ffffff;
    --color-surface-dark: #101010;
    --color-surface-soft: #f3f3f3;
    --color-surface-primary-soft: #fff5f0;
    --color-surface-cert: #f4f8ff;
    --color-surface-topbar: #f4f7fa;
    --color-surface-form: #eef3ff;
    --color-surface-card: #fbfbfd;
    --color-surface-card-hover: #fff6ef;
    --color-surface-muted: #f8f9fc;
    --color-surface-tool: #f0f2f5;
    --color-surface-ai: #e8ecf1;
    --color-border-soft: #f3e7e1;
    --color-border-line: #e3e3e3;
    --color-border-input: #e2e2e2;
    --color-border-invert: rgba(255, 255, 255, .08);
    --color-border-panel: #eef0f4;
    --color-border-card: #e9ebf1;
    --color-border-card-hover: #ffc9a8;
    --color-border: #eeeeee;
    --color-success: #1fa40d;
    --color-success-footer: #168d21;
    --color-success-alt: #16851d;
    --color-lime: #7cff16;
    --color-info: #078be4;
    --color-teal-dark: #244f4c;
    --color-teal: #17b8a6;
    --radius-md: 10px;
  --font-primary: "Inter", "Inter-fallback", Arial, sans-serif;
  display: block; position: relative; width: 100%; max-width: none; margin: 0; padding: 0; clear: both; float: none;
  font-family: var(--font-primary); font-size: var(--fs-body); line-height: var(--lh-body);
  color: #3d424c; text-align: left; letter-spacing: normal; word-spacing: normal; text-transform: none;
  -webkit-font-smoothing: antialiased; 
}

/* ---- course page ke base rules (main.css), sirf is scope me ---- */
.uc-footer, .uc-footer :where(*), .uc-footer :where(*)::before, .uc-footer :where(*)::after { box-sizing: border-box; }
.uc-footer :where(*:not(svg, svg *)) { margin: 0; padding: 0; font-family: var(--font-primary); }
.uc-footer :where(img) { all: unset; display: inline; max-width: 100%; height: auto; border: 0; vertical-align: baseline; }
.uc-footer :where(svg) { display: inline; max-width: none; vertical-align: baseline; }
.uc-footer :where(a) { color: inherit; text-decoration: none; cursor: pointer; }
.uc-footer :where(button) { border: 0; cursor: pointer; font-family: inherit; }
.uc-footer :where(li) { margin-left: 0 !important; }
.uc-footer :where(h1) { font-size: var(--fs-h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-weight: var(--fw-bold); }
.uc-footer :where(h2) { font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: var(--fw-bold); }
.uc-footer :where(h3) { font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-weight: var(--fw-semibold); }
.uc-footer :where(h4) { font-size: var(--fs-h4); line-height: var(--lh-h4); letter-spacing: var(--ls-h4); font-weight: var(--fw-semibold); }
.uc-footer :where(input, select, textarea) { font-family: var(--font-primary); font-size: var(--fs-body); line-height: var(--lh-tight); }

.uc-footer { overflow-x: clip; }

/* ---- footer styles (course-img/css/main.css) ---- */
.back-to-top {
    position: fixed;
    right: 24px;
    bottom: 60px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-primary-alt);
    color: var(--color-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-lg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    cursor: pointer;
    text-decoration: none;
  }
#UnCodeMy-Footer {
    margin: 0;
    background: var(--color-surface-dark);
    color: var(--color-surface);
    font-family: var(--font-primary);
  }
#UnCodeMy-Footer * {
    box-sizing: border-box;
    min-width: 0;
  }
#UnCodeMy-Footer a {
    color: var(--color-surface);
    text-decoration: none;
  }
#UnCodeMy-Footer img {
    max-width: 100%;
    display: block;
  }
#UnCodeMy-Footer h2 {
    margin: 0;
    color: var(--color-surface-soft);
    font-size: var(--fs-h5);
    font-weight: 900;
    line-height: 1.1;
  }
#UnCodeMy-Footer .ftr-icon {
    width: 15px;
    height: 22px;
    flex: 0 0 auto;
    color: var(--color-surface);
  }
.Hemank-page,
  .Hemank-footer {
    width: 100%;
    overflow-x: hidden;
    background: var(--color-surface-dark);
  }
.Hemank-footer-top {
    padding: clamp(22px, 3vw, 34px) clamp(12px, 2.2vw, 24px) 15px;
  }
.Hemank-footer-wrap {
    width: min(100%, 1760px);
    margin: 0 auto;
  }
.Hemank-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    align-items: start;
    gap: clamp(26px, 2.4vw, 44px) clamp(18px, 2.4vw, 40px);
  }
.Hemank-brand-col {
    grid-column: span 1;
  }
.Hemank-brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: clamp(14px, 2vw, 24px);
  }
.Hemank-brand-mark img {
    width: 100%;
    max-width: clamp(180px, 22vw, 300px);
    height: auto;
  }
.Hemank-about-text {
    width: 100%;
    max-width: 340px;
    margin: 0 0 18px;
    color: var(--color-surface-soft);
    font-size: var(--fs-sm);
    font-weight: 700;
    line-height: 1.65;
    text-align: justify;
  }
.Hemank-social-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(12px, 1.6vw, 18px);
    margin-bottom: 5px;
  }
.Hemank-social-link {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    flex: 0 0 auto;
    color: var(--color-surface);
    font-size: var(--fs-body);
    font-weight: 900;
    transition: transform 160ms ease, filter 160ms ease;
  }
.Hemank-social-link:hover,
  .Hemank-promo-card:hover,
  .Hemank-links-col a:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
  }
.Hemank-social-fb {
    border: 2px solid var(--color-surface);
    border-radius: 50%;
    font-family: var(--font-primary);
  }
.Hemank-social-in {
    border-radius: 4px;
    background: #0a78b6;
    font-size: var(--fs-body);
  }
.Hemank-social-ig {
    border-radius: 7px;
    background: linear-gradient(135deg, #654dff, #e34086 58%, #f9a12d);
    font-size: var(--fs-caption);
  }
.Hemank-contact-col h2,
  .Hemank-links-col h2,
  .Hemank-payment-col h2 {
    margin-bottom: 10px;
  }
.Hemank-contact-group {
    display: grid;
    gap: clamp(12px, 1.4vw, 16px);
  }
.Hemank-contact-item {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: clamp(9px, 1.2vw, 15px);
    align-items: start;
    color: var(--color-surface);
    font-size: var(--fs-sm);
    font-weight: 700;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }
.Hemank-contact-item p {
    margin: 0;
  }
.Hemank-links-col ul {
    display: grid;
    gap: clamp(11px, 1.4vw, 16px);
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
  }
.Hemank-links-col a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-surface);
    font-size: var(--fs-sm);
    font-weight: 700;
    line-height: 1.25;
    transition: transform 160ms ease, filter 160ms ease, color 160ms ease;
  }
.Hemank-links-col a::before {
    content: "⇨";
    flex: 0 0 auto;
    color: var(--color-primary-footer);
    font-size: clamp(19px, 1.4vw + 12px, 27px);
    line-height: 1;
  }
.Hemank-links-col a:hover {
    color: #ff7d4a;
  }
.Hemank-payment-col p {
    margin: 0 0 14px;
    color: var(--color-surface);
    font-size: var(--fs-caption);
    font-weight: 900;
  }
.Hemank-payment-methods {
    margin-bottom: clamp(10px, 1.2vw, 14px);
  }
.Hemank-payment-methods img {
    width: 100%;
    height: auto;
    border-radius: 4px;
  }
.footer-right-bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(8px, 1vw, 12px);
  }
.Hemank-promo-card {
    width: 100%;
    aspect-ratio: 215 / 78;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    transition: transform 160ms ease, filter 160ms ease;
  }
.Hemank-promo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
.Hemank-fee-card {
    background: linear-gradient(180deg, #81cc35, #43a81a);
  }
.Hemank-whatsapp-card {
    background: var(--color-teal-dark);
  }
.Hemank-demo-card {
    background: linear-gradient(180deg, #a338a6, #702ca7);
  }
.Hemank-placement-card {
    background: linear-gradient(135deg, var(--color-surface), #e8f4fb 45%, var(--color-surface));
  }
.Hemank-course-footer {
    border-top: 1px solid rgba(255, 255, 255, .68);
    background: var(--color-surface-dark);
  }
.Hemank-course-wrap {
    padding: clamp(12px, 1.6vw, 18px) clamp(12px, 2.2vw, 24px) clamp(4px, 1vw, 10px);
  }
.Hemank-city-pages h2 {
    margin-bottom: 14px;
    font-size: var(--fs-h5);
  }
.Hemank-city-row {
    margin: 0;
  }
.Hemank-city-row h3 {
    margin: 0 0 12px;
    color: var(--color-surface-soft);
    font-size: var(--fs-h6);
    font-weight: 900;
    line-height: 1.2;
  }
.Hemank-text-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 18px;
  }
.Hemank-text-links a {
    position: relative;
    display: inline-block;
    color: var(--color-surface);
    font-size: var(--fs-sm);
    font-weight: 700;
    line-height: 1.4;
    transition: color 160ms ease;
  }
.Hemank-text-links a::after {
    content: "";
    position: absolute;
    top: 3px;
    right: -9px;
    width: 2px;
    height: 13px;
    background: var(--color-primary-footer);
  }
.Hemank-text-links a:last-child::after {
    display: none;
  }
.Hemank-text-links a:hover {
    color: #ff7d4a;
  }
.Hemank-copyright-section {
    min-height: 40px;
    margin-bottom: 35px;
    padding: 10px clamp(12px, 2vw, 24px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 20px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: #696969;
  }
.Hemank-copyright-section p {
    margin: 0;
    font-size: var(--fs-body);
    line-height: 1.4;
  }
.Hemank-copyright-section strong {
    color: var(--color-surface);
    font-weight: 500;
  }
.Hemank-desktop-cta {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    height: 35px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: var(--color-primary-footer);
    box-shadow: 0 -2px 9px rgba(0, 0, 0, .35);
  }
.Hemank-desktop-cta a {
    display: grid;
    place-items: center;
    padding: 0 4px;
    border-right: 1px solid rgba(255, 255, 255, .15);
    border-left: 1px solid rgba(120, 28, 0, .22);
    color: var(--color-surface);
    font-size: var(--fs-btn);
    font-weight: 900;
    text-align: center;
    transition: background 160ms ease;
  }
.Hemank-desktop-cta a:hover,
  .Hemank-desktop-cta a.is-active {
    background: var(--color-primary-footer-dark);
  }
#UnCodeMy-Footer .bottom-navbar {
    position: fixed;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    width: calc(100% - 20px);
    max-width: 420px;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 8px 6px;
    border-radius: 40px;
    background: var(--color-surface);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  }
#UnCodeMy-Footer .nav-item {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 2px;
    border: 0;
    border-radius: 20px;
    background: transparent;
    color: var(--color-muted);
    font-size: var(--fs-caption);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: color 200ms ease, background 200ms ease;
  }
#UnCodeMy-Footer .nav-item svg {
    width: clamp(18px, 5.4vw, 22px);
    height: clamp(18px, 5.4vw, 22px);
    stroke: var(--color-muted);
    fill: none;
    stroke-width: 1.8;
    transition: stroke 200ms ease;
  }
#UnCodeMy-Footer .nav-item.active {
    color: #ff6a1a;
    background: #fff1e8;
  }
#UnCodeMy-Footer .nav-item.active svg {
    stroke: #ff6a1a;
  }
#UnCodeMy-Footer .nav-item.center {
    padding: 0;
    margin-top: -28px;
    background: transparent;
  }
#UnCodeMy-Footer .nav-item.center .center-btn {
    width: clamp(44px, 13vw, 54px);
    height: clamp(44px, 13vw, 54px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #ff7a2e, #ff5a1a);
    box-shadow: 0 6px 16px rgba(255, 90, 26, .4);
  }
#UnCodeMy-Footer .nav-item.center span {
    margin-top: 4px;
    color: #f8f5f5;
  }
#UnCodeMy-Footer .abhay-white {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    color: #fefefe;
    font-size: var(--fs-caption);
    line-height: 1.1;
  }
@media (min-width:1100px) {
  .Hemank-footer-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}
@media (max-width:620px) {
  .Hemank-about-text {
      max-width: none
    }
  .Hemank-copyright-section {
      margin-bottom: 35px;
      padding: 14px 18px;
      display: grid;
      place-items: center;
      gap: 4px;
      text-align: center;
      color: var(--color-muted-footer)
    }
}
@media (max-width:500px) {
  .Hemank-copyright-section {
      margin-bottom: 84px
    }
}
@media (max-width:360px) {
  .Hemank-footer-top {
      padding: 20px 10px 12px
    }
  .Hemank-course-wrap {
      padding: 14px 10px 0
    }
  #UnCodeMy-Footer .bottom-navbar {
      width: calc(100% - 12px);
      padding: 6px 2px
    }
  #UnCodeMy-Footer .nav-item {
      padding: 6px 1px;
      gap: 2px
    }
  #UnCodeMy-Footer .nav-item.center {
      margin-top: -24px
    }
}
@media (max-width:1180px) {
  .Hemank-footer-grid {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 40px 32px
    }
  .Hemank-copyright-section {
      padding: 0 6%
    }
  .Hemank-rating-row {
      flex-wrap: wrap;
      gap: 10px
    }
}
@media (max-width:900px) {
  .Hemank-footer-wrap {
      width: 100%
    }
  .Hemank-footer-top {
      padding: 30px 16px 15px
    }
}
@media (max-width:760px) {
  .Hemank-footer-top {
      padding: 28px 18px 15px
    }
  .Hemank-footer-grid {
      grid-template-columns: 1fr;
      gap: 38px
    }
  .Hemank-about-text,
    .Hemank-partner-card,
    .Hemank-award-card,
    .Hemank-divider,
    .Hemank-promo-card,
    .Hemank-payment-methods {
      width: 100%;
      max-width: 360px
    }
  .Hemank-contact-card {
      margin-left: 10px
    }
  .Hemank-course-wrap {
      padding: 16px 12px 0
    }
  .Hemank-city-pages {
      margin-top: 26px
    }
  .Hemank-copyright-section {
      min-height: 102px;
      padding: 12px 22px 46px;
      display: grid;
      place-items: center;
      gap: 4px;
      text-align: center;
      color: var(--color-muted-footer)
    }
  .Hemank-copyright-section p {
      font-size: var(--fs-body)
    }
  .Hemank-copyright-section p:nth-child(2),
    .Hemank-copyright-section p:nth-child(3) {
      font-size: var(--fs-body)
    }
  .Hemank-copyright-section p:nth-child(3) {
      margin-top: 24px
    }
}
@media (max-width:560px) and (min-width:501px) {
  .Hemank-desktop-cta a {
      font-size: var(--fs-caption)
    }
}
@media (max-width:500px) {
  .Hemank-desktop-cta {
      display: none
    }
  #UnCodeMy-Footer .bottom-navbar {
      display: flex
    }
  #UnCodeMy-Footer .nav-item {
      color: #000
    }
  .Hemank-footer {
      padding-bottom: 2px
    }
  .Hemank-copyright-section {
      margin-bottom: 80px
    }
  .Hemank-copyright-section p:nth-child(3) {
      margin-top: 2px;
      font-size: var(--fs-sm)
    }
}
@media (max-width:420px) {
  .Hemank-payment-methods {
      grid-template-columns: repeat(3, 1fr)
    }
}
@media (max-width:380px) {
  #UnCodeMy-Footer .bottom-navbar {
      width: calc(100% - 14px);
      padding: 6px 4px
    }
  #UnCodeMy-Footer .nav-item {
      font-size: var(--fs-caption)
    }
  #UnCodeMy-Footer .nav-item.center .center-btn {
      width: 48px;
      height: 48px
    }
}

/* back-to-top: Playwright page jaisa, bottom strip ke upar */
.back-to-top { z-index: 9998; line-height: 1; font-family: Arial, sans-serif; }
.back-to-top:hover { color: #fff; text-decoration: none; }
@media (min-width: 768px) { .back-to-top { bottom: 70px !important; } }
@media (max-width: 767px) { .back-to-top { bottom: 70px !important; right: 14px; } }
/* fixed bottom strip ke peeche page ka last content na chhupe */
@media (min-width: 768px) { body.uc-has-layout { padding-bottom: 56px; } }