/* =========================
   VARIABLES IMPORT
========================= */
/* Loaded via vars.css in HTML */

/* =========================
   GLOBAL BASE STYLES
========================= */
.website,
.website * {
  box-sizing: border-box;
}
:root {
  --design-width: 120rem;
  --design-height: 547.0625rem;
  --site-scale: 1;
  --bp-mobile: 47.9375rem;   /* 767px */
  --bp-tablet: 48rem;        /* 768px */
  --bp-laptop: 64rem;        /* 1024px */
  --bp-desktop: 80rem;       /* 1280px */
  --bp-wide: 90rem;          /* 1440px */
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html,
body {
  width: 100%;
  max-width: 100vw;
}
body {
  margin: 0;
  overflow-x: hidden;
}
.page-scale {
  width: 100%;
  max-width: 100vw;
  min-height: calc(var(--design-height) * var(--site-scale));
  height: calc(var(--design-height) * var(--site-scale));
  position: relative;
  overflow: hidden;
}
.page-scale .website {
  width: var(--design-width);
  height: var(--design-height);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) scale(var(--site-scale));
  transform-origin: top center;
}
/* Fluid images in scaled layout (tablet/small desktop) */
@media (max-width: 1919px) {
  .page-scale .website img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}
/* Desktop: full scale up to design width */
@media (min-width: 1920px) {
  :root {
    --site-scale: 1;
  }
}
/* Tablet and small desktop: scale to fit viewport */
@media (max-width: 1919px) and (min-width: 80rem) {
  :root {
    --site-scale: calc(100vw / var(--design-width));
  }
}
/* Tablet: minimum scale so content stays readable */
@media (max-width: 79.9375rem) and (min-width: 48rem) {
  :root {
    --site-scale: max(0.52, calc(100vw / var(--design-width)));
  }
}
/* =========================
   RESPONSIVE BREAKPOINTS
   --bp-mobile: 767px  → single-column layout, no scale
   --bp-tablet: 768px  → scaled layout, min scale 0.52
   --bp-desktop: 1280px → scale to fit
   -- 1920px+          → full design width
========================= */

/* Mobile: full-width layout, no scaling – stack sections for readable content */
@media (max-width: 47.9375rem) {
  :root {
    --site-scale: 1;
  }
  html {
    font-size: 16px;
  }
  body {
    overflow-x: hidden;
  }
  .page-scale {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    min-height: auto;
    height: auto;
  }
  .page-scale .website {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: var(--mobile-header-height);
    padding-bottom: 2rem;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .page-scale .website > [class] {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }
  /* On mobile show all main sections + footer; hide only decorative/bg elements */
  .page-scale .website > * {
    display: none !important;
  }
  .page-scale .website > .frame-26073,
  .page-scale .website > .frame-26013,
  .page-scale .website > .frame-26046,
  .page-scale .website > .frame-25999,
  .page-scale .website > .frame-26040,
  .page-scale .website > .frame-26038,
  .page-scale .website > .frame-26014,
  .page-scale .website > .frame-26037,
  .page-scale .website > .frame-259942,
  .page-scale .website > .frame-141,
  .page-scale .website > .rectangle-3407,
  .page-scale .website > ._2025-national-moulds-dies-all-rights-reserved,
  .page-scale .website > .frame-146,
  .page-scale .website > .heading-4-services2,
  .page-scale .website > .frame-142,
  .page-scale .website > .heading-4-services3,
  .page-scale .website > .frame-1422,
  .page-scale .website > .heading-4-company,
  .page-scale .website > .frame-151,
  .page-scale .website > .heading-4-company2,
  .page-scale .website > .frame-230,
  .page-scale .website > .frame-98,
  .page-scale .website > .frame-26081 {
    display: flex !important;
  }
  .page-scale .website > ._2025-national-moulds-dies-all-rights-reserved,
  .page-scale .website > .rectangle-3407,
  .page-scale .website > .heading-4-services2,
  .page-scale .website > .heading-4-services3,
  .page-scale .website > .heading-4-company,
  .page-scale .website > .heading-4-company2 {
    display: block !important;
  }
  .page-scale .website > .frame-142,
  .page-scale .website > .frame-1422,
  .page-scale .website > .frame-230 {
    display: flex !important;
  }
  /* Hero: first on mobile, full width, readable text */
  .page-scale .website > .frame-26073 {
    display: flex;
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    padding: 1.5rem 1rem 2rem;
    margin: 0;
    order: 1;
    gap: 1.5rem;
  }
  .page-scale .website > .frame-26073 .heading-1-amazon-marketing-e-commerce-leaders4 {
    font-size: clamp(1.75rem, 6vw, 2.25rem);
    line-height: 1.25;
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-26073 .heading-1-amazon-marketing-e-commerce-leaders5 {
    font-size: 1.0625rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    opacity: 0.85;
  }
  .page-scale .website > .frame-26073 .button,
  .page-scale .website > .frame-26073 .button3 {
    min-height: 2.75rem;
    min-width: 10rem;
    padding: 0.75rem 1.25rem;
  }
  .page-scale .website > .frame-26073 .button2,
  .page-scale .website > .frame-26073 .button4 {
    font-size: 1rem;
  }
  .page-scale .website > .frame-26073 .frame-26003,
  .page-scale .website > .frame-26073 .frame-26002,
  .page-scale .website > .frame-26073 .frame-26001 {
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-26073 .frame-26001 {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .page-scale .website > .frame-26073 .frame-106 {
    display: none;
  }
  /* Stats section: full width, stacked – title first, then stats grid (no overlap) */
  .page-scale .website > .frame-26013 {
    display: flex;
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 2rem 1rem 3rem;
    margin: 0;
    order: 2;
    gap: 2rem;
    overflow: visible;
  }
  .page-scale .website > .frame-26013 .frame-25994 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    max-width: 100%;
    order: 1;
    flex-shrink: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .page-scale .website > .frame-26013 .frame-25986 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .page-scale .website > .frame-26013 .heading-1-amazon-marketing-e-commerce-leaders2 {
    font-size: clamp(1.375rem, 4vw, 1.625rem);
    line-height: 1.3;
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-26013 .heading-1-amazon-marketing-e-commerce-leaders3 {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    margin-bottom: 0;
  }
  .page-scale .website > .frame-26013 .frame-26008 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    order: 2;
    margin-top: 0;
  }
  .page-scale .website > .frame-26013 .frame-26004,
  .page-scale .website > .frame-26013 .frame-26005,
  .page-scale .website > .frame-26013 .frame-26006,
  .page-scale .website > .frame-26013 .frame-26007 {
    min-width: 0;
    flex: 1 1 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
  .page-scale .website > .frame-26013 .frame-26004 .rectangle-9,
  .page-scale .website > .frame-26013 .frame-26005 .rectangle-9,
  .page-scale .website > .frame-26013 .frame-26006 .rectangle-9,
  .page-scale .website > .frame-26013 .frame-26007 .rectangle-9 {
    width: 0.25rem;
    height: 2.5rem;
    flex-shrink: 0;
  }
  .page-scale .website > .frame-26013 .frame-26009,
  .page-scale .website > .frame-26013 .frame-26010,
  .page-scale .website > .frame-26013 .frame-26011,
  .page-scale .website > .frame-26013 .frame-26012 {
    flex-shrink: 0;
    min-width: 0;
  }
  .page-scale .website > .frame-26013 ._345,
  .page-scale .website > .frame-26013 ._99,
  .page-scale .website > .frame-26013 ._25,
  .page-scale .website > .frame-26013 ._100 {
    font-size: 2rem;
    line-height: 1.2;
  }
  .page-scale .website > .frame-26013 .project-complete,
  .page-scale .website > .frame-26013 .success-rate,
  .page-scale .website > .frame-26013 .years-of-experience,
  .page-scale .website > .frame-26013 .total-employee {
    font-size: 0.9375rem;
    line-height: 1.4;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 0;
    max-width: 100%;
  }
  .page-scale .website > .frame-26013 .frame-26048 {
    display: none;
  }
  .page-scale .website > .frame-26013 .group-48096272 {
    display: none;
  }
  /* About section: full width, image + text stacked */
  /* Products/Services cards: stack vertically on mobile */
  .page-scale .website > .frame-26046 {
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    padding: 2rem 1rem;
    margin: 0;
    order: 3;
    gap: 1.5rem;
    overflow-x: visible;
  }
  .page-scale .website > .frame-26046 > .frame-26042,
  .page-scale .website > .frame-26046 > .frame-26043,
  .page-scale .website > .frame-26046 > .frame-26044,
  .page-scale .website > .frame-26046 > .frame-26045,
  .page-scale .website > .frame-26046 > .frame-260462 {
    position: relative;
    left: auto;
    width: 100%;
    max-width: 100%;
    flex: none;
  }
  .page-scale .website > .frame-26046 .frame-26076 {
    flex-direction: column;
  }
  .page-scale .website > .frame-26046 .heading-3-digital-marketing {
    font-size: 1.125rem;
  }
  .page-scale .website > .frame-26046 .comprehensive-digital-marketing-strategies-including-amazon-ppc-google-ads-and-multi-channel-campaigns-that-drive-qualified-traffic-and-maximize-roi {
    font-size: 0.9375rem;
    line-height: 1.45;
  }
  .page-scale .website > .frame-26046 .frame-26080,
  .page-scale .website > .frame-26046 .frame-38 {
    display: none;
  }
  .page-scale .website > .frame-25999 {
    display: flex;
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 2rem 1rem;
    margin: 0;
    order: 4;
    gap: 1.5rem;
  }
  .page-scale .website > .frame-25999 .frame-25997 {
    position: relative;
    left: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .page-scale .website > .frame-25999 .about-h-2-image-1-1,
  .page-scale .website > .frame-25999 .about-h-2-main-1 {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    left: auto;
    top: auto;
  }
  .page-scale .website > .frame-25999 .frame-25985 {
    position: relative;
    left: auto;
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-25999 .heading-1-amazon-marketing-e-commerce-leaders7 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    line-height: 1.3;
  }
  .page-scale .website > .frame-25999 .heading-1-amazon-marketing-e-commerce-leaders8 {
    font-size: 1rem;
    line-height: 1.5;
  }
  /* Where Precision Meets Performance (frame-26040) */
  .page-scale .website > .frame-26040 {
    flex-direction: column;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 2rem 1rem 3rem;
    margin: 0;
    order: 5;
    gap: 1rem;
    overflow: visible;
  }
  .page-scale .website > .frame-26040 .rectangle-11,
  .page-scale .website > .frame-26040 .frame-26021,
  .page-scale .website > .frame-26040 .rectangle-10 {
    display: none;
  }
  .page-scale .website > .frame-26040 .frame-259852 {
    position: relative;
    left: auto;
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }
  .page-scale .website > .frame-26040 .frame-25984,
  .page-scale .website > .frame-26040 .frame-259832 {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }
  .page-scale .website > .frame-26040 .frame-25978 {
    overflow: visible;
    padding-bottom: 0.5rem;
  }
  .page-scale .website > .frame-26040 .frame-25975,
  .page-scale .website > .frame-26040 .frame-25976,
  .page-scale .website > .frame-26040 .frame-25977 {
    min-height: 2.5rem;
    overflow: visible;
  }
  .page-scale .website > .frame-26040 .heading-1-amazon-marketing-e-commerce-leaders9 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-26040 .heading-1-amazon-marketing-e-commerce-leaders10,
  .page-scale .website > .frame-26040 .heading-4-innovation-driven2 {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  /* What's New (frame-26038) – contain so "Read more" button doesn't overlap next section */
  .page-scale .website > .frame-26038 {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 2rem 1rem 3rem;
    margin: 0;
    order: 6;
    gap: 1rem;
    overflow: hidden;
  }
  .page-scale .website > .frame-26038 .rectangle-12,
  .page-scale .website > .frame-26038 .frame-26024,
  .page-scale .website > .frame-26038 .rectangle-14 {
    display: none;
  }
  .page-scale .website > .frame-26038 .frame-26020 {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    max-width: 100%;
    gap: 1.25rem;
  }
  .page-scale .website > .frame-26038 .frame-259842,
  .page-scale .website > .frame-26038 .frame-259832 {
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-26038 .button7 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    align-self: flex-start;
  }
  .page-scale .website > .frame-26038 .heading-1-amazon-marketing-e-commerce-leaders12 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-26038 .heading-1-amazon-marketing-e-commerce-leaders13 {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  /* Our Products (frame-26014) – ensure no overlap from section above */
  .page-scale .website > .frame-26014 {
    flex-direction: column;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    max-width: 100%;
    padding: 2.5rem 1rem 3rem;
    margin: 0;
    margin-top: 1.5rem;
    order: 7;
    gap: 1.25rem;
    overflow: hidden;
    isolation: isolate;
    z-index: 2;
    background: #ffffff;
  }
  .page-scale .website > .frame-26014 .frame-25986 {
    width: 100%;
    max-width: 100%;
    order: 1;
    position: relative;
    z-index: 1;
  }
  .page-scale .website > .frame-26014 .button10 {
    order: 2;
    position: relative;
    z-index: 1;
  }
  .page-scale .website > .frame-26014 .heading-1-amazon-marketing-e-commerce-leaders16 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-26014 .heading-1-amazon-marketing-e-commerce-leaders17 {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  /* News & Blog (frame-26037) – strict column order so cards never overlap Our Products */
  .page-scale .website > .frame-26037 {
    display: flex;
    flex-direction: column;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 2rem 1rem 3rem;
    margin: 0;
    order: 8;
    gap: 1rem;
    overflow: visible;
  }
  .page-scale .website > .frame-26037 .frame-26023 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    translate: none;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    flex-shrink: 0;
  }
  .page-scale .website > .frame-26037 .frame-259862 {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    flex-shrink: 1;
  }
  .page-scale .website > .frame-26037 .frame-259862 .heading-1-amazon-marketing-e-commerce-leaders19,
  .page-scale .website > .frame-26037 .frame-259862 .heading-1-amazon-marketing-e-commerce-leaders20 {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .page-scale .website > .frame-26037 .heading-1-amazon-marketing-e-commerce-leaders19 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-26037 .heading-1-amazon-marketing-e-commerce-leaders20 {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .page-scale .website > .frame-26037 .frame-26027 {
    flex-wrap: wrap;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    gap: 1rem;
    justify-content: flex-start;
    margin-top: 1.5rem;
    order: 2;
  }
  .page-scale .website > .frame-26037 .frame-26023 {
    order: 1;
  }
  .page-scale .website > .frame-26037 .button11 {
    order: 3;
  }
  .page-scale .website > .frame-26037 .frame-26022,
  .page-scale .website > .frame-26037 .frame-26025,
  .page-scale .website > .frame-26037 .frame-26026 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
    min-width: 0;
    overflow: hidden;
  }
  .page-scale .website > .frame-26037 .rectangle-3405 {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .page-scale .website > .frame-26037 .heading-5-kane-williamson {
    font-size: 1rem;
    line-height: 1.4;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .page-scale .website > .frame-26037 .rectangle-3406,
  .page-scale .website > .frame-26037 .frame-613 {
    max-width: 100%;
  }
  /* Our Services (frame-259942) */
  .page-scale .website > .frame-259942 {
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    padding: 2rem 1rem;
    margin: 0;
    order: 9;
    gap: 1rem;
    overflow: hidden;
  }
  .page-scale .website > .frame-259942 .frame-25986 {
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-259942 .heading-1-amazon-marketing-e-commerce-leaders2 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-259942 .heading-1-amazon-marketing-e-commerce-leaders22 {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-259942 .button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .page-scale .website > .frame-259942 .button .frame-60 {
    width: 100%;
    justify-content: center;
  }
  .page-scale .website > .frame-26014 .button10,
  .page-scale .website > .frame-26037 .button11,
  .page-scale .website > .frame-259942 .button,
  .page-scale .website > .frame-26040 .button7,
  .page-scale .website > .frame-26038 .button7 {
    min-height: 2.75rem;
    padding: 0.75rem 1.25rem;
  }
  /* CTA section on mobile – contain so red block doesn't overflow */
  .page-scale .website > .frame-141 {
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
    padding: 2rem 1rem;
    margin: 0;
    order: 10;
    gap: 1rem;
    overflow: hidden;
    box-sizing: border-box;
    translate: none;
  }
  .page-scale .website > .frame-141 .group-480962722 {
    display: none;
  }
  .page-scale .website > .frame-141 .frame-26067 {
    position: relative;
    left: auto;
    width: 100%;
    max-width: 100%;
  }
  .page-scale .website > .frame-141 .heading-3-ready-to-transform-your-business {
    font-size: clamp(1.375rem, 4vw, 1.5rem);
    line-height: 1.3;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .page-scale .website > .frame-141 .heading-4-services {
    font-size: 1.0625rem;
    max-width: 100%;
  }
  .page-scale .website > .frame-141 .form {
    max-width: 100%;
  }
  /* Mobile footer */
  .page-scale .website > .rectangle-3407 {
    height: 1px;
    margin: 0 1rem;
    padding: 0;
    order: 11;
    background: var(--line-2, #efeff1);
  }
  .page-scale .website > ._2025-national-moulds-dies-all-rights-reserved {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 1rem;
    margin: 0;
    order: 12;
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--b-to-w-grey-2, #4c4c4c);
    text-align: center;
  }
  .page-scale .website > .frame-146 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 1rem 1rem;
    margin: 0;
    order: 13;
  }
  .page-scale .website > .frame-146 {
    font-size: 0.875rem;
  }
  .page-scale .website > .frame-146 .privacy-policy,
  .page-scale .website > .frame-146 .terms-of-service,
  .page-scale .website > .frame-146 .cookies {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    padding: 0 0.5rem;
  }
  .page-scale .website > .frame-151 {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    padding: 0 1rem 1.5rem;
    margin: 0;
    order: 19;
    gap: 0.75rem;
  }
  .page-scale .website > .frame-151 .frame-149,
  .page-scale .website > .frame-151 .frame-150,
  .page-scale .website > .frame-151 .frame-1512,
  .page-scale .website > .frame-151 .frame-148 {
    font-size: 0.9375rem;
  }
  .page-scale .website > .frame-151 ._91-9426031583,
  .page-scale .website > .frame-151 .info-natinalmoulds-com,
  .page-scale .website > .frame-151 .sales-natinalmoulds-com {
    font-size: 1rem;
  }
  .page-scale .website > .frame-151 .a-5-mahadev-industrial-estate-3-celulose-compound-on-canal-ctm-ramol-road-ramol-ahmedabad-gujarat-india-380-026 {
    font-size: 0.9375rem;
    line-height: 1.45;
  }
  .page-scale .website > .heading-4-services2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1rem 0.25rem;
    margin: 0;
    order: 14;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b-to-w-title, #1a1a1a);
    box-sizing: border-box;
  }
  .page-scale .website > .frame-142 {
    flex-wrap: wrap;
    gap: 0.5rem;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 1rem;
    margin: 0;
    order: 15;
  }
  .page-scale .website > .frame-142 > * {
    font-size: 0.9375rem;
  }
  .page-scale .website > .heading-4-services3 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1rem 0.25rem;
    margin: 0;
    order: 16;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b-to-w-title, #1a1a1a);
    box-sizing: border-box;
  }
  .page-scale .website > .frame-1422 {
    flex-wrap: wrap;
    gap: 0.5rem;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 1rem;
    margin: 0;
    order: 17;
  }
  .page-scale .website > .frame-1422 > * {
    font-size: 0.9375rem;
  }
  .page-scale .website > .heading-4-company {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1rem 0.25rem;
    margin: 0;
    order: 18;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b-to-w-title, #1a1a1a);
    box-sizing: border-box;
  }
  .page-scale .website > .heading-4-company2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1rem 0.25rem;
    margin: 0;
    order: 20;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b-to-w-title, #1a1a1a);
    box-sizing: border-box;
  }
  .page-scale .website > .frame-230 {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 1rem;
    margin: 0;
    order: 21;
  }
  .page-scale .website > .frame-230 > * {
    font-size: 0.9375rem;
    min-height: 2.75rem;
    display: flex;
    align-items: center;
  }
  .page-scale .website > .frame-98 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 1rem;
    margin: 0;
    order: 22;
    justify-content: center;
    gap: 1rem;
  }
  .page-scale .website > .frame-26081 {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    padding: 0 1rem 2rem;
    margin: 0;
    order: 23;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.5rem;
  }
  .page-scale .website > .frame-26081 .download-the-pdf {
    font-size: 1rem;
  }
}

/* Very small screens: ensure content doesn't overflow */
@media (max-width: 23.4375rem) {
  .page-scale .website > .frame-26073,
  .page-scale .website > .frame-26013,
  .page-scale .website > .frame-26046,
  .page-scale .website > .frame-25999,
  .page-scale .website > .frame-26040,
  .page-scale .website > .frame-26038,
  .page-scale .website > .frame-26014,
  .page-scale .website > .frame-26037,
  .page-scale .website > .frame-259942,
  .page-scale .website > .frame-141 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .page-scale .website > .frame-26073 .heading-1-amazon-marketing-e-commerce-leaders4 {
    font-size: 1.5rem;
  }
}

/* =========================
   INDEX PAGE SECTIONS
========================= */
.website {
  background: #ffffff;
  height: 547.0625rem;
  position: relative;
  overflow: hidden;
}
.minimalist-construction-pvc-pipes-composition-4 {
  opacity: 0.05;
  width: 120.090625rem;
  height: 62.0625rem;
  position: absolute;
  left: 0rem;
  top: 204.4375rem;
  object-fit: cover;
}
.minimalist-construction-pvc-pipes-composition-2 {
  opacity: 0.05;
  width: 120.090625rem;
  height: 67.35625rem;
  position: absolute;
  left: 0rem;
  top: 413.82rem;
  object-fit: cover;
}
.minimalist-construction-pvc-pipes-composition-3 {
  opacity: 0.05;
  width: 120.090625rem;
  height: 51.179375rem;
  position: absolute;
  left: 0rem;
  top: 315.44625rem;
  object-fit: cover;
}
.minimalist-construction-pvc-pipes-composition-1 {
  opacity: 0.05;
  width: 120.090625rem;
  height: 52.480625rem;
  position: absolute;
  left: -0.020625rem;
  top: 56.7925rem;
  object-fit: cover;
}
.frame-26013 {
  background: #fff8f8;
  width: 119.9375rem;
  height: 45.1875rem;
  position: absolute;
  left: 0rem;
  top: 159.25rem;
  overflow: hidden;
}
.group-48096272 {
  opacity: 0.1;
  height: auto;
  position: absolute;
  left: 4.88375rem;
  top: -5.17125rem;
  overflow: visible;
}
.heading-1-amazon-marketing-e-commerce-leaders {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 7.09375rem;
  top: 5.749375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(252, 28, 41, 0.15);
}
.frame-25994 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 101.25rem;
  position: absolute;
  left: 9.375rem;
  top: 7.499375rem;
}
.frame-25986 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 33.325625rem;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders2 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 34.930625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders3 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  width: 44.995rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26008 {
  display: flex;
  flex-direction: row;
  gap: 6.25rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 50.59375rem);
  top: calc(50% - 3.018125rem);
}
.frame-26004 {
  display: flex;
  flex-direction: row;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-26009 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.rectangle-9 {
  background: var(--main-color-red, #fc1c29);
  flex-shrink: 0;
  width: 0.3125rem;
  height: 4.375rem;
  position: relative;
}
._345 {
  color: var(--main-color-black, #0c0b0b);
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 5rem;
  line-height: 4.685625rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-complete {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  line-height: 1.73rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26005 {
  display: flex;
  flex-direction: row;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-26010 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._99 {
  color: var(--main-color-black, #0c0b0b);
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 5rem;
  line-height: 4.685625rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-rate {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  line-height: 1.73rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26006 {
  display: flex;
  flex-direction: row;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-26011 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._25 {
  color: var(--main-color-black, #0c0b0b);
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 5rem;
  line-height: 4.685625rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.years-of-experience {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  line-height: 1.73rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26007 {
  display: flex;
  flex-direction: row;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-26012 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._100 {
  color: var(--main-color-black, #0c0b0b);
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 5rem;
  line-height: 4.685625rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.total-employee {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.375rem;
  line-height: 1.73rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26048 {
  width: 101.25rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 31.2475rem;
  overflow: hidden;
}
.logo-9-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-8-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 19.8075rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-10-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 39.615625rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-6-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 59.423125rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-7-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 79.230625rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-4-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 99.03875rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-3-1 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 118.84625rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-9-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 138.65375rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-8-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 158.46125rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-10-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 178.269375rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-6-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 198.076875rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-7-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 217.884375rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-4-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 237.6925rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.logo-3-2 {
  width: 16.53875rem;
  height: 5rem;
  position: absolute;
  left: 257.5rem;
  top: 0rem;
  mix-blend-mode: luminosity;
  object-fit: cover;
  aspect-ratio: 264.62/80;
}
.frame-26046 {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  width: 110.5rem;
  position: absolute;
  left: 9.375rem;
  top: 128.3125rem;
  overflow-x: auto;
}
.frame-26042 {
  background: linear-gradient(
    180deg,
    rgba(255, 237, 237, 1) 0%,
    rgba(255, 250, 250, 0) 100%
  );
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  padding: 2.5rem 2.1875rem 2.5rem 2.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-26076 {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.overlay {
  background: #ffffff;
  border-radius: 0.5625rem;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  position: relative;
  aspect-ratio: 1;
}
.injection-moulds {
  width: 2.875rem;
  height: 2.8125rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 46/45;
}
.frame-26075 {
  display: flex;
  flex-direction: column;
  gap: 1.8125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20.1875rem;
  position: relative;
}
.frame-26074 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-3-digital-marketing {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.comprehensive-digital-marketing-strategies-including-amazon-ppc-google-ads-and-multi-channel-campaigns-that-drive-qualified-traffic-and-maximize-roi {
  color: var(--b-to-w-grey-3, #626262);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-m-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-m-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-m-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-61 {
  display: flex;
  flex-direction: row;
  gap: 0.376875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.read-more {
  color: var(--main-color-red, #fc1c29);
  text-align: center;
  font-family: var(
    --text-body-b-2-16-b-2-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-sb-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-sb-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-sb-font-weight, 600);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-62 {
  flex-shrink: 0;
  width: 1.50625rem;
  height: 1.5rem;
  position: relative;
}
.group-25914 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.frame-26080 {
  flex-shrink: 0;
  width: 4.135625rem;
  height: 3.850625rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
}
.rectangle-3409 {
  background: rgba(252, 28, 41, 0.05);
  border-radius: 0rem 0rem 0rem 0.5rem;
  width: 3.145625rem;
  height: 3.850625rem;
  position: absolute;
  left: 0.99rem;
  top: 0rem;
}
.rectangle-3410 {
  background: rgba(252, 28, 41, 0.05);
  border-radius: 0rem 0rem 0rem 0.5rem;
  width: 4.135625rem;
  height: 2.958125rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.frame-38 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20.1875rem;
  height: 4rem;
  position: absolute;
  left: 9.0625rem;
  top: 2.498125rem;
}
.frame-26043 {
  background: linear-gradient(
    180deg,
    rgba(255, 237, 237, 1) 0%,
    rgba(255, 250, 250, 0) 100%
  );
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  padding: 2.5rem 2.1875rem 2.5rem 2.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.extrusion-moulds {
  width: 2.875rem;
  height: 2.8125rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  aspect-ratio: 46/45;
}
.g-1578 {
  height: auto;
  position: absolute;
  left: 0rem;
  top: 2.8125rem;
  transform: translate(0rem, -2.8125rem);
  overflow: visible;
}
.group-259142 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.frame-26044 {
  background: linear-gradient(
    180deg,
    rgba(255, 237, 237, 1) 0%,
    rgba(255, 250, 250, 0) 100%
  );
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  padding: 2.5rem 2.1875rem 2.5rem 2.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.blow-moulds {
  width: 2.875rem;
  height: 2.8125rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.layer-2 {
  height: auto;
  position: absolute;
  left: 0.35375rem;
  top: 0.071875rem;
  overflow: visible;
}
.group-259143 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.frame-26045 {
  background: linear-gradient(
    180deg,
    rgba(255, 237, 237, 1) 0%,
    rgba(255, 250, 250, 0) 100%
  );
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  padding: 2.5rem 2.1875rem 2.5rem 2.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.engineering-moulds {
  width: 2.875rem;
  height: 2.8125rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 46/45;
}
.group-259144 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.pvc-pipe-fitting {
  width: 2.875rem;
  height: 2.8125rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group {
  width: 83.74%;
  height: 83.91%;
  position: absolute;
  right: 8.24%;
  left: 8.03%;
  bottom: 8.04%;
  top: 8.04%;
  overflow: visible;
}
.group-259145 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.frame-260462 {
  background: linear-gradient(
    180deg,
    rgba(255, 237, 237, 1) 0%,
    rgba(255, 250, 250, 0) 100%
  );
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  padding: 2.5rem 2.1875rem 2.5rem 2.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.project-consultancy {
  width: 2.875rem;
  height: 2.8125rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 46/45;
}
.group-259146 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
._336705626-599-cd-4-ec-dbbb-4-aa-0-a-38-d-3-e-306-e-3-d-8-c-3-b-1 {
  opacity: 0.03;
  width: 38.625rem;
  height: 45.5rem;
  position: absolute;
  left: calc(50% - 60rem);
  top: 11.125rem;
  overflow: hidden;
}
.group2 {
  width: 143.21%;
  height: 115.89%;
  position: absolute;
  right: 12.22%;
  left: -55.43%;
  bottom: -40.83%;
  top: 24.94%;
  overflow: visible;
}
.frame-26073 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 43.456875rem;
  position: absolute;
  left: 9.375rem;
  top: 18.0525rem;
}
.frame-26003 {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-26002 {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders4 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 37.799375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders5 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  width: 39.196875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26001 {
  display: flex;
  flex-direction: row;
  gap: 1.4375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button {
  background: var(--main-color-red, #fc1c29);
  border-radius: 3.25rem;
  padding: 0.8125rem 1.5625rem 0.8125rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-60 {
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.button2 {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button3 {
  border-radius: 4.75rem;
  border-style: solid;
  border-color: var(--b-to-w-title, #1a1a1a);
  border-width: 0.0625rem;
  padding: 0.8125rem 1.5625rem 0.8125rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.button4 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-106 {
  display: flex;
  flex-direction: row;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-104 {
  opacity: 0.5;
  display: flex;
  flex-direction: row;
  gap: 0.73375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.fi-3550091 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.frame-105 {
  display: flex;
  flex-direction: row;
  gap: 0.73375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.fi-35500912 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.frame-17 {
  background: #ffffff;
  border-radius: 0.625rem;
  padding: 1.25rem 1.5625rem 0.9375rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - -5.359375rem);
  top: calc(50% - 349.944375rem);
  box-shadow: 0rem 0.415625rem 1.246875rem 0rem rgba(0, 0, 0, 0.06);
}
.group3 {
  flex-shrink: 0;
  width: 5.940625rem;
  height: 1.76375rem;
  position: relative;
  overflow: visible;
}
.logo-1 {
  opacity: 0.2;
  width: 23.164375rem;
  height: 16.49625rem;
  position: absolute;
  left: calc(50% - 24.3325rem);
  top: calc(50% - 262.17rem);
  mix-blend-mode: hard-light;
  aspect-ratio: 370.63/263.94;
}
.frame-25999 {
  width: 100.285625rem;
  height: 39.991875rem;
  position: absolute;
  left: 9.479375rem;
  top: 62.980625rem;
}
.heading-1-amazon-marketing-e-commerce-leaders6 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 56.57125rem;
  top: 2.6625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(252, 28, 41, 0.15);
}
.frame-25997 {
  width: 49.895625rem;
  height: 39.991875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.about-h-2-image-1-1 {
  border-radius: 0.75rem;
  width: 28.674375rem;
  height: 34.849375rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
}
.about-h-2-main-1 {
  border-radius: 0.75rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.4375rem;
  width: 31.44125rem;
  height: 35.3425rem;
  position: absolute;
  left: 18.454375rem;
  top: 4.649375rem;
  object-fit: cover;
}
.frame-25985 {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 41.8275rem;
  position: absolute;
  left: 58.458125rem;
  top: 4.94375rem;
}
.frame-25984 {
  display: flex;
  flex-direction: column;
  gap: 1.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-25983 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders7 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 34.159375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders8 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-25978 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 21.4375rem;
  position: relative;
}
.frame-25975 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 1.5rem;
  position: relative;
}
.frame {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.heading-4-innovation-driven {
  color: var(--title-1, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-sb-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-sb-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-sb-font-weight, 600);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-25976 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 1.5rem;
  position: relative;
}
.frame2 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.frame-25977 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 1.5rem;
  position: relative;
}
.frame3 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.button5 {
  border-radius: 2.875rem;
  border-style: solid;
  border-color: var(--main-color-red, #fc1c29);
  border-width: 0.0625rem;
  padding: 0.8125rem 1.5625rem 0.8125rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-612 {
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.button6 {
  color: var(--main-color-red, #fc1c29);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-26040 {
  width: 120rem;
  height: 52.75rem;
  position: absolute;
  left: 0rem;
  top: 266.5rem;
}
.rectangle-11 {
  background: #f6f6f6;
  width: 120.20625rem;
  height: 48.94625rem;
  position: absolute;
  left: 0.018125rem;
  top: 0rem;
}
.frame-26021 {
  opacity: 0.05;
  width: 61.125rem;
  height: 28.125rem;
  position: absolute;
  left: 42.43875rem;
  top: 20.653125rem;
  overflow: hidden;
}
.group4 {
  width: 96.64%;
  height: 211.13%;
  position: absolute;
  right: 3.16%;
  left: 0.2%;
  bottom: -110.71%;
  top: -0.42%;
  overflow: visible;
}
.frame-259852 {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 9.62625rem;
  top: 9.348125rem;
}
.frame-259832 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders9 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 45.105rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders10 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  width: 45.105rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame4 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.heading-4-innovation-driven2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-sb-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-sb-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-sb-font-weight, 600);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame5 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.frame6 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.button7 {
  background: var(--main-color-red, #fc1c29);
  border-radius: 4.75rem;
  padding: 0.8125rem 1.5625rem 0.8125rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.button8 {
  color: var(--b-to-w-white, #ffffff);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading-1-amazon-marketing-e-commerce-leaders11 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 7.184375rem;
  top: 7.098125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(255, 255, 255, 0.08);
}
.rectangle-10 {
  border-radius: 0rem 0.75rem 0.75rem 0rem;
  width: 50.785rem;
  height: 47.69625rem;
  position: absolute;
  left: 120.224375rem;
  top: 5.033125rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
}
.frame-26038 {
  width: 120rem;
  height: 52.69625rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 366.625625rem;
}
.rectangle-12 {
  background: #f6f6f6;
  width: 120.224375rem;
  height: 47.69625rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.frame-26024 {
  opacity: 0.05;
  width: 61.125rem;
  height: 28.125rem;
  position: absolute;
  left: calc(50% - 42.43625rem);
  top: 19.57125rem;
  overflow: hidden;
}
.group5 {
  width: 96.64%;
  height: 211.13%;
  position: absolute;
  right: 3.16%;
  left: 0.2%;
  bottom: -110.71%;
  top: -0.42%;
  overflow: visible;
}
.frame-26020 {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 60.87625rem;
  top: 9.473125rem;
}
.frame-259842 {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders12 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.5rem;
  font-weight: 700;
  position: relative;
  width: 40.021875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders13 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  width: 44.00625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button9 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading-1-amazon-marketing-e-commerce-leaders14 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 59.61125rem;
  top: 8.410625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(255, 255, 255, 0.08);
}
.rectangle-14 {
  border-radius: 0.75rem 0rem 0rem 0.75rem;
  width: 50.785rem;
  height: 47.69625rem;
  position: absolute;
  left: 50.785rem;
  top: 5rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
}
.heading-1-amazon-marketing-e-commerce-leaders15 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 6.271875rem;
  top: 210.875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(252, 28, 41, 0.1);
}
.frame-26014 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 101.0625rem;
  position: absolute;
  left: 9.375rem;
  top: 211.9375rem;
}
.heading-1-amazon-marketing-e-commerce-leaders16 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 22.27375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders17 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  position: relative;
  width: 43.26rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button10 {
  background: var(--main-color-red, #fc1c29);
  border-radius: 4.3125rem;
  padding: 0.8125rem 1.5625rem 0.8125rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders18 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 7.1rem;
  top: 425.325625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(252, 28, 41, 0.15);
}
.frame-26037 {
  width: 101.25rem;
  height: 46.82625rem;
  position: absolute;
  left: 9.375rem;
  top: 426.843125rem;
}
.frame-26023 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 101.25rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0rem;
}
.frame-259862 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders19 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 40.1575rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders20 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: var(
    --text-body-b-1-18-b-1-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-1-18-b-1-m-font-size, 1.125rem);
  line-height: var(--text-body-b-1-18-b-1-m-line-height, 1.625rem);
  font-weight: var(--text-body-b-1-18-b-1-m-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26027 {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0rem;
  top: 11.25rem;
}
.frame-26022 {
  background: #ffffff;
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 32.5rem;
  height: 36rem;
  position: relative;
  overflow: hidden;
}
.rectangle-3405 {
  border-radius: 0.25rem;
  width: 32.5rem;
  height: 21.875rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0rem;
  object-fit: cover;
}
.rectangle-3406 {
  background: #fff6f7;
  border-radius: 0.25rem;
  width: 5.625rem;
  height: 5.625rem;
  position: absolute;
  left: 24.660625rem;
  top: 19.0625rem;
  aspect-ratio: 1;
}
.heading-5-kane-williamson {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 600;
  position: absolute;
  left: 2.185625rem;
  top: 26.13125rem;
  width: 26.69375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-5-kane-williamson2 {
  color: var(--main-color-red, #fc1c29);
  text-align: left;
  font-family: var(--text-headings-h-3-font-family, "Exo2-Bold", sans-serif);
  font-size: var(--text-headings-h-3-font-size, 2.125rem);
  line-height: var(--text-headings-h-3-line-height, 2.625rem);
  font-weight: var(--text-headings-h-3-font-weight, 700);
  position: absolute;
  left: 26.191875rem;
  top: 19.8125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-5-kane-williamson3 {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  position: absolute;
  left: 26.191875rem;
  top: 22.435rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-613 {
  display: flex;
  flex-direction: row;
  gap: 0.376875rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 2.185625rem;
  top: 32.19375rem;
}
.read-more2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: center;
  font-family: var(
    --text-body-b-1-18-b-1-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-1-18-b-1-sb-font-size, 1.125rem);
  line-height: var(--text-body-b-1-18-b-1-sb-line-height, 1.625rem);
  font-weight: var(--text-body-b-1-18-b-1-sb-font-weight, 600);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-259147 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.news {
  color: var(--main-color-red, #fc1c29);
  text-align: left;
  font-family: var(
    --text-body-b-1-18-b-1-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-1-18-b-1-sb-font-size, 1.125rem);
  line-height: var(--text-body-b-1-18-b-1-sb-line-height, 1.625rem);
  font-weight: var(--text-body-b-1-18-b-1-sb-font-weight, 600);
  position: absolute;
  left: 2.185625rem;
  top: 23.75625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26025 {
  background: #ffffff;
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 32.5rem;
  height: 36rem;
  position: relative;
  overflow: hidden;
}
.heading-5-kane-williamson4 {
  color: var(--main-color-red, #fc1c29);
  text-align: left;
  font-family: var(--text-headings-h-3-font-family, "Exo2-Bold", sans-serif);
  font-size: var(--text-headings-h-3-font-size, 2.125rem);
  line-height: var(--text-headings-h-3-line-height, 2.625rem);
  font-weight: var(--text-headings-h-3-font-weight, 700);
  position: absolute;
  left: 26.066875rem;
  top: 19.8125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-5-kane-williamson5 {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  position: absolute;
  left: 26.066875rem;
  top: 22.435rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-259148 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.blog {
  color: var(--main-color-red, #fc1c29);
  text-align: left;
  font-family: var(
    --text-body-b-1-18-b-1-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-1-18-b-1-sb-font-size, 1.125rem);
  line-height: var(--text-body-b-1-18-b-1-sb-line-height, 1.625rem);
  font-weight: var(--text-body-b-1-18-b-1-sb-font-weight, 600);
  position: absolute;
  left: 2.185625rem;
  top: 23.75625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26026 {
  background: #ffffff;
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 32.5rem;
  height: 36rem;
  position: relative;
  overflow: hidden;
}
.heading-5-kane-williamson6 {
  color: var(--main-color-red, #fc1c29);
  text-align: left;
  font-family: var(--text-headings-h-3-font-family, "Exo2-Bold", sans-serif);
  font-size: var(--text-headings-h-3-font-size, 2.125rem);
  line-height: var(--text-headings-h-3-line-height, 2.625rem);
  font-weight: var(--text-headings-h-3-font-weight, 700);
  position: absolute;
  left: 26.035625rem;
  top: 19.8125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-259149 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.button11 {
  background: var(--main-color-red, #fc1c29);
  border-radius: 4.3125rem;
  padding: 0.8125rem 1.5625rem 0.8125rem 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 89.8125rem;
  top: 3rem;
}
.frame-141 {
  background: var(--main-color-red, #fc1c29);
  width: 120rem;
  height: 18.75rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 480.879375rem;
  overflow: hidden;
}
.group-480962722 {
  opacity: 0.1;
  height: auto;
  position: absolute;
  left: 0rem;
  top: -12.0975rem;
  overflow: visible;
}
.frame-26067 {
  display: flex;
  flex-direction: row;
  gap: 25.1875rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 9.41rem;
  top: 50%;
  translate: 0 -50%;
}
.heading-3-ready-to-transform-your-business {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 3.4375rem;
  line-height: 4.0625rem;
  font-weight: 600;
  position: relative;
  width: 43.685rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26054 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 25.9375rem;
  position: relative;
}
.heading-4-services {
  color: #ffffff;
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.form {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.8);
  border-width: 0.0625rem;
  align-self: stretch;
  flex-shrink: 0;
  height: 3.75rem;
  position: relative;
  backdrop-filter: blur(6.646875rem);
}
.email-address {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.8;
  position: absolute;
  left: 1.5625rem;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button12 {
  border-radius: 50rem;
  width: 4.125rem;
  height: 2.625rem;
  position: absolute;
  left: 21.25rem;
  top: 50%;
  translate: 0 -50%;
  overflow: visible;
}
.rectangle-3407 {
  background: #f6f6f6;
  width: 120rem;
  height: 47.458125rem;
  position: absolute;
  left: 0rem;
  top: 499.629375rem;
}
._2025-national-moulds-dies-all-rights-reserved {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-r-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-r-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-r-font-weight, 400);
  position: absolute;
  left: 9.416875rem;
  top: 544.088125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-146 {
  display: flex;
  flex-direction: row;
  gap: 1.6875rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 91.125rem;
  top: 544.025625rem;
}
.privacy-policy {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-r-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-r-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.terms-of-service {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-r-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-r-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cookies {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-r-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-r-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-4-services2 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  position: absolute;
  left: 77.589375rem;
  top: 516.916875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-142 {
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 11.49625rem;
  position: absolute;
  left: 77.589375rem;
  top: 520.229375rem;
}
.injection-moulds2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.extrusion-moulds2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.blow-moulds2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.engineering-mould {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.project-consultancy2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-4-services3 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  position: absolute;
  left: 57.10375rem;
  top: 516.916875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1422 {
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 11.49625rem;
  position: absolute;
  left: 57.10375rem;
  top: 520.229375rem;
}
.ball-valve {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.fittings {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.drip-irrigation-fittings {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.electrical-fittings {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pvc-profile {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sanitary-fittings-moulds {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-4-company {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  position: absolute;
  left: 9.375rem;
  top: 516.916875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-151 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 9.375rem;
  top: 520.229375rem;
}
.frame-149 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.border {
  background: #e8e8e8;
  border-radius: 0.520625rem;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  aspect-ratio: 1;
}
.svg {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
._91-9426031583 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-150 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svg2 {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.info-natinalmoulds-com {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1512 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svg3 {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.sales-natinalmoulds-com {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-148 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.svg4 {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}
.a-5-mahadev-industrial-estate-3-celulose-compound-on-canal-ctm-ramol-road-ramol-ahmedabad-gujarat-india-380-026 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-4-company2 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  position: absolute;
  left: 39.364375rem;
  top: 516.916875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-230 {
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 39.364375rem;
  top: 520.229375rem;
}
.about-us {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
}
.products {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
}
.services {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
}
.quality {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
}
.career {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
}
.contact-us {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-r-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-r-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-r-font-weight, 400);
  position: relative;
}
.line-2 {
  margin-top: -0.0625rem;
  border-style: solid;
  border-color: #000000;
  border-width: 0.0625rem 0 0 0;
  opacity: 0.1;
  width: 101.25rem;
  height: 0rem;
  position: absolute;
  left: 9.375rem;
  top: 513.12125rem;
}
.line-3 {
  margin-top: -0.0625rem;
  border-style: solid;
  border-color: #000000;
  border-width: 0.0625rem 0 0 0;
  opacity: 0.1;
  width: 101.25rem;
  height: 0rem;
  position: absolute;
  left: 9.375rem;
  top: 542.51625rem;
}
.heading-4-services4 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: "Exo2-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  position: absolute;
  left: 98.7rem;
  top: 516.916875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.a-4-1 {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 0.125rem;
  width: 11.925rem;
  height: 16.875rem;
  position: absolute;
  left: 98.7rem;
  top: 520.229375rem;
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 190.8/270;
}
.frame-26081 {
  display: flex;
  flex-direction: row;
  gap: 0.375rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 98.75rem;
  top: 538.354375rem;
}
.download-the-pdf {
  color: #000000;
  text-align: center;
  font-family: var(
    --text-body-b-3-14-b-3-r-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-r-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-r-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-r-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-2591410 {
  width: 52.5%;
  height: 52.5%;
  position: absolute;
  right: 28.75%;
  left: 18.75%;
  bottom: 21.65%;
  top: 25.85%;
  overflow: visible;
}
.frame-98 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 94.375rem;
  top: 506.87125rem;
}
.border2 {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0.520625rem;
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  aspect-ratio: 1;
}
.group-55 {
  height: auto;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.frame7 {
  width: 1.4325rem;
  height: 1.4325rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group6 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.group-54 {
  height: auto;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.fi-61109 {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0.8125rem;
  top: 0.8125rem;
  overflow: hidden;
}
.group7 {
  height: auto;
  position: absolute;
  left: 0rem;
  top: 0rem;
  overflow: visible;
}
.heading-1-amazon-marketing-e-commerce-leaders21 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 7.2025rem;
  top: 115.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(252, 28, 41, 0.15);
}
.frame-259942 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 101.25rem;
  position: absolute;
  left: 9.375rem;
  top: 116.781875rem;
}
.heading-1-amazon-marketing-e-commerce-leaders22 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  width: 45.021875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-25991 {
  display: flex;
  flex-direction: row;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 9.375rem;
  top: 148.935rem;
}
.fi-35500913 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.fi-35500914 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.frame-26084 {
  display: flex;
  flex-direction: row;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 9.375rem;
  top: 256.185rem;
}
.fi-35500915 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.fi-35500916 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.heading-1-amazon-marketing-e-commerce-leaders23 {
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 6.25rem;
  line-height: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 7.044375rem;
  top: 326.73125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-text-stroke: 0.0625rem rgba(252, 28, 41, 0.1);
}
.frame-26086 {
  width: 101.8475rem;
  height: 35.049375rem;
  position: absolute;
  left: 9.375rem;
  top: 325.1475rem;
}
.frame-26061 {
  display: flex;
  flex-direction: column;
  gap: 4.1875rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 41.270625rem;
  position: absolute;
  left: 0rem;
  top: 6.86875rem;
}
.frame-26066 {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-26060 {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-1-amazon-marketing-e-commerce-leaders24 {
  color: var(--main-color-black, #0c0b0b);
  text-align: left;
  font-family: "Exo2-Bold", sans-serif;
  font-size: 3.4375rem;
  line-height: 3.9375rem;
  font-weight: 700;
  position: relative;
  width: 30.98625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-amazon-marketing-e-commerce-leaders25 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: var(
    --text-body-b-1-18-b-1-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-1-18-b-1-m-font-size, 1.125rem);
  line-height: var(--text-body-b-1-18-b-1-m-line-height, 1.625rem);
  font-weight: var(--text-body-b-1-18-b-1-m-font-weight, 500);
  opacity: 0.7;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-259912 {
  display: flex;
  flex-direction: row;
  gap: 0.9375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.fi-35500917 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.fi-35500918 {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  overflow: visible;
}
.group-48096273 {
  position: absolute;
  inset: 0;
}
.frame-26064 {
  background: linear-gradient(
    180deg,
    rgba(255, 230, 230, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border-radius: 0.756875rem;
  opacity: 0.7;
  padding: 2.498125rem 2.926875rem 2.498125rem 2.926875rem;
  display: flex;
  flex-direction: column;
  gap: 0.71375rem;
  align-items: center;
  justify-content: flex-start;
  width: 49.1975rem;
  height: 32.08125rem;
  position: absolute;
  left: 49.7425rem;
  top: 2.709375rem;
  transform-origin: 0 0;
  transform: rotate(-2.393deg) scale(1, 1);
}
.frame-26062 {
  display: flex;
  flex-direction: column;
  gap: 2.57rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 42.6925rem;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-26059 {
  display: flex;
  flex-direction: column;
  gap: 1.4275rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon {
  flex-shrink: 0;
  width: 5.8375rem;
  height: 5.8375rem;
  position: relative;
  overflow: visible;
}
.frame-26058 {
  display: flex;
  flex-direction: column;
  gap: 1.070625rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.group-19539 {
  flex-shrink: 0;
  width: 9.184375rem;
  height: 1.4275rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 146.95/22.84;
}
.national-moulds-and-dies-delivered-top-quality-pvc-moulds-on-time-boosting-our-production-efficiency-by-30-highly-recommend-their-expertise {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-MediumItalic", sans-serif;
  font-size: 1.5704379081726074rem;
  line-height: 2.498125rem;
  font-weight: 500;
  font-style: italic;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-1 {
  margin-top: -0.08rem;
  border-style: solid;
  border-color: rgba(252, 28, 41, 0.15);
  border-width: 0.08rem 0 0 0;
  flex-shrink: 0;
  width: 41.97875rem;
  height: 0rem;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-26057 {
  display: flex;
  flex-direction: row;
  gap: 1.4275rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.group-19540 {
  flex-shrink: 0;
  width: 4.283125rem;
  height: 4.283125rem;
  position: static;
}
.ellipse-58 {
  background: #fff3f3;
  border-radius: 50%;
  width: 4.283125rem;
  height: 4.283125rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  aspect-ratio: 1;
}
.heading-5-kane-williamson7 {
  color: #fc1c29;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4276707172393799rem;
  line-height: 1.99875rem;
  font-weight: 700;
  position: absolute;
  left: 0.928125rem;
  top: 1.141875rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26056 {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 11.635625rem;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.heading-5-kane-williamson8 {
  color: #222e48;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4276707172393799rem;
  line-height: 1.99875rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ceo-of-xyz {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.142136573791504rem;
  line-height: 1.713125rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26065 {
  background: linear-gradient(
    180deg,
    rgba(255, 230, 230, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border-radius: 0.76625rem;
  opacity: 0.7;
  padding: 2.52875rem 2.9625rem 2.52875rem 2.9625rem;
  display: flex;
  flex-direction: column;
  gap: 0.7225rem;
  align-items: center;
  justify-content: flex-start;
  width: 49.79875rem;
  height: 32.473125rem;
  position: absolute;
  left: 52.118125rem;
  top: 0rem;
  transform-origin: 0 0;
  transform: rotate(3.018deg) scale(1, 1);
}
.frame-260622 {
  display: flex;
  flex-direction: column;
  gap: 2.60125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 43.214375rem;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-260592 {
  display: flex;
  flex-direction: column;
  gap: 1.445rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon2 {
  flex-shrink: 0;
  width: 5.90875rem;
  height: 5.90875rem;
  position: relative;
  overflow: visible;
}
.frame-260582 {
  display: flex;
  flex-direction: column;
  gap: 1.08375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.group-195392 {
  flex-shrink: 0;
  width: 9.2975rem;
  height: 1.445rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 148.76/23.12;
}
.national-moulds-and-dies-delivered-top-quality-pvc-moulds-on-time-boosting-our-production-efficiency-by-30-highly-recommend-their-expertise2 {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-MediumItalic", sans-serif;
  font-size: 1.5896230936050415rem;
  line-height: 2.52875rem;
  font-weight: 500;
  font-style: italic;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-12 {
  margin-top: -0.080625rem;
  border-style: solid;
  border-color: rgba(252, 28, 41, 0.15);
  border-width: 0.080625rem 0 0 0;
  flex-shrink: 0;
  width: 42.49125rem;
  height: 0rem;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-260572 {
  display: flex;
  flex-direction: row;
  gap: 1.445rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.group-195402 {
  flex-shrink: 0;
  width: 4.335625rem;
  height: 4.335625rem;
  position: static;
}
.ellipse-582 {
  background: #fff3f3;
  border-radius: 50%;
  width: 4.335625rem;
  height: 4.335625rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  aspect-ratio: 1;
}
.heading-5-kane-williamson9 {
  color: #fc1c29;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.445111870765686rem;
  line-height: 2.023125rem;
  font-weight: 700;
  position: absolute;
  left: 0.939375rem;
  top: 1.15625rem;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-260562 {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 11.7775rem;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.heading-5-kane-williamson10 {
  color: #222e48;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.445111870765686rem;
  line-height: 2.023125rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ceo-of-xyz2 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.1560895442962646rem;
  line-height: 1.734375rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26063 {
  background: linear-gradient(
    180deg,
    rgba(255, 221, 221, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border-radius: 0.6625rem;
  padding: 2.1875rem 2.5625rem 2.1875rem 2.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  width: 43.075rem;
  height: 28.08875rem;
  position: absolute;
  left: 53.608125rem;
  top: 3.32875rem;
  box-shadow: 0rem 0rem 1.25rem 0rem rgba(205, 205, 205, 0.27);
}
.frame-260623 {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 37.38rem;
  position: relative;
}
.frame-260593 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon3 {
  flex-shrink: 0;
  width: 5.110625rem;
  height: 5.110625rem;
  position: relative;
  overflow: visible;
}
.frame-260583 {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.group-195393 {
  flex-shrink: 0;
  width: 8.041875rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 128.67/20;
}
.national-moulds-and-dies-delivered-top-quality-pvc-moulds-on-time-boosting-our-production-efficiency-by-30-highly-recommend-their-expertise3 {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: "Inter-MediumItalic", sans-serif;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  font-weight: 500;
  font-style: italic;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-13 {
  margin-top: -0.07rem;
  border-style: solid;
  border-color: rgba(252, 28, 41, 0.15);
  border-width: 0.07rem 0 0 0;
  flex-shrink: 0;
  width: 36.754375rem;
  height: 0rem;
  position: relative;
}
.frame-260573 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-195403 {
  flex-shrink: 0;
  width: 3.75rem;
  height: 3.75rem;
  position: static;
}
.ellipse-583 {
  background: #fff3f3;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  aspect-ratio: 1;
}
.heading-5-kane-williamson11 {
  color: #fc1c29;
  text-align: left;
  font-family: var(--text-headings-h-6-font-family, "Exo2-Bold", sans-serif);
  font-size: var(--text-headings-h-6-font-size, 1.25rem);
  line-height: var(--text-headings-h-6-line-height, 1.75rem);
  font-weight: var(--text-headings-h-6-font-weight, 700);
  position: absolute;
  left: 0.8125rem;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-260563 {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 10.1875rem;
  position: relative;
}
.heading-5-kane-williamson12 {
  color: #222e48;
  text-align: left;
  font-family: var(--text-headings-h-6-font-family, "Exo2-Bold", sans-serif);
  font-size: var(--text-headings-h-6-font-size, 1.25rem);
  line-height: var(--text-headings-h-6-line-height, 1.75rem);
  font-weight: var(--text-headings-h-6-font-weight, 700);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ceo-of-xyz3 {
  color: var(--b-to-w-grey-2, #4c4c4c);
  text-align: left;
  font-family: var(
    --text-body-b-2-16-b-2-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-m-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-m-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-m-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* =========================
   NAVBAR
========================= */
.header {
  background: var(--white, #ffffff);
  border-style: solid;
  border-color: #e5e7eb;
  border-width: 0rem 0rem 0.0625rem 0rem;
  padding: 1.25rem 9.375rem 1.25rem 9.375rem;
  width: 120rem;
  height: 8.75rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0rem;
  backdrop-filter: blur(0.375rem);
}
.frame-63 {
  display: flex;
  flex-direction: row;
  gap: 1.625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 22.375rem);
  top: 4.828125rem;
}
.home {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-11 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.products2 {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-112 {
  flex-shrink: 0;
  width: 0.625rem;
  height: 1.375rem;
  position: relative;
  overflow: visible;
}
.frame-10 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.services2 {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-113 {
  flex-shrink: 0;
  width: 0.625rem;
  height: 1.375rem;
  position: relative;
  overflow: visible;
}
.about {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.portfolio {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.blog2 {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contact-us2 {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-260762 {
  display: flex;
  flex-direction: row;
  gap: 1.5625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 87.053125rem;
  top: 4.078125rem;
}
.frame-260752 {
  display: flex;
  flex-direction: row;
  gap: 0.6875rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svg5 {
  border-radius: 3.8125rem;
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  overflow: visible;
  filter: brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(5238%)
    hue-rotate(350deg) brightness(102%) contrast(98%);
}
.frame-260742 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.any-question {
  color: var(--b-to-w-grey, #3d3d3d);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-m-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-m-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-m-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._91-94260315832 {
  color: var(--main-color-black, #0c0b0b);
  text-align: center;
  font-family: var(
    --text-body-b-2-16-b-2-sb-font-family,
    "Inter-SemiBold",
    sans-serif
  );
  font-size: var(--text-body-b-2-16-b-2-sb-font-size, 1rem);
  line-height: var(--text-body-b-2-16-b-2-sb-line-height, 1.5rem);
  font-weight: var(--text-body-b-2-16-b-2-sb-font-weight, 600);
  text-decoration: underline;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-12 {
  width: 13.54125rem;
  height: 4.0825rem;
  position: absolute;
  left: calc(50% - 50.63375rem);
  top: calc(50% - 0.775625rem);
  object-fit: cover;
  aspect-ratio: 216.66/65.32;
}
.frame-100 {
  background: #ffeaec;
  width: 120rem;
  height: 2.5rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.frame-99 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 9.375rem;
  top: 50%;
  translate: 0 -50%;
}
.svg6 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.info-nationalmoulds-com {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-m-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-m-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-m-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1002 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 23.5625rem;
  top: 50%;
  translate: 0 -50%;
}
.svg7 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  overflow: visible;
}
.sales-nationalmoulds-com {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-m-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-m-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-m-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-26077 {
  display: flex;
  flex-direction: row;
  gap: 2.0625rem;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 94rem;
  top: 0.5625rem;
}
.frame-25981 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.en-1 {
  flex-shrink: 0;
  width: 1.459375rem;
  height: 0.959375rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 23.35/15.35;
}
.frame-25982 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.english {
  color: var(--b-to-w-title-2, #2a2a2a);
  text-align: left;
  font-family: var(
    --text-body-b-3-14-b-3-m-font-family,
    "Inter-Medium",
    sans-serif
  );
  font-size: var(--text-body-b-3-14-b-3-m-font-size, 0.875rem);
  line-height: var(--text-body-b-3-14-b-3-m-line-height, 1.3125rem);
  font-weight: var(--text-body-b-3-14-b-3-m-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-114 {
  flex-shrink: 0;
  width: 0.625rem;
  height: 1.375rem;
  position: relative;
  overflow: visible;
}
.frame-103 {
  display: flex;
  flex-direction: row;
  gap: 1.125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-101 {
  flex-shrink: 0;
  width: 1.131875rem;
  height: 1.125rem;
  position: relative;
  aspect-ratio: 18.11/18;
}
.group-552 {
  height: auto;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.frame8 {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group8 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.fi-611092 {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
  overflow: hidden;
}
.group9 {
  height: auto;
  position: absolute;
  left: 0rem;
  top: 0rem;
  overflow: visible;
}
.frame-102 {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
  aspect-ratio: 1;
}
.group-542 {
  height: auto;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.frame-26083 {
  width: 21.375rem;
  height: 6.444375rem;
  position: absolute;
  left: 9.371875rem;
  top: 503.12125rem;
}
.logo-2 {
  width: 21.375rem;
  height: 6.444375rem;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  mix-blend-mode: darken;
  object-fit: cover;
  aspect-ratio: 342/103.11;
}
.frame-26082 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-start;
  width: 110.5rem;
  position: absolute;
  left: 9.34375rem;
  top: 223.4375rem;
  overflow-x: auto;
}
._1 {
  background: #ffffff;
  border-radius: 0.75rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 25.3125rem;
  height: 29rem;
  position: relative;
  overflow: hidden;
}
.ball-valve-1 {
  width: 25.3125rem;
  height: 23.23875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
}
.rectangle-122 {
  background: linear-gradient(
    180deg,
    rgba(255, 250, 250, 0) 0%,
    rgba(255, 240, 240, 1) 100%
  );
  border-radius: 0.125rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem 0rem 0rem 0rem;
  width: 25.3125rem;
  height: 5.75rem;
  position: absolute;
  left: 0rem;
  bottom: 0.01125rem;
}
.heading-3-digital-marketing2 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-headings-h-5-sb-font-family,
    "Exo2-SemiBold",
    sans-serif
  );
  font-size: var(--text-headings-h-5-sb-font-size, 1.5rem);
  line-height: var(--text-headings-h-5-sb-line-height, 2rem);
  font-weight: var(--text-headings-h-5-sb-font-weight, 600);
  position: absolute;
  left: 2.125rem;
  top: 25.11375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.right-down-1 {
  border-radius: 5.3125rem;
  border-style: solid;
  border-color: var(--main-color-red, #fc1c29);
  border-width: 0.0625rem;
  width: 2.6875rem;
  height: 2.6875rem;
  position: absolute;
  left: 20.75rem;
  top: 24.77rem;
  overflow: hidden;
}
.group10 {
  width: 33.15%;
  height: 33.15%;
  position: absolute;
  right: 33.43%;
  left: 33.42%;
  bottom: 1.62%;
  top: 65.23%;
  transform: translate(0rem, -0.890625rem);
  overflow: visible;
}
._2 {
  border-radius: 0.75rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 25.3125rem;
  height: 29rem;
  position: relative;
  overflow: hidden;
}
.right-down-12 {
  border-radius: 5.3125rem;
  border-style: solid;
  border-color: var(--main-color-red, #fc1c29);
  border-width: 0.0625rem;
  width: 2.6875rem;
  height: 2.6875rem;
  position: absolute;
  left: 20.7125rem;
  top: 24.79625rem;
  overflow: hidden;
}
.group11 {
  width: 33.15%;
  height: 33.15%;
  position: absolute;
  right: 33.43%;
  left: 33.42%;
  bottom: 1.62%;
  top: 65.23%;
  transform: translate(0rem, -0.890625rem);
  overflow: visible;
}
._336705628 {
  background: #ffffff;
  border-radius: 0.75rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 25.3125rem;
  height: 29rem;
  position: relative;
  overflow: hidden;
}
.group12 {
  width: 33.15%;
  height: 33.15%;
  position: absolute;
  right: 33.43%;
  left: 33.42%;
  bottom: 1.62%;
  top: 65.23%;
  transform: translate(0rem, -0.890625rem);
  overflow: visible;
}
._336705627 {
  background: #ffffff;
  border-radius: 0.75rem;
  border-style: solid;
  border-color: var(--other-shadea-line-2, #efeff1);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 25.3125rem;
  height: 29rem;
  position: relative;
  overflow: hidden;
}
.group13 {
  width: 33.15%;
  height: 33.15%;
  position: absolute;
  right: 33.43%;
  left: 33.42%;
  bottom: 1.62%;
  top: 65.23%;
  transform: translate(0rem, -0.890625rem);
  overflow: visible;
}
.group14 {
  width: 33.15%;
  height: 33.15%;
  position: absolute;
  right: 33.43%;
  left: 33.42%;
  bottom: 1.62%;
  top: 65.23%;
  overflow: visible;
}
.heading-3-digital-marketing3 {
  color: var(--b-to-w-title, #1a1a1a);
  text-align: left;
  font-family: var(
    --text-headings-h-5-sb-font-family,
    "Exo2-SemiBold",
    sans-serif
  );
  font-size: var(--text-headings-h-5-sb-font-size, 1.5rem);
  line-height: var(--text-headings-h-5-sb-line-height, 2rem);
  font-weight: var(--text-headings-h-5-sb-font-weight, 600);
  position: absolute;
  left: 2.125rem;
  top: 24.11375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group15 {
  width: 33.15%;
  height: 33.15%;
  position: absolute;
  right: 33.43%;
  left: 33.42%;
  bottom: 1.62%;
  top: 65.23%;
  overflow: visible;
}
.frame-26085 {
  width: 61.8125rem;
  height: 42.468125rem;
  position: absolute;
  left: 58.25rem;
  top: 11.5rem;
  overflow: hidden;
}
.slider-1-1 {
  border-radius: 0.75rem;
  width: 51.03rem;
  height: 42.468125rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
}
.slider-1-12 {
  border-radius: 0.75rem;
  width: 51.03rem;
  height: 42.468125rem;
  position: absolute;
  left: 52.905rem;
  top: 0rem;
  object-fit: cover;
}
.slider-1-13 {
  border-radius: 0.75rem;
  width: 51.03rem;
  height: 42.468125rem;
  position: absolute;
  left: 105.81rem;
  top: 0rem;
  object-fit: cover;
}

/* ------------------------------------------------------------ */
/* Responsive enhancements (mobile-first for interactive layers) */
/* ------------------------------------------------------------ */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* Hidden on desktop by default; enabled for mobile/tablet below */
.mobile-header {
  display: none;
}

.mobile-menu-toggle,
.mobile-nav-backdrop {
  border: 0;
  background: transparent;
}

.mobile-nav-panel {
  display: none;
}

body.mobile-nav-open {
  overflow: hidden;
}

/* Mobile: default behavior for real devices (layout handled above: full-width stack) */
@media (max-width: 47.9375rem) {
  .page-scale {
    min-height: 100vh;
  }

  /* Hide fixed desktop header in scaled canvas on small screens */
  .header {
    display: none;
  }

  .mobile-header {
    position: fixed;
    z-index: 1200;
    left: 0;
    right: 0;
    top: 0;
    height: var(--mobile-header-height);
    padding: 0.75rem var(--mobile-page-side-space);
    background: var(--white, #ffffff);
    border-bottom: 0.0625rem solid var(--border-subtle, #e5e7eb);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }

  .mobile-header__brand {
    display: inline-flex;
    align-items: center;
    min-height: var(--touch-target-min);
    flex-shrink: 1;
  }

  .mobile-header__logo {
    width: auto;
    height: 2.25rem;
    object-fit: contain;
  }

  .mobile-menu-toggle {
    min-width: var(--touch-target-min);
    min-height: var(--touch-target-min);
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    flex-direction: column;
    cursor: pointer;
  }

  .mobile-menu-toggle span {
    width: 1.25rem;
    height: 0.125rem;
    border-radius: 0.125rem;
    background: var(--main-color-black, #0c0b0b);
    transition: transform 0.25s ease, opacity 0.25s ease;
    transform-origin: center;
  }

  .mobile-nav-panel {
    position: fixed;
    z-index: 1250;
    top: var(--mobile-header-height);
    right: 0;
    width: min(86vw, 20rem);
    max-height: calc(100dvh - var(--mobile-header-height));
    overflow-y: auto;
    background: var(--white, #ffffff);
    border-left: 0.0625rem solid var(--border-subtle, #e5e7eb);
    box-shadow: var(--elevation-soft);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.75rem 0.875rem;
    gap: 0.25rem;
  }

  .mobile-nav-link,
  .mobile-nav-cta {
    min-height: var(--touch-target-min);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    font-family: "Inter-Medium", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    color: var(--b-to-w-title-2, #2a2a2a);
    border-radius: 0.5rem;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .mobile-nav-link:hover,
  .mobile-nav-link:focus-visible {
    background: var(--main-color-red-light, #ffeaec);
    outline: none;
  }

  .mobile-nav-cta {
    justify-content: center;
    margin-top: 0.25rem;
    background: var(--main-color-red, #fc1c29);
    color: var(--white, #ffffff);
    font-family: "Inter-SemiBold", sans-serif;
  }

  .mobile-nav-backdrop {
    position: fixed;
    z-index: 1240;
    inset: var(--mobile-header-height) 0 0 0;
    background: var(--overlay-scrim);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease;
  }

  .mobile-nav-open .mobile-nav-panel {
    transform: translateX(0);
  }

  .mobile-nav-open .mobile-nav-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-nav-open .mobile-menu-toggle span:nth-child(1) {
    transform: translateY(0.375rem) rotate(45deg);
  }

  .mobile-nav-open .mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
  }

  .mobile-nav-open .mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-0.375rem) rotate(-45deg);
  }
}

/* Tablet/Laptop/Desktop: use original desktop header/layout */
@media (min-width: 48rem) {
  .mobile-header {
    display: none !important;
  }

  .header {
    display: block;
  }
}


/* =========================
   ABOUT PAGE STYLES
========================= */