html,
body {
  overflow-x: clip;
  color: #2D2D2D;
}
:root {
  --color-primary: #f28525;
  --color-secondary: #f28525;
}
::selection {
  background-color: var(--color-primary);
  color: #fff;
}
html {
  scroll-behavior: smooth;
}
a {
  display: inline-block; 
   text-decoration: none;
}
ul,
ol,
dl,
address,
label {
  margin-bottom: 0;
  text-decoration: none;
  padding-left: 0px;
  list-style-type: none;
}


 .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

@media only screen and (max-width: 1920px) and (min-width: 1445px) {
  .container {
    max-width: 1450px;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 991.98px) {
  html {
    font-size: 12px;
  } 
  
  .footer span {
    margin: 1.5rem 0 1rem 0;
  } 
 
}


.heading {
  font-size: 28px;
  font-weight: 600;
  color: #2D2D2D;
  margin-bottom: 15px;
  position: relative;
}

.heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 60px;
  height: 3px;
  background: #f28525;
  border-radius: 2px;
}

@media (max-width: 768px) {
  .heading {
    font-size: 20px;
    text-align: left; /* optional if you want left-align on mobile */
  }
}

@media (max-width: 768px) {
  .heading::after {
    left: 0 !important; /* underline left */
    transform: none !important; /* remove any centering */
  }
}

.subHead {
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
 
.subHead::before {
  content: "";
  width: 70px;
  height: 2px;
  background: var(--color-primary);
  position: absolute;
  top: 50%;
  left: 110%;
  transform: translateY(-50%);
}

.title{
    font: 22px;
    font-weight: 500;
}
.gold-heading{
    color: var(--color-primary) !important;
     font-weight: 700;
}
 
 
 p {
  font-size: 16px; /* desktop default */
  color: #2D2D2D;
}

@media (max-width: 767px) {
  p {
    font-size: 14px; /* mobile */
    text-align: left;
  }
}

/*theme button*/

.themeBtn {
  width: fit-content;
  display: block;
  background-color: var(--color-primary);
  color: #2D2D2D;
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0.2rem 1rem;
  border-radius: 30px;
}
.themeBtn:hover {
  background: #232f3f;
  color: var(--color-primary) !important;
  border-color: var(--color-primary);
}

/*theme button end*/
 
 
 /*footer start*/
 
.footer {
  background: #131a22;
  padding-top: 3rem;
  position: relative;
}
.footer-logo img {
  width: 220px;
  margin-bottom: 1rem;
}
.footer p {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #fff;
}
.footer span {
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 1.25rem;
}
.footer-links li a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ddd;
  margin-bottom: 0.75rem;
  display: flex;
  gap: 0.5rem;
}
.footer-links li a:hover {
  color: var(--color-primary);
}
.footer-links li a i {
  margin-top: 0.25rem;
}
.footer-links + span {
  margin-top: 1.5rem;
}

.footer-socail-Icons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.footer-socail-Icons li a {
  width: 40px;
  aspect-ratio: 1;
  color: #fff;
  display: grid;
  place-items: center;
}


.footer-copyright {
  text-align: center;
  padding: 1rem 0;
}
.footer-copyright p {
  margin: 0;
  text-align: left;
}
.footer-copyright p a {
  color: var(--color-primary);
}
.footer-copyright p a:hover {
  color: var(--color-primary);
}

 /*footer end*/


/*banner start*/

.services-banner {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.services-banner .banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* Tablet */
@media (max-width: 992px) {
  .services-banner {
    height: 200px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .services-banner {
    height: 100px;
  }
}

/*banner start end*/

 





/*new heaeder */
  
 
 
  :root {
    --color-primary: #f6921e;
    --color-primary-light: #f9a93e;
    --color-primary-deep: #d9740c;
    --color-dark: #1c2541;
    --color-ink: #11182e;
    --color-topbar: #1c2541;
    --color-surface: #f5f6f8;
  }

  * { box-sizing: border-box; }
 

  /* ============ TOP BAR ============ */
  .top-bar {
    background: linear-gradient(135deg, var(--color-ink), var(--color-dark) 60%, #232f52);
     
    color: rgba(255,255,255,.92);
    font-size: 12.5px;
    position: relative;
  }
  .top-bar::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(246,146,30,.45), transparent);
  }
  .top-bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .top-bar .contact-info {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .top-bar .contact-info a {
    color: rgba(255,255,255,.92);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: color .15s ease;
    font-size: 10px;
  }
  .top-bar .contact-info a:hover {
    color: var(--color-primary);
  }
  .top-bar .contact-info svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    opacity: .7;
    transition: opacity .15s ease;
  }
  .top-bar .contact-info a:hover svg { opacity: 1; }
  .top-bar .contact-info .divider {
    width: 1px;
    height: 11px;
    background: rgba(255,255,255,.15);
    display: inline-block;
  }
  .top-bar .live-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #3ddc84;
    display: inline-block;
    margin-right: 2px;
    box-shadow: 0 0 0 0 rgba(61,220,132,.6);
    animation: livePulse 2s infinite;
  }
  @keyframes livePulse {
    0%   { box-shadow: 0 0 0 0 rgba(61,220,132,.55); }
    70%  { box-shadow: 0 0 0 6px rgba(61,220,132,0); }
    100% { box-shadow: 0 0 0 0 rgba(61,220,132,0); }
  }

  .top-bar .socials {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .top-bar .socials a {
    width: auto;
    height: auto;
    background: none;
    border: none;
    color: rgba(255,255,255,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .18s ease;
  }
  .top-bar .socials a svg {
    width: 15px;
    height: 14px;
  }
  .top-bar .socials a:hover {
    color: var(--color-primary);
  }

  /* ============ MAIN HEADER (logo / search / CTA) ============ */
  #main-header {
    background: linear-gradient(180deg, #ffffff, #fcfcfd);
    position: relative;
    z-index: 1000;
  }
  #main-header::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(28,37,65,.1), transparent);
  }
  #main-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 8px 24px rgba(17,24,46,.10);
  }

  .header-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 18px 22px;
    transition: padding .2s ease;
    position: relative; /* anchor point for the sticky-state nav row overlay */
  }
  #main-header.sticky .header-top-row { padding: 12px 18px; }
  #main-header.sticky .logo-mark { height: 34px; }

  .logo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    transition: transform .2s ease;
  }
  .logo-link:hover { transform: scale(1.02); }
  .logo-mark {
    height: 44px;
    width: auto;
    display: block;
  }
  .logo-divider {
    width: 1px;
    height: 30px;
    background: linear-gradient(180deg, transparent, #e2e2e2 30%, #e2e2e2 70%, transparent);
  }

  .search-bar {
    flex: 1;
    max-width: 560px;
    position: relative;
  }
  .search-bar input {
    width: 100%;
    height: 46px;
    padding: 0 54px 0 20px;
    border: 1.5px solid #e8e8ea;
    border-radius: 999px;
    font-size: 14px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(17,24,46,.05);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
  }
  .search-bar input::placeholder { color: #9a9a9a; }
  .search-bar input:focus {
    border-color: var(--color-primary);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(246,146,30,.14), inset 0 1px 2px rgba(17,24,46,.03);
  }
  .search-bar button {
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    width: 38px;
    border-radius: 50%;
    background: #fff;
    border: none;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px #fff;
    transition: background .18s ease, transform .15s ease, box-shadow .18s ease;
  }
  .search-bar button:hover {
  
    transform: scale(1.2);
    
  }
  .search-bar button svg {
    width: 17px;
    height: 17px;
    color: Black;
  }

  .get-started-btn {
    background: var(--color-dark);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;
    padding: 13px 26px 13px 30px;
    clip-path: polygon(13% 0, 100% 0, 100% 100%, 13% 100%, 0 50%);
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    transition: background .2s ease;
  }
  .get-started-btn::before {
    content: '';
    position: absolute;
    right: 132px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
  }
  .get-started-btn svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    color: var(--color-primary);
  }
  .get-started-btn:hover {
    background: #262f4f;
  }
  .get-started-btn:active {
    background: var(--color-ink);
  }

  /* ============ HEADER ICONS (Tracking / Login) ============ */
  .header-icons {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    padding-left: 22px;
    border-left: 1px solid #ebebef;
  }
  .header-icon-link {
    position: relative;
    display: flex;
  }
  .header-icon-link > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: var(--color-dark);
    white-space: nowrap;
    padding: 4px 2px;
  }
  .header-icon-link .icon-circle {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9a9ea8;
    flex-shrink: 0;
    transition: color .18s ease;
  }
  .header-icon-link .icon-circle svg {
    width: 18px;
    height: 18px;
  }
  .header-icon-link > a:hover .icon-circle {
    color: var(--color-primary);
  }
  .header-icon-link .icon-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-dark);
    line-height: 1.15;
  }
  .header-icon-link > a:hover .icon-label { color: var(--color-primary); }

  @media (max-width: 900px) {
    .header-icons { display: none; } /* moved into mobile menu below */
  }

  /* ============ NAV ROW ============ */
  .nav-row {
    border-top: 1px solid #eee;
  }
  .nav-row > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  /* ---- Offers / Feedback (right side of the nav row) ---- */
  .nav-extra {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    padding-left: 24px;
    border-left: 1px solid #ebebef;
  }
  .nav-extra a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-dark);
    padding: 8px 0;
    transition: color .18s ease;
  }
  .nav-extra a .icon-circle {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9a9ea8;
    flex-shrink: 0;
    transition: color .18s ease;
  }
  .nav-extra a .icon-circle svg {
    width: 16px;
    height: 16px;
  }
  .nav-extra a:hover { color: var(--color-primary); }
  .nav-extra a:hover .icon-circle {
    color: var(--color-primary);
  }

  /* Desktop sticky: search bar hides entirely, the SAME nav row (.nav-row) is
     lifted out of its own line and pinned right next to the logo (left side),
     while "Get Quote" stays visible, pushed to the far right. Matches the
     live site's sticky header: [logo] [Home Services Options...]  ———  [Get Quote]
     (.nav-row is a page-level sibling of #main-header, not nested inside it,
     so it uses fixed positioning with JS-measured 'top'/'left' to align with the logo.) */
  @media (min-width: 901px) {
    #main-header.sticky .search-bar,
    #main-header.sticky .header-icons {
      display: none;
    }
    #main-header.sticky .header-top-row {
      justify-content: space-between; /* logo pinned left, Get Quote pinned right */
    }
    #main-header.sticky .logo-divider {
      display: none;
    }

    #main-header.sticky + .mobile-overlay + .nav-row {
      position: fixed;
      left: 0;
      right: 0;
      width: auto;
      border-top: none;
      background: transparent;
      z-index: 1001;
      pointer-events: none; /* let clicks pass through the empty parts of this full-width strip */
      /* 'top' and 'height' are set inline by JS to vertically align with the logo row */
    }
    #main-header.sticky + .mobile-overlay + .nav-row .container {
      padding: 0;
      display: flex;
      align-items: center;
      height: 100%;
      pointer-events: none;
    }
    #main-header.sticky + .mobile-overlay + .nav-row .header-navLinks {
      pointer-events: auto; /* re-enable clicks/hover on the actual links */
      /* left offset is set inline by JS to clear the real logo width exactly */
    }
    #main-header.sticky + .mobile-overlay + .nav-row .nav-extra {
      display: none; /* no room for Offers/Feedback once nav is pinned next to the logo */
    }
  }
  .header-navLinks {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .header-navLinks > li {
    position: relative; /* positioning context for dropdown/mega-menu children */
  }
  .header-navLinks > li > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 13px 14px;
    color: var(--color-dark);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    transition: color .18s ease;
  }
  .header-navLinks > li > a::after {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 7px;
    height: 2px;
    background: var(--color-primary);
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .22s ease;
  }
  .header-navLinks > li > a:hover { color: var(--color-primary); }
  .header-navLinks > li > a:hover::after { transform: scaleX(1); }
  .header-navLinks > li.active-link > a { color: var(--color-primary); }
  .header-navLinks > li.active-link > a::after { transform: scaleX(1); }

  .dropdown-toggle .caret {
    font-size: 10px;
    margin-top: 1px;
  }

  /* ---- Mega menu (Services) ---- */
  .menuShow .mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0; /* MUST stay 0 — any gap here breaks hover and closes the menu instantly */
    width: 460px;
    background: #fff;
    z-index: 999;
    padding: 1.7rem 2rem;
    box-shadow: 0 20px 40px -8px rgba(17,24,46,.18), 0 2px 6px rgba(17,24,46,.06);
    border-radius: 0 0 10px 10px;
    border-top: 3px solid var(--color-primary);
    animation: menuFadeIn .16s ease;
  }
  @keyframes menuFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .menuShow:hover .mega-menu { display: block; }
  .mega-menu .row { display: flex; gap: 2.5rem; }
  .mega-menu .col { flex: 1; }
  .mega-menu ul li { margin-bottom: 4px; }
  .mega-menu ul li a {
    color: #2a2a2a;
    font-size: 14.5px;
    display: block;
    padding: 7px 0 7px 0;
    border-left: 2px solid transparent;
    padding-left: 10px;
    transition: color .15s ease, border-color .15s ease, padding-left .15s ease;
  }
  .mega-menu ul li a:hover {
    color: var(--color-primary);
    border-left-color: var(--color-primary);
    padding-left: 14px;
  }

  /* ---- Simple dropdown (Options) ---- */
  .nav-drop-down-dsk > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0; /* MUST stay 0 — any gap here breaks hover and closes the menu instantly */
    min-width: 220px;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 20px 40px -8px rgba(17,24,46,.18), 0 2px 6px rgba(17,24,46,.06);
    border-radius: 0 0 10px 10px;
    border-top: 3px solid var(--color-primary);
    z-index: 999;
    animation: menuFadeIn .16s ease;
  }
  .nav-drop-down-dsk:hover > ul { display: block; }
  .nav-drop-down-dsk > ul li a {
    display: block;
    padding: 10px 20px;
    color: #2a2a2a;
    font-size: 14.5px;
    transition: color .15s ease, background .15s ease, padding-left .15s ease;
  }
  .nav-drop-down-dsk > ul li a:hover {
    color: var(--color-primary);
    background: linear-gradient(90deg, #fff6ea, transparent);
    padding-left: 26px;
  }

  /* spacer prevents page-jump when header becomes fixed */
  #header-spacer { display: none; }
  #header-spacer.active { display: block; }

  /* ============ MOBILE ============ */
  .hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
  }
  .mobile-search-toggle {
    display: none; /* shown only under 900px, see mobile block below */
  }
  .hamburger span {
    display: block;
    height: 2px;
    width: 100%;
    background: var(--color-dark);
    transition: transform .25s ease, opacity .25s ease;
  }
  .hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .hamburger.is-open span:nth-child(2) { opacity: 0; }
  .hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 1100;
  }
  .mobile-overlay.is-open { display: block; }

  @media (max-width: 900px) {
    .top-bar .contact-info a:nth-child(3),
    .top-bar .contact-info .divider:nth-child(4) { display: none; } /* hide phone link + its divider on small screens, keep email & live chat */

    .header-top-row { flex-wrap: wrap; row-gap: 0; justify-content: space-between; }
    .logo-divider { display: none; }

    .mobile-search-toggle {
      display: none;
    }

    .search-bar {
      order: 2;
      flex: 1;
      width: auto;
      max-width: none;
      margin: 0 12px;
      max-height: none;
      opacity: 1;
      overflow: visible;
    }
    .search-bar.is-open {
      max-height: 60px;
      opacity: 1;
      margin-top: 14px;
    }
    .get-started-btn { display: none; } /* CTA moves into the mobile menu instead, see below */

    .hamburger { order: 3; display: flex; }

    .nav-row { border-top: none; }
    .nav-extra { display: none; } /* moved into mobile slide-in menu below */

    /* The nav becomes a slide-in panel from the right */
    .header-navLinks {
      position: fixed;
      top: 0;
      right: 0;
      height: 100%;
      width: min(82vw, 320px);
      background: #fff;
      flex-direction: column;
      align-items: stretch;
      gap: 0;
      padding: 70px 0 30px;
      transform: translateX(100%);
      transition: transform .28s ease;
      z-index: 1200;
      overflow-y: auto;
      box-shadow: -8px 0 24px rgba(0,0,0,.15);
    }
    .header-navLinks.is-open { transform: translateX(0); }

    .mobile-close-item {
      border-bottom: none !important;
      position: relative;
      height: 0;
    }
    .mobile-close {
      position: absolute;
      top: 0px;
      right: 18px;
      width: 34px;
      height: 34px;
      border: none;
      background: #f4f4f4;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      line-height: 1;
      font-size: 16px;
      color: var(--color-dark);
      cursor: pointer;
      transition: background .18s ease, color .18s ease, transform .18s ease;
      z-index: 1;
    }
    .mobile-close:hover {
      background: var(--color-primary);
      color: #fff;
      transform: rotate(90deg);
    }

    .header-navLinks > li { width: 100%; border-bottom: 1px solid #f1f1f1; }
    .header-navLinks > li > a {
      width: 100%;
      padding: 16px 24px;
      justify-content: left;
    }
    .header-navLinks > li > a::after { display: none; } /* underline indicator is desktop-only */

    /* On mobile, mega-menu & dropdown become inline accordions, not hover panels */
    .menuShow .mega-menu,
    .nav-drop-down-dsk > ul {
      display: none;
      position: static;
      width: 100%;
      box-shadow: none;
      padding: 4px 24px 14px 36px;
      border-radius: 0;
      border-top: none;
      animation: none;
    }
    .menuShow:hover .mega-menu,
    .nav-drop-down-dsk:hover > ul {
      display: none; /* disable hover-trigger on touch devices */
    }
    .menuShow.is-expanded .mega-menu,
    .nav-drop-down-dsk.is-expanded > ul {
      display: block;
    }
    .mega-menu .row { flex-direction: column; gap: 0; }
    .menuShow.is-expanded .dropdown-toggle .caret,
    .nav-drop-down-dsk.is-expanded .dropdown-toggle .caret {
      transform: rotate(180deg);
    }

    .mobile-cta-item {
      border-bottom: none !important;
      margin-top: 8px;
    }
    .mobile-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: calc(100% - 48px);
      margin: 0 24px;
    }

    /* Tracking / Login shown as two bordered chip buttons; Offers / Feedback as plain icon rows below — mirrors reference layout */
    .mobile-icon-row {
      border-bottom: none !important;
      margin-top: 10px;
      padding: 4px 24px 8px;
    }
    .icon-chip-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .icon-chip {
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border: 1.5px solid #e6e6ea;
      border-radius: 10px;
      padding: 11px 10px;
      font-size: 14px;
      font-weight: 600;
      color: var(--color-primary);
      background: #fff;
      transition: border-color .18s ease, background .18s ease, transform .12s ease;
    }
    .icon-chip svg { width: 17px; height: 17px; flex-shrink: 0; }
    .icon-chip:nth-child(2) { color: var(--color-dark); }
    .icon-chip:hover { border-color: currentColor; background: var(--color-surface); }
    .icon-chip:active { transform: scale(.97); }

    .mobile-plain-item {
      border-bottom: 1px solid #f1f1f1;
      margin-top: 0 !important;
    }
    .mobile-plain-item > a {
      display: flex !important;
      align-items: center;
      gap: 14px;
      padding: 14px 24px;
      color: var(--color-dark);
      font-size: 14.5px;
      font-weight: 500;
    }
    .mobile-plain-item > a:hover { color: var(--color-primary); }
    .mobile-plain-item > a svg {
      width: 18px;
      height: 18px;
      color: var(--color-primary);
      flex-shrink: 0;
    }
    .mobile-plain-item:last-child { border-bottom: none; }
  }

  @media (min-width: 901px) {
    .mobile-icon-row, .mobile-plain-item { display: none; }
  }

  @media (min-width: 901px) {
    .mobile-close-item, .mobile-cta-item { display: none; }
  }

  /* ---- Small phones: tighten the top bar further, icon-only contact links ---- */
  @media (max-width: 480px) {
    .top-bar { font-size: 11px; }
    .top-bar .container { padding-top: 6px; padding-bottom: 6px; }
    .top-bar .contact-info { gap: 7px; }
    .top-bar .contact-info a[href^="javascript"] {
      /* Live Chat: keep the icon, hide the text label to save space */
      gap: 0;
    }
    .top-bar .contact-info a[href^="javascript"] span.label,
    .top-bar .contact-info a[href^="mailto"] span.label {
      display: none;
    }
    .top-bar .socials { gap: 10px; }
    .top-bar .socials a svg { width: 12px; height: 12px; }

    .logo-mark { height: 34px; }

    .header-top-row { padding: 12px 8px; gap: 14px; }
    .get-started-btn.mobile-cta { padding: 12px 18px; font-size: 12px; }

    .search-bar { margin: 0 8px; }
    .search-bar input { height: 42px; padding: 0 42px 0 16px; font-size: 13px; }

    .header-navLinks { width: 86vw; }
  }

  /* ---- Tablets (between phone and the 900px nav-collapse point) ---- */
  @media (min-width: 481px) and (max-width: 900px) {
    .header-top-row { gap: 16px; }
  }

  /* ---- Very small phones (≤360px): final safety net ---- */
  @media (max-width: 360px) {
    .logo-mark { height: 30px; } /* shrink logo further on very small phones */
  }

  /* ============ DEMO PAGE FILLER ============ */
  .demo-note {
    background: #fff8ec;
    border: 1px solid var(--color-primary);
    border-radius: 6px;
    padding: 16px 20px;
    font-size: 14px;
    margin: 30px 0;
  }
  .demo-section { padding: 60px 0; border-bottom: 1px solid #eee; }
 


 
/*new header end*/



 
 
 

 
 
.privacy-policy {
   
  color: #333;
  line-height: 1.8;
}

.privacy-policy h1 {
  font-size: 2rem;
  font-weight: 700;
}

.privacy-policy h2 {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.privacy-policy p,
.privacy-policy ul {
  margin-bottom: 1rem;
}

.privacy-policy ul {
  padding-left: 1.2rem;
  list-style: disc;
}


/*Live chat*/
 
    :root{
        --vays-orange:#f4671e;
        --vays-orange-dark:#c9500f;
        --vays-ink:#161616;
        --vays-panel:#1f1f1f;
        --vays-line:#2c2c2c;
        --vays-green:#25d366;
        --vays-cream:#f5f1ea;
    }

    #vaysLauncher{
        position:fixed;
        right:24px;
        bottom:24px;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        gap:10px;
        z-index:99998;
        font-family:'Arial Narrow',Arial,Helvetica,sans-serif;
        opacity:0;
        transform:translateY(12px);
        pointer-events:none;
        transition:opacity .35s ease, transform .35s ease;
    }
    #vaysLauncher.is-ready{
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
    }

    #vaysLauncher .vays-tag{
        background:var(--vays-panel);
        border:1px solid var(--vays-line);
        color:var(--vays-cream);
        font-size:13px;
        letter-spacing:.04em;
        padding:8px 14px;
        border-radius:8px;
        display:flex;
        align-items:center;
        gap:8px;
        box-shadow:0 8px 20px rgba(0,0,0,.35);
        white-space:nowrap;
    }
    #vaysLauncher .vays-tag .dot{
        width:7px;height:7px;border-radius:50%;
        background:var(--vays-green);
        box-shadow:0 0 0 3px rgba(37,211,102,.18);
        flex-shrink:0;
    }

    #vaysLauncherBtn{
        width:50px;height:50px;
        border-radius:14px;
        border:none;
        cursor:pointer;
        background:linear-gradient(145deg,var(--vays-orange),var(--vays-orange-dark));
        display:flex;align-items:center;justify-content:center;
        box-shadow:0 10px 26px rgba(244,103,30,.4), 0 0 0 6px rgba(244,103,30,.08);
        transition:transform .15s ease, box-shadow .15s ease;
    }
    #vaysLauncherBtn:hover{
        transform:scale(1.06);
        box-shadow:0 12px 30px rgba(244,103,30,.5), 0 0 0 7px rgba(244,103,30,.12);
    }
    #vaysLauncherBtn svg{ width:22px;height:22px; }

    @media (max-width:480px){
        #vaysLauncher{ right:16px; bottom:16px; }
        #vaysLauncher .vays-tag{ display:none; } /* keep mobile clean */
    }

/*live chat end*/


/*new modal*/

 :root {
    --ink: #14171f;
    --ink-soft: #3a3f4b;
    --field-bg: #f2f1ee;
    --field-placeholder: #9a978f;
    --border-soft: #e7e5e0;
    --accent-start: #e8a33d;
    --accent-end: #e07a3f;
    --upload-bg: #fdf3e7;
    --upload-border: #eecfa0;
  }

 

  .vqm-page {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
  }

  .vqm-open-btn {
    position: relative;
    border: none;
    border-radius: 999px;
    padding: 14px 30px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--accent-start), var(--accent-end));
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(224, 122, 63, 0.35);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
    overflow: hidden;
  }

  .vqm-open-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transform: skewX(-20deg);
    transition: left 0.5s ease;
  }

  .vqm-open-btn:hover::after {
    left: 130%;
  }

  .vqm-open-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(224, 122, 63, 0.45);
  }

  .vays-cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 999px;
    padding: 14px 26px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    color: #fff;
    background: linear-gradient(135deg, var(--accent-start), var(--accent-end));
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(224, 122, 63, 0.35);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
    overflow: hidden;
  }

  .vays-cta svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.15s ease;
  }

  .vays-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transform: skewX(-20deg);
    transition: left 0.5s ease;
  }

  .vays-cta:hover::after {
    left: 130%;
  }

  .vays-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(224, 122, 63, 0.45);
  }

  .vays-cta:hover svg {
    transform: translateX(2px);
  }

  .vays-cta:active { transform: translateY(0); }

  .vqm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(circle at 50% 30%, rgba(35, 30, 24, 0.6), rgba(10, 11, 14, 0.78));
    backdrop-filter: blur(4px);
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 20px;
    z-index: 999999;
    overflow-y: auto;
    animation: vqmFade 0.2s ease;
  }

  @keyframes vqmFade {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .vqm-overlay.vqm-open {
    display: flex;
  }

  .vqm-modal {
    width: 100%;
    max-width: 400px;
    margin: auto 0;
    background: #ffffff;
    border-radius: 16px;
    border: 1.5px solid var(--accent-end);
    box-shadow: 0 30px 70px -12px rgba(20, 15, 8, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06);
    animation: modalIn 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
  }

  @keyframes modalIn {
    from { opacity: 0; transform: translateY(14px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }

  .vqm-modal-header {
    position: relative;
    padding: 17px 24px 15px;
    background: linear-gradient(135deg, #0b0d12 0%, #1c2027 55%, #2a2116 100%);
    color: #fff;
    overflow: hidden;
  }

  .vqm-modal-header::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--accent-start), var(--accent-end));
  }

  .vqm-modal-header::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(224, 122, 63, 0.25), transparent 70%);
    pointer-events: none;
  }

  .vqm-brand {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 5px;
  }

  .vqm-eyebrow {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #c7cad2;
    margin: 0;
    font-weight: 700;
  }

  .vqm-modal-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.01em;
  }

  .vqm-close-btn {
    position: absolute;
    top: 13px;
    right: 14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, transform 0.15s ease;
    z-index: 1;
  }

  .vqm-close-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
  }

  .vqm-modal-body {
    padding: 18px 24px 20px;
  }

  .vqm-row {
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
  }

  .vqm-field {
    flex: 1;
    min-width: 0;
  }

  .vqm-field label {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
  }

  .vqm-field input,
  .vqm-field textarea {
    width: 100%;
    border: 1.5px solid var(--border-soft);
    background: var(--field-bg);
    border-radius: 9px;
    padding: 6px 12px;
    font-size: 16px;
    color: var(--ink);
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  }

  .vqm-field input::placeholder,
  .vqm-field textarea::placeholder {
    color: var(--field-placeholder);
  }

  .vqm-field input:hover,
  .vqm-field textarea:hover {
    border-color: #d8d5cd;
  }

  .vqm-field input:focus,
  .vqm-field textarea:focus {
    border-color: var(--accent-end);
    box-shadow: 0 0 0 4px rgba(224, 122, 63, 0.13);
    background: #fff;
  }

  .vqm-field input.vqm-invalid,
  .vqm-field textarea.vqm-invalid {
    border-color: #d64545;
    background: #fdf3f3;
  }

  .vqm-field input.vqm-invalid:focus,
  .vqm-field textarea.vqm-invalid:focus {
    box-shadow: 0 0 0 4px rgba(214, 69, 69, 0.13);
  }

  .vqm-field input.vqm-valid,
  .vqm-field textarea.vqm-valid {
    border-color: #4caf7d;
  }

  .vqm-error-msg {
    display: none;
    font-size: 11.5px;
    font-weight: 600;
    color: #d64545;
    margin-top: 5px;
  }

  .vqm-error-msg.vqm-error-visible {
    display: block;
  }

  .vqm-upload-box.vqm-invalid {
    border-color: #d64545;
    background: #fdf3f3;
  }

  .vqm-field textarea {
    resize: vertical;
    min-height: 58px;
    line-height: 1.4;
  }

  .vqm-field.vqm-full { margin-bottom: 10px; }

  .vqm-upload-box {
    border: 1.5px dashed var(--upload-border);
    background: var(--upload-bg);
    border-radius: 9px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
  }

  .vqm-upload-box:hover {
    background: #fbead4;
    border-color: #e6b76e;
  }

  .vqm-upload-icon {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: linear-gradient(135deg, #fff 0%, var(--upload-bg) 100%);
    border: 1px solid var(--upload-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--accent-end);
    transition: transform 0.15s ease;
  }

  .vqm-upload-box:hover .vqm-upload-icon {
    transform: scale(1.06);
  }

  .vqm-upload-text-main {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.3;
  }

  .vqm-upload-text-sub {
    font-size: 11px;
    color: #8a8578;
  }

  input[type="file"] { display: none; }

  .vqm-file-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
  }

  .vqm-file-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--field-bg);
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 12.5px;
    color: var(--ink);
  }

  .vqm-file-chip-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .vqm-file-chip-remove {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    background: #e7e5e0;
    color: var(--ink-soft);
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
  }

  .vqm-file-chip-remove:hover {
    background: #ddd9d0;
  }

  .vqm-submit-btn {
    position: relative;
    width: 100%;
    margin-top: 12px;
    border: none;
    border-radius: 999px;
    padding: 12px;
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--accent-start), var(--accent-end));
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(224, 122, 63, 0.35);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
    overflow: hidden;
  }

  .vqm-submit-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transform: skewX(-20deg);
    transition: left 0.5s ease;
  }

  .vqm-submit-btn:hover::after {
    left: 130%;
  }

  .vqm-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(224, 122, 63, 0.45);
  }

  .vqm-submit-btn:active { transform: translateY(0); }

  .vqm-reply-note {
    text-align: center;
    font-size: 11.5px;
    color: #9a978f;
    margin-top: 9px;
  }

  .vqm-status {
    border-radius: 9px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .vqm-status.vqm-status-success {
    background: #eaf7ee;
    color: #1e7a3d;
    border: 1px solid #bfe6cc;
  }

  .vqm-status.vqm-status-error {
    background: #fbeaea;
    color: #b3261e;
    border: 1px solid #f2c6c4;
  }

  .vqm-status.vqm-status-loading {
    background: var(--upload-bg);
    color: var(--accent-end);
    border: 1px solid var(--upload-border);
  }

  .vqm-status-loading {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .vqm-progress-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  .vqm-progress-track {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: rgba(224, 122, 63, 0.18);
    overflow: hidden;
  }

  .vqm-progress-fill {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent-start), var(--accent-end));
    transition: width 0.2s ease;
  }

  .vqm-submit-btn[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
  }

  .vqm-success {
    text-align: center;
    padding: 12px 6px 4px;
    animation: vqmSuccessIn 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }

  @keyframes vqmSuccessIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .vqm-success-check {
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-start), var(--accent-end));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(224, 122, 63, 0.35);
    animation: vqmCheckPop 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
  }

  @keyframes vqmCheckPop {
    0% { transform: scale(0.4); opacity: 0; }
    70% { transform: scale(1.08); opacity: 1; }
    100% { transform: scale(1); }
  }

  .vqm-success-title {
    font-size: 19px;
    font-weight: 700;
    color: var(--ink);
    margin: 0 0 8px;
  }

  .vqm-success-text {
    font-size: 13.5px;
    color: var(--ink-soft);
    line-height: 1.5;
    margin: 0 0 20px;
  }

  /* Responsive breakpoints */
  @media (max-width: 480px) {
    .vqm-overlay { padding: 0; align-items: flex-end; }

    .vqm-modal {
      max-width: 95%;
      border-radius: 18px 18px 0 0;
      animation: sheetIn 0.22s ease;
    }

    @keyframes sheetIn {
      from { transform: translateY(100%); }
      to { transform: translateY(0); }
    }

    .vqm-modal-header { padding: 15px 18px 13px; }
    .vqm-modal-title { font-size: 18px; }
    .vqm-modal-body { padding: 16px 18px 18px; }

    .vqm-field input,
    .vqm-field textarea {
      font-size: 16px;
    }

    .vqm-row {
      flex-direction: column;
      gap: 10px;
      margin-bottom: 0;
    }

    .vqm-field.vqm-full { margin-bottom: 10px; }
    .vqm-row .vqm-field { margin-bottom: 10px; }
    .vqm-row .vqm-field:last-child { margin-bottom: 0; }
  }

  @media (min-width: 481px) and (max-width: 600px) {
    .vqm-modal { max-width: 92vw; }
    .vqm-modal-header { padding: 20px 22px 18px; }
    .vqm-modal-body { padding: 20px 22px 24px; }
  }

  @media (max-width: 340px) {
    .vqm-modal-title { font-size: 19px; }
    .vqm-upload-box { padding: 12px; gap: 10px; }
    .vqm-upload-text-sub { font-size: 11.5px; }
  }
  
  /*new modal end*/
  
     .footer-icon {
                        width: 16px;
                        height: 16px;
                        vertical-align: -3px;
                        margin-right: 6px;
                    }
                    
                    
                    
 
 /*cooke start*/
 
  :root {
    --cookie-bg: #1B2130;
    --cookie-border: #2C3444;
    --cookie-text: #F3F4F7;
    --cookie-muted: #A2A8B8;
    --cookie-link: #FFFFFF;

    --cookie-orange: #D98B3F;
    --cookie-navy: #F3F4F7;
    --cookie-navy-hover: #E3E5EA;

    --cookie-btn-secondary-bg: transparent;
    --cookie-btn-secondary-bg-hover: #242B3D;
    --cookie-btn-secondary-text: #F3F4F7;
    --cookie-btn-secondary-border: #384056;

    --cookie-icon-bg: #242B3D;
  }

  .cookie-bar {
    position: fixed;
    bottom: 24px;
    left: 24px;
    right: 24px;
    max-width: 680px;
    margin: 0;

    display: none;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;

    background: var(--cookie-bg);
    color: var(--cookie-text);
    border: 1px solid var(--cookie-border);
    border-radius: 8px;
    padding: 5px 12px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 12.5px;

    box-shadow: 0 1px 2px rgba(10, 13, 20, 0.15), 0 14px 30px rgba(10, 13, 20, 0.35);

    z-index: 9999;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .cookie-bar.show {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }

  .cookie-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: var(--cookie-icon-bg);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cookie-text {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.4;
    color: var(--cookie-muted);
    letter-spacing: 0.005em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cookie-link {
    color: var(--cookie-link);
    font-weight: 600;
     
    text-decoration-color: var(--cookie-orange);
    text-underline-offset: 2px;
    margin-left: 4px;
  }

  .cookie-link:hover {
    color: #545454;
  }

  .cookie-divider {
    flex-shrink: 0;
    width: 1px;
    align-self: stretch;
    background: var(--cookie-border);
  }

  .cookie-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
  }

  .cookie-btn {
    border-radius: 5px;
    padding: 2px 11px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease;
  }

  .cookie-btn-primary {
    border: 1px solid #fff;
    background: #1B2130;
    color: #fff;
  }

  .cookie-btn-primary:hover {
    background: var(--cookie-btn-secondary-bg-hover);
  }

  .cookie-btn-secondary {
    border: 1px solid var(--cookie-btn-secondary-border);
    background: var(--cookie-btn-secondary-bg);
    color: var(--cookie-btn-secondary-text);
  }

  .cookie-btn-secondary:hover {
    background: var(--cookie-btn-secondary-bg-hover);
  }

  .cookie-btn:focus-visible {
    outline: 2px solid var(--cookie-navy);
    outline-offset: 2px;
  }

  /* Keep everything on one line at every width — shrink and hide
     secondary elements progressively instead of wrapping. */
  @media (max-width: 640px) {
    .cookie-bar {
      left: 12px;
      right: auto;
      bottom: 16px;
      width: auto;
      max-width: calc(100% - 88px);
      padding: 7px 10px;
      gap: 8px;
    }
    .cookie-divider {
      display: none;
    }
  }

  @media (max-width: 480px) {
    .cookie-icon {
      display: none;
    }
    .cookie-bar {
      font-size: 11.5px;
      padding: 6px 10px;
      gap: 6px;
    }
    .cookie-btn {
      padding: 5px 11px;
      font-size: 11px;
    }
  }

  @media (max-width: 360px) {
    .cookie-link {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .cookie-bar {
      transition: opacity 0.15s ease;
      transform: none;
    }
  }

/*cookie end*/

/*cta footer*/
 
 

  .cta-bar {
    position: relative;
    width: 100%;
    background: linear-gradient(115deg, #E8720F 0%, #F0871B 45%, #C65D0A 100%);
    background-size: 180% 180%;
    padding: 26px 5%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 28px;
    overflow: hidden;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.22),
      inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    animation: bar-in 0.6s cubic-bezier(0.2, 0.7, 0.3, 1) both,
               bar-glow 10s ease-in-out infinite;
  }

 

  /* Subtle fabric-grain texture across the bar */
  .cta-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.06;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* Signature: an oversized watermark bleeding off the right edge,
     now in navy to echo the private-label tag mark */
  .cta-bar::after {
    content: "";
    position: absolute;
    top: 50%; right: -30px;
    width: 220px; height: 220px;
    transform: translateY(-50%);
    background:
      linear-gradient(135deg, transparent 45%, rgba(11, 21, 38, 0.24) 46%, rgba(11, 21, 38, 0.24) 54%, transparent 55%),
      linear-gradient(45deg, transparent 45%, rgba(11, 21, 38, 0.24) 46%, rgba(11, 21, 38, 0.24) 54%, transparent 55%);
    pointer-events: none;
    animation: mark-drift 6s ease-in-out infinite;
    animation-delay: 0.6s;
  }

  @keyframes mark-drift {
    0%, 100% { transform: translateY(-50%) scale(1); opacity: 1; }
    50% { transform: translateY(-50%) scale(1.06); opacity: 0.75; }
  }

  .cta-left {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
    flex: 1 1 auto;
    opacity: 0;
    animation: item-in 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) 0.15s both;
  }

  .cta-mark {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: linear-gradient(145deg, #1C2A45, #0B1526 65%, #060B15);
    box-shadow:
      inset 0 1px 1px rgba(255,255,255,0.12),
      inset 0 -2px 4px rgba(0,0,0,0.35),
      0 4px 10px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: mark-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;
  }

  @keyframes item-in {
    from { opacity: 0; transform: translateX(-10px); }
    to { opacity: 1; transform: translateX(0); }
  }

  @keyframes mark-pop {
    from { transform: scale(0.6); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

  .cta-mark svg { width: 22px; height: 22px; }

  .cta-wordmark {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    flex-shrink: 0;
    padding-right: 20px;
    margin-right: 2px;
    border-right: 1px solid rgba(11, 21, 38, 0.18);
  }

  .cta-wordmark .brand {
    font-family: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
  }

  .cta-wordmark .sub {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(11, 21, 38, 0.72);
  }

  .cta-copy {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 14px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .cta-copy h2 {
    font-family: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    color: #FFFFFF;
    margin: 0;
    letter-spacing: -0.005em;
    text-shadow: 0 2px 12px rgba(90, 35, 0, 0.25);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  .cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    opacity: 0;
    animation: item-in 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) 0.3s both;
  }

  .btn-primary {
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #2B1204;
    background: linear-gradient(135deg, #FFCB80, #F7941D 60%, #E87F14);
    border: none;
    border-radius: 10px;
    padding: 14px 26px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(120, 55, 5, 0.4), inset 0 1px 0 rgba(255,255,255,0.4);
    overflow: hidden;
  }

  .btn-primary::before {
    content: "";
    position: absolute;
    top: 0; left: -60%;
    width: 40%; height: 100%;
    background: linear-gradient(115deg, transparent, rgba(255,255,255,0.45), transparent);
    animation: btn-shine 3.2s ease-in-out infinite;
    animation-delay: 1.2s;
  }

  @keyframes btn-shine {
    0% { left: -60%; }
    16% { left: 130%; }
    100% { left: 130%; }
  }

  .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(120, 55, 5, 0.5), inset 0 1px 0 rgba(255,255,255,0.5);
  }

  .btn-primary svg {
    width: 16px; height: 16px;
    transition: transform 0.15s ease;
  }

  .btn-primary:hover svg { transform: translateX(3px); }

  @media (prefers-reduced-motion: reduce) {
    .cta-bar, .cta-left, .cta-mark, .cta-actions,
    .cta-bar::after, .btn-primary::before,
    .cta-bg-blob {
      animation: none !important;
    }
    .cta-bar, .cta-left, .cta-actions { opacity: 1; transform: none; }
  }

  @media (max-width: 780px) {
    .cta-bar {
      flex-direction: column;
      align-items: flex-start;
      padding: 26px 6%;
      gap: 22px;
    }
    .cta-mark { display: none; }
    .cta-wordmark { display: none; }
    .cta-copy h2 {
      white-space: normal;
      font-size: 21px;
    }
    .cta-actions { width: 100%; }
    .btn-primary { width: 100%; justify-content: center; }
  }
 
/*cta footer end*/