/* =========================================================
         Gilroy Font-Face Declarations
         ========================================================= */
@font-face {
   font-family: 'Gilroy-Bold';
   src: url('https://epsilonam.com/font/Gilroy-Bold.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy-Heavy';
   src: url('https://epsilonam.com/font/Gilroy-Heavy.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy-Medium';
   src: url('https://epsilonam.com/font/Gilroy-Medium.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy-Regular';
   src: url('https://epsilonam.com/font/Gilroy-Regular.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy-Light';
   src: url('https://epsilonam.com/font/Gilroy-Light.ttf') format('truetype');
   font-display: swap;
}

/* =========================================================
         Global Typography, Reset & Common Utility Classes
         ========================================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: Gilroy-Medium, sans-serif !important;
   color: #373737;
   font-weight: 400;
   letter-spacing: -0.4px;
}

p {
   font-size: 16px;
   font-family: Gilroy-Regular, sans-serif;
   line-height: 1.7;
   color: #5F6368;
}

.hero-left-col .cathode-hero-title {
   font-family: Gilroy-Medium, sans-serif;
   font-size: 42px !important;
}

/* Common Section Main Headings: Desktop/Laptop 40px */
.section-main-heading,
.cathode-overview-title,
.why-lfp-title,
.pathway-title,
.lfp-gen3-title,
.journey-title,
.tech-data-title,
.cathode-cta-title,
.applications-title,
.our-products-title,
.tech-center-title,
.capabilities-title,
.news-main-title {
   font-family: Gilroy-Medium, sans-serif !important;
   font-size: 38px;
   line-height: 1.2;
   font-weight: 400;
   color: #373737;
   margin-bottom: 20px;
   letter-spacing: -0.4px;
}

/* Common Section Main Descriptions: Fixed 16px */
.section-main-desc,
.cathode-hero-desc,
.cathode-overview-desc,
.why-lfp-desc,
.pathway-desc,
.lfp-gen3-desc,
.journey-desc,
.tech-data-desc,
.cathode-cta-desc,
.applications-desc,
.our-products-desc,
.product-group-desc,
.tech-center-desc,
.capabilities-desc {
   font-family: Gilroy-Regular, sans-serif;
   font-size: 16px !important;
   line-height: 1.7;
   color: #5F6368;
   margin-bottom: 0;
}

/* Common Section Kickers / Badge Tags */
.section-kicker,
.cathode-tag-badge,
.cathode-overview-tag,
.why-lfp-kicker,
.pathway-kicker,
.lfp-gen3-kicker,
.journey-kicker,
.tech-data-kicker,
.cathode-cta-kicker,
.applications-kicker,
.our-products-kicker,
.product-subgroup-kicker,
.tech-center-kicker,
.news-kicker {
   display: inline-flex;
   align-items: center;
   margin-bottom: 16px;
}

.section-kicker-line,
.cathode-tag-line,
.cathode-overview-line,
.why-lfp-kicker-line,
.pathway-kicker-line,
.lfp-gen3-kicker-line,
.journey-kicker-line,
.tech-data-kicker-line,
.cathode-cta-kicker-line,
.applications-kicker-line,
.our-products-kicker-line,
.product-subgroup-line,
.tech-center-kicker-line,
.news-kicker-line {
   width: 24px;
   height: 3px;
   background-color: #6A9429;
   border-radius: 2px;
   margin-right: 12px;
   display: inline-block;
}

.section-kicker-text,
.cathode-tag-text,
.cathode-overview-tag-text,
.why-lfp-kicker-text,
.pathway-kicker-text,
.lfp-gen3-kicker-text,
.journey-kicker-text,
.tech-data-kicker-text,
.cathode-cta-kicker-text,
.applications-kicker-text,
.our-products-kicker-text,
.product-subgroup-text,
.tech-center-kicker-text,
.news-kicker-text {
   font-size: 14.5px;
   font-weight: 600;
   color: #143E8E;
   letter-spacing: 0.2px;
   font-family: 'Outfit', 'Inter', sans-serif;
}

/* Common Arrow Links */
.section-link,
.why-lfp-cta-link,
.pathway-cta-link,
.app-card-link,
.grade-enquire-link,
.news-view-all-link,
.news-read-link {
   color: #373737;
   font-weight: 500;
   font-size: 14px;
   text-decoration: none !important;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   border-bottom: 2px solid #6A9429;
   padding-bottom: 4px;
   transition: all 0.25s ease;
   font-family: 'Outfit', 'Inter', sans-serif;
   white-space: nowrap;
   width: fit-content;
}

.section-link i,
.why-lfp-cta-link i,
.pathway-cta-link i,
.app-card-link i,
.grade-enquire-link i,
.news-view-all-link i,
.news-read-link i {
   color: #6A9429;
   font-size: 12.5px;
   transition: transform 0.2s ease;
}

.section-link:hover,
.why-lfp-cta-link:hover,
.pathway-cta-link:hover,
.app-card-link:hover,
.grade-enquire-link:hover,
.news-view-all-link:hover,
.news-read-link:hover {
   color: #143E8E;
}

.section-link:hover i,
.why-lfp-cta-link:hover i,
.pathway-cta-link:hover i,
.app-card-link:hover i,
.grade-enquire-link:hover i,
.news-view-all-link:hover i,
.news-read-link:hover i {
   transform: translateX(4px);
}

/* Common Status Badges */
.status-badge-green,
.pathway-status-badge,
.lfp-gen3-status-badge,
.journey-status-badge,
.news-tag-pill,
.pill-green {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   background-color: #edf5e5;
   color: #3e6814;
   font-size: 12.5px;
   font-weight: 600;
   padding: 4px 12px;
   border-radius: 3px;
   font-family: 'Outfit', 'Inter', sans-serif;
   margin-bottom: 20px;
}

.status-dot-pulse,
.pathway-status-dot,
.lfp-gen3-status-dot,
.journey-status-dot {
   width: 6px;
   height: 6px;
   background-color: #558721;
   border-radius: 50%;
   display: inline-block;
}

/* Common Action Buttons */
.btn-cathode-primary,
.btn-cathode-cta-primary,
.btn-tab-primary,
.btn-tech-programme {
   background-color: #143E8E;
   color: #ffffff !important;
   font-size: 14.5px;
   font-weight: 600;
   padding: 12px 26px;
   border-radius: 4px;
   border: 2px solid #143E8E;
   text-decoration: none !important;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   transition: all 0.25s ease;
   box-shadow: 0 4px 10px rgba(15, 61, 122, 0.15);
   white-space: nowrap;
   font-family: 'Outfit', 'Inter', sans-serif;
}

.btn-cathode-primary:hover,
.btn-cathode-cta-primary:hover,
.btn-tab-primary:hover,
.btn-tech-programme:hover {
   background-color: #0a2b57;
   border-color: #0a2b57;
   color: #ffffff !important;
   transform: translateY(-2px);
   box-shadow: 0 6px 15px rgba(15, 61, 122, 0.25);
}

.btn-cathode-primary i,
.btn-cathode-cta-primary i,
.btn-tab-primary i,
.btn-tech-programme i {
   font-size: 13px;
   transition: transform 0.2s ease;
}

.btn-cathode-primary:hover i,
.btn-cathode-cta-primary:hover i,
.btn-tab-primary:hover i,
.btn-tech-programme:hover i {
   transform: translateX(4px);
}

.btn-cathode-secondary,
.btn-cathode-cta-secondary,
.btn-tab-outline {
   background-color: transparent !important;
   color: #143E8E !important;
   font-size: 14.5px;
   font-weight: 500;
   padding: 12px 26px;
   border-radius: 4px;
   border: 1.5px solid #143E8E !important;
   text-decoration: none !important;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   transition: all 0.25s ease;
   cursor: pointer;
   white-space: nowrap;
   font-family: 'Outfit', 'Inter', sans-serif;
}

.btn-cathode-secondary:hover,
.btn-cathode-cta-secondary:hover,
.btn-tab-outline:hover {
   background-color: #143E8E !important;
   color: #ffffff !important;
   border-color: #143E8E !important;
   transform: translateY(-2px);
   box-shadow: 0 6px 16px rgba(20, 62, 142, 0.25) !important;
}

.btn-cathode-secondary i,
.btn-cathode-cta-secondary i,
.btn-tab-outline i {
   font-size: 13px;
   transition: transform 0.2s ease;
}

.btn-cathode-secondary:hover i,
.btn-cathode-cta-secondary:hover i,
.btn-tab-outline:hover i {
   transform: translateX(4px);
}

.btn-cathode-primary:active,
.btn-cathode-secondary:active,
.btn-tab-primary:active,
.btn-tab-outline:active,
.btn-cathode-cta-primary:active,
.btn-cathode-cta-secondary:active {
   transform: scale(0.97) !important;
}

/* =========================================================
         1. Cathode Hero Banner Section
         ========================================================= */
.cathode-hero-banner {
   background: #ffffff;
   padding: 35px 0;
   position: relative;
   overflow: hidden;
   font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cathode-breadcrumb {
   font-size: 13.5px;
   color: #7d858c;
   margin-bottom: 22px;
   font-weight: 400;
}

.cathode-breadcrumb a {
   color: #7d858c;
   text-decoration: none;
   transition: color 0.2s ease;
}

.cathode-breadcrumb a:hover {
   color: #143E8E;
}

.cathode-breadcrumb-sep {
   margin: 0 8px;
   color: #b5bcc3;
}

.cathode-breadcrumb-current {
   color: #7d858c;
}

.cathode-hero-title .highlight-green {
   color: #6A9429;
}

.cathode-hero-desc {
   max-width: 535px;
   margin-bottom: 32px;
}

.hero-left-col {
   position: relative;
   z-index: 10;
}

.cathode-hero-actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 16px;
   margin-bottom: 0;
   position: relative;
   z-index: 15;
}

.feature-col {
   display: flex;
   gap: 30px;
   position: relative;
   z-index: 10;
}

.feature-item {
   display: flex;
   align-items: center;
   font-size: 15px;
   font-weight: 500;
   color: #333333;
   margin-bottom: 8px;
}

.feature-check {
   font-size: 16px;
   font-weight: 700;
   color: #333333;
   margin-right: 10px;
   display: inline-block;
   line-height: 1;
}

.feature-text {
   font-size: 15px;
   color: #333333;
}

.hero-right-col {
   position: relative;
   z-index: 2;
}

.cathode-sem-visual {
   position: relative;
   width: 100%;
   max-width: 540px;
   height: 480px;
   margin: 0 auto;
}

.cathode-sem-visual .grn-line {
   position: absolute;
   bottom: 0;
   left: -130%;
   max-width: 830px;
   pointer-events: none !important;
   z-index: 1;
   user-select: none;
}

.sem-circle-large-wrapper {
   position: absolute;
   top: 20px;
   left: 140px;
   width: 360px;
   height: 360px;
   border-radius: 50%;
   overflow: hidden;
   border: 2px solid #90B940;
   padding: 10px;
   z-index: 2;
   animation: floatSemLarge 7s ease-in-out infinite;
   will-change: transform;
}

.sem-img-large {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   object-fit: cover;
   display: block;
}

.sem-circle-small-wrapper {
   position: absolute;
   top: 220px;
   left: 70px;
   width: 180px;
   height: 180px;
   border-radius: 50%;
   z-index: 4;
   filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.18));
   animation: floatSemSmall 6s ease-in-out infinite;
   will-change: transform;
}

.sem-img-small {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   object-fit: contain;
   display: block;
}

.sem-labels-wrap {
   position: absolute;
   bottom: 40px;
   right: 10px;
   display: flex;
   justify-content: flex-end;
   gap: 20px;
   font-size: 11px;
   color: #777777;
   z-index: 3;
   letter-spacing: 0.1px;
   white-space: nowrap;
}

.cathode-bottom-strip {
   margin-top: 5px;
   position: relative;
   z-index: 2;
}

/* =========================================================
         2. Sticky Subnav Bar
         ========================================================= */
.cathode-subnav-wrapper,
.cathode-tab-bar-wrapper {
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 95;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.cathode-subnav-container,
.cathode-tab-bar-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.cathode-subnav-list,
.cathode-tabs-nav {
   display: flex;
   align-items: center;
   list-style: none;
   margin: 0;
   padding: 0;
   gap: 36px;
   overflow-x: auto;
   scrollbar-width: none;
}

.cathode-subnav-list::-webkit-scrollbar {
   display: none;
}

.cathode-nav-link,
.cathode-tab-btn {
   background: none;
   border: none;
   padding: 20px 0;
   font-family: 'Outfit', 'Inter', sans-serif;
   font-size: 15px;
   font-weight: 500;
   color: #666666;
   cursor: pointer;
   position: relative;
   white-space: nowrap;
   transition: all 0.2s ease;
   outline: none !important;
   text-decoration: none !important;
   display: inline-block;
}

.cathode-nav-link:hover,
.cathode-tab-btn:hover {
   color: #143E8E;
   transform: translateY(-1px);
}

.cathode-nav-link.active,
.cathode-tab-btn.active {
   color: #1a1a1a;
   font-weight: 600;
}

.cathode-nav-link.active::after,
.cathode-tab-btn.active::after {
   content: '';
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 100%;
   height: 3px;
   background-color: #6A9429;
   border-radius: 2px 2px 0 0;
}

.cathode-subnav-cta {
   flex-shrink: 0;
}

/* =========================================================
         3. Cathode Overview Section
         ========================================================= */
.cathode-overview-section {
   background-color: #ffffff;
   padding: 40px 0;
   position: relative;
}

.cathode-overview-desc {
   max-width: 530px;
   margin-bottom: 34px !important;
}

.cathode-overview-img-wrapper {
   border-radius: 4px;
   overflow: hidden;
   background: #f8f9fa;
}

.cathode-overview-img {
   width: 100%;
   height: 380px;
   object-fit: cover;
   display: block;
   transition: transform 0.4s ease;
}

.cathode-overview-img-wrapper:hover .cathode-overview-img {
   transform: scale(1.02);
}

.cathode-overview-caption {
   font-size: 12.5px;
   color: #777777;
   margin-top: 10px;
   margin-bottom: 0;
   font-family: Gilroy-Regular, sans-serif;
   line-height: 1.4;
}

/* =========================================================
         4. Why LFP Section
         ========================================================= */
.why-lfp-section {
   background-color: #F7F7F7;
   padding: 40px 0;
   position: relative;
   border-top: 1px solid #F7F7F7;
}

.why-lfp-header-row {
   margin-bottom: 45px;
}

.why-lfp-desc {
   max-width: 680px;
}

.why-lfp-card {
   background: #ffffff;
   border: 1px solid #eef1f4;
   border-radius: 4px;
   padding: 20px;
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
   position: relative;
   overflow: hidden;
}

.why-lfp-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 3px;
   background-color: #6A9429;
   transform: scaleX(0);
   transform-origin: left;
   transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.why-lfp-card:hover::before {
   transform: scaleX(1);
}

.why-lfp-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
   border-color: #dfe5ec;
}

.why-lfp-icon-wrap {
   width: 44px;
   height: 44px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 16px;
}

.why-lfp-icon-wrap img {
   transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.why-lfp-card:hover .why-lfp-icon-wrap img {
   transform: scale(1.15) rotate(3deg);
}

.why-lfp-card-title {
   font-size: 18px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 6px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.35;
}

.why-lfp-card-desc {
   font-size: 14.5px;
   line-height: 1.6;
   color: #666666;
   margin-bottom: 0;
   font-family: Gilroy-Regular, sans-serif;
}

/* =========================================================
         5. Platform Pathway Section
         ========================================================= */
.platform-pathway-section {
   background-color: #ffffff;
   padding: 50px 0;
   position: relative;
   border-top: 1px solid #edf0f2;
}

.pathway-header-row {
   margin-bottom: 50px;
}

.pathway-desc {
   max-width: 660px;
}

.pathway-steps-container {
   position: relative;
   margin-top: 15px;
}

.pathway-timeline-track {
   position: absolute;
   top: 24px;
   left: 25px;
   right: 15px;
   height: 2px;
   background-color: #6A9429;
   z-index: 1;
   transform: scaleX(0);
   transform-origin: left center;
   transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform;
}

.platform-pathway-section.is-visible .pathway-timeline-track,
body.anim-ready .pathway-timeline-track.is-visible {
   transform: scaleX(1);
}

.pathway-step-item {
   position: relative;
   z-index: 2;
   padding-right: 30px;
}

.pathway-step-item:first-child .pathway-status-dot {
   animation: livePulseGlow 2s infinite ease-in-out;
}

.pathway-node-icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background-color: #143E8E;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 24px;
   position: relative;
   z-index: 3;
   box-shadow: 0 0 0 6px #ffffff;
   transition: transform 0.25s ease, background-color 0.25s ease;
}

.pathway-node-icon svg {
   transition: transform 0.3s ease;
}

.pathway-step-item:hover .pathway-node-icon {
   transform: scale(1.08);
   background-color: #0d2c6b;
}

.pathway-step-item:hover .pathway-node-icon svg {
   transform: scale(1.12);
}

.pathway-step-title {
   font-size: 18px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 12px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.35;
}

.pathway-step-desc {
   font-size: 14.5px;
   line-height: 1.6;
   color: #666666;
   margin-bottom: 0;
   font-family: Gilroy-Regular, sans-serif;
}

/* =========================================================
         6. LFP Gen 3.0 Feature Section
         ========================================================= */
.lfp-gen3-feature-section {
   background-color: #fbfcfd;
   padding: 40px 0;
   position: relative;
   border-top: 1px solid #edf0f2;
}

.lfp-big-badge-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.lfp-big-title-blue {
   font-size: 84px;
   line-height: 0.95;
   font-weight: 700;
   color: #143E8E;
   letter-spacing: -1.5px;
   margin-bottom: 6px;
   font-family: Gilroy-Medium, sans-serif;
   text-transform: uppercase;
}

.lfp-big-title-green {
   font-size: 84px;
   line-height: 0.95;
   font-weight: 700;
   color: #6A9429;
   letter-spacing: -1.5px;
   margin-bottom: 24px;
   font-family: Gilroy-Medium, sans-serif;
   text-transform: uppercase;
}

.lfp-big-underline {
   width: 320px;
   max-width: 100%;
   height: 3.5px;
   background-color: #6A9429;
   border-radius: 2px;
}

.lfp-gen3-header-meta {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
   margin-bottom: 20px;
}

.lfp-gen3-desc {
   max-width: 580px;
   margin-bottom: 28px !important;
}

.lfp-gen3-note {
   font-size: 12.5px;
   line-height: 1.6;
   color: #777777;
   margin-bottom: 0;
   font-family: Gilroy-Regular, sans-serif;
}

/* =========================================================
         7. Development Journey Section
         ========================================================= */
.development-journey-section {
   background-color: #ffffff;
   padding: 40px 0 20px;
   position: relative;
   border-top: 1px solid #edf0f2;
}

.journey-header-row {
   margin-bottom: 50px;
}

.journey-desc {
   max-width: 660px;
}

.journey-steps-container {
   position: relative;
   margin-top: 15px;
}

.journey-timeline-track {
   position: absolute;
   top: 67px;
   left: 25px;
   right: 25px;
   height: 2px;
   background-color: #6A9429;
   z-index: 1;
   transform: scaleX(0);
   transform-origin: left center;
   transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform;
}

.development-journey-section.is-visible .journey-timeline-track,
body.anim-ready .journey-timeline-track.is-visible {
   transform: scaleX(1);
}

.journey-step-item {
   position: relative;
   z-index: 2;
   padding-right: 25px;
}

.journey-step-item.is-current .journey-status-dot {
   animation: livePulseGlow 2s infinite ease-in-out;
}

.journey-node-icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background-color: #143E8E;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 24px;
   position: relative;
   z-index: 3;
   box-shadow: 0 0 0 6px #ffffff;
   transition: transform 0.25s ease, background-color 0.25s ease;
}

.journey-node-icon svg {
   transition: transform 0.3s ease;
}

.journey-step-item:hover .journey-node-icon {
   transform: scale(1.08);
   background-color: #0d2c6b;
}

.journey-step-item:hover .journey-node-icon svg {
   transform: scale(1.12);
}

.journey-step-title {
   font-size: 18px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 12px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.35;
}

.journey-step-desc {
   font-size: 14.5px;
   line-height: 1.6;
   color: #666666;
   margin-bottom: 0;
   font-family: Gilroy-Regular, sans-serif;
}

/* =========================================================
         8. Technical Data Section
         ========================================================= */
.technical-data-section {
   background-color: #ffffff;
   padding: 40px 0;
   position: relative;
}

.tech-data-header-row {
   margin-bottom: 30px;
}

.tech-data-desc {
   max-width: 680px;
}

.tech-specs-table-card {
   background: #ffffff;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 2px 14px rgba(0, 0, 0, 0.03);
}

.tech-specs-table {
   width: 100%;
   margin-bottom: 0;
   border-collapse: collapse;
}

.tech-specs-table td {
   padding: 16px 24px;
   font-size: 15px;
   border-top: 1px solid #edf2f7;
   vertical-align: middle;
}

.tech-specs-table tbody tr:first-child td {
   border-top: none;
}

.tech-specs-table tbody tr:nth-child(even) {
   background-color: #f8fafc;
}

.tech-specs-table .tech-spec-param {
   color: #2d3748;
   font-family: Gilroy-Medium, sans-serif;
   font-size: 15px;
}

.tech-specs-table .tech-spec-param strong {
   font-weight: 600;
   color: #1a202c;
}

.tech-specs-table .tech-spec-param em {
   font-style: italic;
   font-weight: 400;
   color: #4a5568;
}

.tech-specs-table .tech-spec-val {
   color: #143E8E;
   font-weight: 600;
   font-family: 'Outfit', 'Inter', sans-serif;
   font-size: 16px;
   text-align: right;
   white-space: nowrap;
}

.tech-data-card {
   background: #ffffff;
   border: 1px solid #e8edf3;
   border-radius: 6px;
   padding: 34px 28px 30px 28px;
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
}

.tech-data-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.07);
   border-color: #d7e0ec;
}

.tech-data-card-header {
   margin-bottom: 12px;
   padding-bottom: 8px;
}

.tech-data-card-title {
   font-size: 20px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 6px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.3;
}

.tech-data-card-subtitle {
   font-size: 13.5px;
   line-height: 1.5;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
}

.tech-data-list {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.tech-data-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 16px 0;
   border-bottom: 1px solid #edf1f6;
   gap: 16px;
}

.tech-data-label {
   font-size: 14.5px;
   color: #4A5568;
   font-family: Gilroy-Regular, sans-serif;
   line-height: 1.4;
   margin: 0;
}

.tech-data-value {
   font-size: 15.5px;
   font-weight: 600;
   color: #143E8E;
   font-family: 'Outfit', 'Inter', sans-serif;
   text-align: right;
   white-space: nowrap;
   margin: 0;
}

.tech-data-unit {
   font-weight: 400;
   color: #143E8E;
   font-size: 14px;
   margin-left: 2px;
}

.tech-data-secondary-row {
   margin-top: 30px;
}

.tech-chart-card {
   background: #ffffff;
   border: 1px solid #e8edf3;
   border-radius: 6px;
   padding: 34px 30px 30px 30px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
}

.tech-chart-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.07);
   border-color: #d7e0ec;
}

.tech-chart-card-header {
   margin-bottom: 24px;
}

.tech-chart-card-title {
   font-size: 20px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 6px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.3;
}

.tech-chart-card-subtitle {
   font-size: 13.5px;
   line-height: 1.5;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
}

.tech-bar-chart {
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-bottom: 20px;
}

.tech-bar-row {
   display: flex;
   align-items: center;
   gap: 16px;
}

.tech-bar-label {
   font-size: 14.5px;
   color: #373737;
   font-family: Gilroy-Regular, sans-serif;
   font-weight: 400;
   width: 42px;
   flex-shrink: 0;
}

.tech-bar-track {
   flex-grow: 1;
   display: flex;
   align-items: center;
}

.tech-bar-fill {
   background-color: #143E8E;
   height: 24px;
   border-radius: 3px;
   transform: scaleX(0);
   transform-origin: left center;
   transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform;
}

.tech-chart-card.is-visible .tech-bar-fill,
.tech-bar-fill.is-visible,
body.anim-ready .tech-chart-card.is-visible .tech-bar-fill {
   transform: scaleX(1);
}

.tech-bar-row:nth-child(1) .tech-bar-fill {
   transition-delay: 0.2s;
}

.tech-bar-row:nth-child(2) .tech-bar-fill {
   transition-delay: 0.35s;
}

.tech-bar-row:nth-child(3) .tech-bar-fill {
   transition-delay: 0.5s;
}

.tech-bar-row:nth-child(4) .tech-bar-fill {
   transition-delay: 0.65s;
}

.tech-bar-value {
   font-size: 14.5px;
   font-weight: 500;
   color: #373737;
   font-family: 'Outfit', 'Inter', sans-serif;
   margin-left: 14px;
   flex-shrink: 0;
   opacity: 0;
   transform: translateX(-8px);
   transition: opacity 0.5s ease, transform 0.5s ease;
}

.tech-chart-card.is-visible .tech-bar-value,
body.anim-ready .tech-chart-card.is-visible .tech-bar-value {
   opacity: 1;
   transform: translateX(0);
}

.tech-bar-row:nth-child(1) .tech-bar-value {
   transition-delay: 0.4s;
}

.tech-bar-row:nth-child(2) .tech-bar-value {
   transition-delay: 0.55s;
}

.tech-bar-row:nth-child(3) .tech-bar-value {
   transition-delay: 0.7s;
}

.tech-bar-row:nth-child(4) .tech-bar-value {
   transition-delay: 0.85s;
}

.tech-chart-note {
   font-size: 12px;
   line-height: 1.6;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-top: 15px;
   margin-bottom: 0;
}

.tech-info-card {
   background-color: #F1F6E6;
   border-radius: 6px;
   padding: 34px 30px;
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tech-info-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(106, 148, 41, 0.12);
}

.tech-info-card-title {
   font-size: 20px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 20px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.3;
}

.tech-info-card-desc {
   font-size: 15px;
   line-height: 1.65;
   color: #555555;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
}

/* =========================================================
         9. Cathode Qualification CTA Banner Section
         ========================================================= */
.cathode-cta-banner-section {
   background-color: #F7F7F7;
   padding: 35px 0;
   position: relative;
   border-top: 1px solid #edf0f2;
}

.cathode-cta-desc {
   max-width: 580px;
}

.cathode-cta-actions {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 14px;
   flex-wrap: wrap;
}

/* =========================================================
         10. Applications Section
         ========================================================= */
.applications-section {
   background-color: #ffffff;
   padding: 40px 0;
   position: relative;
   border-top: 1px solid #edf0f2;
}

.applications-header-row {
   margin-bottom: 5px;
}

.applications-desc {
   max-width: 620px;
}

.app-card {
   background: #ffffff;
   border: 1px solid #e8edf3;
   border-radius: 4px;
   padding: 14px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.app-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.07);
   border-color: #d7e0ec;
}

.app-card-icon {
   width: 44px;
   height: 44px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 12px;
}

.app-card-icon img {
   transition: transform 0.3s ease;
}

.app-card:hover .app-card-icon img {
   transform: scale(1.12);
}

.app-card-title {
   font-size: 22px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 14px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.3;
}

.app-card-subtitle {
   font-size: 13px;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 12px;
}

.app-grades-list {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 14px;
}

.app-grade-pill {
   display: inline-block;
   background-color: #edf5e5;
   color: #3e6814;
   font-size: 11.5px;
   font-weight: 600;
   padding: 4px 10px;
   border-radius: 3px;
   font-family: 'Outfit', 'Inter', sans-serif;
   letter-spacing: 0.2px;
   transition: background-color 0.2s ease, color 0.2s ease;
}

.app-grade-pill:hover {
   background-color: #e2efd4;
   color: #2e500e;
}

.applications-footnote {
   font-size: 12.5px;
   line-height: 1.6;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-top: 36px;
   margin-bottom: 0;
}

/* =========================================================
         11. Our Products Catalog Section
         ========================================================= */
.our-products-section {
   background-color: #ffffff;
   padding: 25px 0 5px 0;
   position: relative;
}

.our-products-desc {
   max-width: 780px;
}

.products-filter-bar {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-top: 30px;
   margin-bottom: 50px;
   flex-wrap: wrap;
}

.btn-product-filter {
   background-color: transparent;
   color: #373737;
   border: 1.5px solid #dce2e8;
   padding: 8px 18px;
   border-radius: 4px;
   font-size: 13.5px;
   font-weight: 500;
   font-family: 'Outfit', 'Inter', sans-serif;
   cursor: pointer;
   transition: all 0.2s ease;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   outline: none !important;
}

.btn-product-filter:hover {
   border-color: #143E8E;
   color: #143E8E;
}

.btn-product-filter.active {
   background-color: #143E8E;
   color: #ffffff;
   border-color: #143E8E;
   box-shadow: 0 4px 10px rgba(20, 62, 142, 0.15);
}

.btn-product-filter i {
   font-size: 12px;
}

.product-group-block {
   margin-bottom: 50px;
}

.product-group-heading {
   font-size: 28px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 12px;
   font-family: Gilroy-Medium, sans-serif;
}

.product-group-desc {
   max-width: 780px;
   margin-bottom: 30px !important;
}

.product-grade-card {
   background: #ffffff;
   border: 1px solid #e8edf3;
   border-radius: 4px;
   padding: 30px 24px 26px 24px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.product-grade-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.07);
   border-color: #d7e0ec;
}

.grade-card-header {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-bottom: 18px;
}

.grade-sem-thumb {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   object-fit: cover;
   border: 1.5px solid #edf1f5;
   flex-shrink: 0;
   background-color: #f5f7fa;
}

.grade-title {
   font-size: 20px;
   font-weight: 600;
   color: #143E8E;
   margin-bottom: 3px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.2;
}

.grade-sub {
   font-size: 12.5px;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
}

.grade-pills-row {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   margin-bottom: 20px;
}

.pill-gray {
   background-color: #f3f5f8;
   color: #5F6368;
   font-size: 11.5px;
   height: 28px;
   font-weight: 500;
   padding: 3px 8px;
   border-radius: 3px;
   font-family: 'Outfit', 'Inter', sans-serif;
}

.grade-features-list {
   list-style: none;
   padding: 0;
   margin: 0 0 20px 0;
   display: flex;
   flex-direction: column;
   gap: 9px;
}

.grade-feature-item {
   display: flex;
   align-items: flex-start;
   gap: 8px;
   font-size: 13.5px;
   line-height: 1.45;
   color: #4A5568;
   font-family: Gilroy-Regular, sans-serif;
}

.grade-check {
   color: #373737;
   font-size: 12px;
   font-weight: 700;
   flex-shrink: 0;
   margin-top: 1px;
}

.grade-specs-list {
   border-top: 1px solid #edf1f6;
   margin-bottom: 22px;
   padding-top: 4px;
   display: flex;
   flex-direction: column;
}

.grade-spec-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 9px 0;
   border-bottom: 1px solid #f0f3f6;
   font-size: 13.5px;
}

.grade-spec-label {
   color: #5F6368;
   font-family: Gilroy-Regular, sans-serif;
   font-size: 13px;
   margin: 0;
}

.grade-spec-value {
   font-weight: 600;
   color: #143E8E;
   font-family: 'Outfit', 'Inter', sans-serif;
   text-align: right;
   font-size: 13.5px;
   white-space: nowrap;
   margin: 0;
}

.grade-spec-unit {
   font-weight: 400;
   color: #7a8394;
   font-size: 12px;
   margin-left: 2px;
}

.cathode-cta-left1 .cathode-cta-title {
   font-size: 34px;
}

.product-test-accordion {
   background-color: #F1F6E6;
   border-radius: 6px;
   padding: 22px 28px;
   margin-top: 35px;
   width: 100%;
   transition: all 0.3s ease;
}

.product-test-accordion-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   user-select: none;
}

.product-test-accordion-title {
   font-size: 18px;
   font-weight: 400;
   color: #373737;
   margin: 0;
   line-height: 1.35;
   font-family: Gilroy-Medium, sans-serif;
}

.product-test-accordion-toggle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   color: #373737;
   font-size: 14px;
   transition: transform 0.25s ease, color 0.25s ease;
   cursor: pointer;
}

.product-test-accordion-toggle i {
   font-size: 14px;
   color: #373737;
   transition: transform 0.2s ease;
}

.product-test-accordion-header:hover .product-test-accordion-toggle i {
   color: #143E8E;
}

.product-test-accordion-body {
   font-size: 14.5px;
   line-height: 1.65;
   color: #555555;
   font-family: Gilroy-Regular, sans-serif;
   margin-top: 14px;
   margin-bottom: 0;
   transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.35s ease;
   overflow: hidden;
}

.product-test-accordion.collapsed .product-test-accordion-body {
   display: none;
   margin-top: 0;
}

/* =========================================================
         12. Cathode Technology Center Section
         ========================================================= */
.tech-center-section {
   background-color: #ffffff;
   padding: 40px 0;
   position: relative;
}

.tech-center-main-row {
   align-items: center;
   margin-bottom: 30px;
}

.tech-center-visual-col {
   margin-bottom: 24px;
}

.tech-center-visual-wrapper {
   border-radius: 4px;
   overflow: hidden;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.tech-center-img {
   width: 100%;
   height: 380px;
   object-fit: cover;
   display: block;
}

.tech-center-location-card {
   background-color: #143E8E;
   padding: 16px 22px;
   display: flex;
   align-items: center;
   gap: 14px;
}

.tech-location-icon {
   color: #6A9429;
   font-size: 20px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.tech-location-title {
   color: #ffffff;
   font-size: 14.5px;
   font-weight: 500;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.35;
   margin: 0;
}

.tech-location-sub {
   color: #cbd5e1;
   font-size: 12.5px;
   font-family: Gilroy-Regular, sans-serif;
   margin: 2px 0 0 0;
   line-height: 1.4;
}

.tech-center-content-col {
   padding-left: 45px;
}

.tech-feature-card {
   background-color: #ffffff;
   border: 1px solid #eef1f5;
   border-radius: 4px;
   padding: 34px 26px;
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.tech-feature-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.08);
   border-color: #d2ddeb;
}

.tech-feature-icon {
   margin-bottom: 22px;
   height: 32px;
   display: flex;
   align-items: center;
}

.tech-feature-title {
   font-size: 18px;
   font-weight: 400;
   color: #373737;
   margin-bottom: 12px;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.35;
}

.tech-feature-desc {
   font-size: 14.5px;
   line-height: 1.6;
   color: #5F6368;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
}

/* =========================================================
         13. End-to-End Development Capabilities Section
         ========================================================= */
.capabilities-section {
   background-color: #ffffff;
   padding: 0 0 40px 0;
   position: relative;
}

.capabilities-header-row {
   margin-bottom: 35px;
}

.capabilities-grid {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 22px;
   margin-bottom: 45px;
}

.cap-card {
   display: flex;
   flex-direction: column;
}

.cap-card-img-wrap {
   border-radius: 3px;
   overflow: hidden;
   margin-bottom: 16px;
   background-color: #f1f4f8;
   aspect-ratio: 4/3;
}

.cap-card-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform 0.35s ease;
}

.cap-card:hover .cap-card-img {
   transform: scale(1.05);
}

.cap-card-indicator {
   display: flex;
   align-items: center;
   margin-bottom: 14px;
   position: relative;
}

.cap-dot {
   width: 8px;
   height: 8px;
   background-color: #143E8E;
   border-radius: 50%;
   flex-shrink: 0;
   margin-right: 8px;
}

.cap-line {
   flex-grow: 1;
   height: 2px;
   background-color: #6A9429;
   border-radius: 1px;
}

.cap-card-title {
   font-size: 16.5px;
   font-weight: 400;
   color: #373737;
   font-family: Gilroy-Medium, sans-serif;
   margin-bottom: 8px;
   line-height: 1.35;
}

.cap-card-desc {
   font-size: 13.5px;
   line-height: 1.55;
   color: #5F6368;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
}

.process-timeline-box {
   background-color: #F7F7F7;
   border-radius: 4px;
   padding: 36px 36px 40px 36px;
   margin-top: 15px;
   margin-bottom: 35px;
   border: 1px solid #f0f2f5;
   position: relative;
   overflow: hidden;
}

.process-box-title {
   font-size: 22px;
   font-weight: 400;
   color: #373737;
   font-family: Gilroy-Medium, sans-serif;
   margin-bottom: 12px;
   letter-spacing: -0.3px;
}

.process-box-desc {
   font-size: 15px;
   line-height: 1.65;
   color: #555555;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 35px;
   max-width: 95%;
}

.process-steps-track {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   position: relative;
   padding-top: 6px;
}

.process-timeline-track {
   position: absolute;
   top: 13px;
   left: 12px;
   right: 12px;
   height: 2px;
   background-color: #e2e8f0;
   z-index: 1;
}

.process-timeline-progress {
   position: absolute;
   top: 13px;
   left: 12px;
   right: 12px;
   height: 2px;
   background: linear-gradient(90deg, #143E8E 0%, #143E8E 75%, #6A9429 100%);
   z-index: 2;
   transform: scaleX(0);
   transform-origin: left center;
   transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform;
}

.process-timeline-box.is-visible .process-timeline-progress,
body.anim-ready .process-timeline-box.is-visible .process-timeline-progress {
   transform: scaleX(1);
}

.process-step-item {
   position: relative;
   z-index: 3;
   display: flex;
   flex-direction: column;
   padding-right: 12px;
   cursor: pointer;
   opacity: 0;
   transform: translateY(14px);
   transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform, opacity;
}

.process-timeline-box.is-visible .process-step-item,
body.anim-ready .process-timeline-box.is-visible .process-step-item {
   opacity: 1;
   transform: translateY(0);
}

.process-step-item:nth-of-type(1) {
   transition-delay: 0.15s;
}

.process-step-item:nth-of-type(2) {
   transition-delay: 0.30s;
}

.process-step-item:nth-of-type(3) {
   transition-delay: 0.45s;
}

.process-step-item:nth-of-type(4) {
   transition-delay: 0.60s;
}

.process-step-item:nth-of-type(5) {
   transition-delay: 0.75s;
}

.process-step-item:nth-of-type(6) {
   transition-delay: 0.90s;
}

.process-step-item:nth-of-type(7) {
   transition-delay: 1.05s;
}

.process-step-item:nth-of-type(8) {
   transition-delay: 1.20s;
}

.process-step-dot {
   width: 14px;
   height: 14px;
   background-color: #143E8E;
   border-radius: 50%;
   box-shadow: 0 0 0 4px #F8F9FA;
   margin-bottom: 16px;
   flex-shrink: 0;
   transform: scale(0);
   transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background-color 0.25s ease;
   will-change: transform;
}

.process-timeline-box.is-visible .process-step-dot,
body.anim-ready .process-timeline-box.is-visible .process-step-dot {
   transform: scale(1);
}

.process-step-item:nth-of-type(1) .process-step-dot {
   transition-delay: 0.18s;
}

.process-step-item:nth-of-type(2) .process-step-dot {
   transition-delay: 0.33s;
}

.process-step-item:nth-of-type(3) .process-step-dot {
   transition-delay: 0.48s;
}

.process-step-item:nth-of-type(4) .process-step-dot {
   transition-delay: 0.63s;
}

.process-step-item:nth-of-type(5) .process-step-dot {
   transition-delay: 0.78s;
}

.process-step-item:nth-of-type(6) .process-step-dot {
   transition-delay: 0.93s;
}

.process-step-item:nth-of-type(7) .process-step-dot {
   transition-delay: 1.08s;
}

.process-step-item:nth-of-type(8) .process-step-dot {
   transition-delay: 1.23s;
}

.process-step-item.is-final .process-step-dot {
   background-color: #6A9429;
   animation: finalDotGlow 2.4s infinite ease-in-out 1.5s;
}

.process-step-name {
   font-size: 13.5px;
   font-weight: 500;
   color: #373737;
   font-family: Gilroy-Medium, sans-serif;
   line-height: 1.35;
   margin-bottom: 4px;
   transition: color 0.25s ease;
}

.process-step-sub {
   font-size: 12px;
   line-height: 1.4;
   color: #7a8394;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 0;
   transition: color 0.25s ease;
}

.process-step-item:hover {
   transform: translateY(-4px) !important;
}

.process-step-item:hover .process-step-dot {
   transform: scale(1.35) !important;
   box-shadow: 0 0 0 5px #F8F9FA, 0 4px 12px rgba(20, 62, 142, 0.35);
}

.process-step-item.is-final:hover .process-step-dot {
   box-shadow: 0 0 0 5px #F8F9FA, 0 4px 12px rgba(106, 148, 41, 0.45);
}

.process-step-item:hover .process-step-name {
   color: #143E8E;
}

.process-step-item.is-final:hover .process-step-name {
   color: #6A9429;
}

.tech-center-cta-bar {
   background-color: #F1F6E6;
   border-radius: 4px;
   padding: 24px 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
}

.tech-cta-bar-left {
   display: flex;
   align-items: center;
   gap: 16px;
}

.tech-cta-pin-icon {
   color: #373737;
   font-size: 20px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.tech-cta-bar-title {
   font-size: 17.5px;
   font-weight: 400;
   color: #373737;
   font-family: Gilroy-Medium, sans-serif;
   margin: 0;
   line-height: 1.3;
}

.tech-cta-bar-address {
   font-size: 14px;
   color: #5F6368;
   font-family: Gilroy-Regular, sans-serif;
   margin: 3px 0 0 0;
   line-height: 1.4;
}

/* =========================================================
         14. Latest News Section
         ========================================================= */
.cathode-news-section {
   background-color: #ffffff;
   padding: 30px 0 40px 0;
   position: relative;
}

.cathode-news-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-bottom: 35px;
   flex-wrap: wrap;
   gap: 15px;
}

.news-featured-card {
   background-color: #ffffff;
   border: 1px solid #e9edf2;
   border-radius: 4px;
   overflow: hidden;
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.news-featured-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.08);
   border-color: #d2ddeb;
}

.news-featured-img-wrap {
   width: 100%;
   height: 280px;
   overflow: hidden;
   background-color: #f1f4f8;
}

.news-featured-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform 0.4s ease;
}

.news-featured-card:hover .news-featured-img {
   transform: scale(1.04);
}

.news-featured-body {
   padding: 26px 28px 30px 28px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.news-meta-row {
   display: flex;
   align-items: self-start;
   gap: 12px;
   margin-bottom: 14px;
}

.news-date {
   color: #7a8394;
   font-size: 13px;
   font-family: Gilroy-Regular, sans-serif;
}

.news-card-title {
   font-size: 18.5px;
   font-weight: 400;
   color: #373737;
   font-family: Gilroy-Medium, sans-serif;
   margin-bottom: 12px;
   line-height: 1.35;
   transition: color 0.2s ease;
}

.news-featured-title {
   font-size: 21px;
}

.news-card-desc {
   font-size: 14.5px;
   line-height: 1.6;
   color: #5F6368;
   font-family: Gilroy-Regular, sans-serif;
   margin-bottom: 22px;
}

.news-side-card {
   background-color: #ffffff;
   border: 1px solid #e9edf2;
   border-top: 3px solid #6A9429;
   border-radius: 4px;
   padding: 26px 28px;
   display: flex;
   flex-direction: column;
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
   height: calc(50% - 12px);
}

.news-side-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 24px rgba(20, 62, 142, 0.08);
   border-color: #d2ddeb;
   border-top-color: #6A9429;
}

/* =========================================================
         Animations System
         ========================================================= */
@keyframes floatSemLarge {

   0%,
   100% {
      transform: translateY(0px) rotate(0deg);
   }

   50% {
      transform: translateY(-7px) rotate(0.4deg);
   }
}

@keyframes floatSemSmall {

   0%,
   100% {
      transform: translateY(0px) rotate(0deg);
   }

   50% {
      transform: translateY(6px) rotate(-0.4deg);
   }
}

@keyframes livePulseGlow {

   0%,
   100% {
      box-shadow: 0 0 0 0 rgba(106, 148, 41, 0);
   }

   50% {
      box-shadow: 0 0 0 7px rgba(106, 148, 41, 0.4);
   }
}

@keyframes finalDotGlow {

   0%,
   100% {
      box-shadow: 0 0 0 4px #F8F9FA, 0 0 0 8px rgba(106, 148, 41, 0.35);
   }

   50% {
      box-shadow: 0 0 0 4px #F8F9FA, 0 0 0 13px rgba(106, 148, 41, 0);
   }
}

.anim-reveal {
   opacity: 1;
   transform: none;
}

body.anim-ready .anim-reveal {
   opacity: 0;
   transform: translateY(28px);
   transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
   will-change: opacity, transform;
}

body.anim-ready .anim-reveal.anim-scale {
   transform: scale(0.94);
}

body.anim-ready .anim-reveal.anim-left {
   transform: translateX(-30px);
}

body.anim-ready .anim-reveal.anim-right {
   transform: translateX(30px);
}

body.anim-ready .anim-reveal.is-visible {
   opacity: 1;
   transform: translateY(0) scale(1) translateX(0);
}

body.anim-ready .delay-1 {
   transition-delay: 0.1s;
}

body.anim-ready .delay-2 {
   transition-delay: 0.2s;
}

body.anim-ready .delay-3 {
   transition-delay: 0.3s;
}

body.anim-ready .delay-4 {
   transition-delay: 0.4s;
}

body.anim-ready .delay-5 {
   transition-delay: 0.5s;
}

/* =========================================================
         Responsive Media Queries
         ========================================================= */
@media (max-width: 1200px) {
   .cathode-sem-visual {
      max-width: 480px;
      height: 440px;
   }


   .sem-circle-large-wrapper {
      width: 330px;
      height: 330px;
      left: 130px;
   }

   .sem-circle-small-wrapper {
      width: 160px;
      height: 160px;
      top: 200px;
      left: 55px;
   }

   .sem-labels-wrap {

      right: -81px;

   }
}

@media (max-width: 991px) {

   /* Heading font size for Tablet */
   .section-main-heading,
   .cathode-hero-title,
   .cathode-overview-title,
   .why-lfp-title,
   .pathway-title,
   .lfp-gen3-title,
   .journey-title,
   .tech-data-title,
   .cathode-cta-title,
   .applications-title,
   .our-products-title,
   .tech-center-title,
   .capabilities-title,
   .news-main-title {
      font-size: 30px;
   }

   .cathode-hero-banner {
      padding: 25px 0;
   }

   .hero-right-col {
      margin-top: 30px;
   }

   .cathode-hero-actions {
      margin-bottom: 25px;
   }

   .cathode-sem-visual {
      max-width: 400px;
      height: 380px;
   }

   .sem-circle-large-wrapper {
      width: 280px;
      height: 280px;
      left: 100px;
      top: 15px;
   }

   .sem-circle-small-wrapper {
      width: 140px;
      height: 140px;
      top: 160px;
      left: 30px;
   }

   .sem-labels-wrap {
      position: static;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
      text-align: center;
      margin-top: 15px;
   }

   .cathode-subnav-container,
   .cathode-tab-bar-container {
      gap: 15px;
   }

   .cathode-subnav-list,
   .cathode-tabs-nav {
      gap: 24px;
   }

   .cathode-overview-img {
      height: 320px;
   }

   .cathode-overview-section {
      padding: 30px 0 35px 0;
   }

   .why-lfp-section {
      padding: 30px 0 35px 0;
   }

   .why-lfp-header-row {
      margin-bottom: 25px;
      text-align: center;
   }

   .why-lfp-card {
      padding: 16px 22px;
   }

   .platform-pathway-section {
      padding: 30px 0 35px 0;
   }

   .pathway-header-row {
      margin-bottom: 25px;
      text-align: center;
   }

   .pathway-step-item {
      padding-right: 15px;
   }

   .lfp-gen3-feature-section {
      padding: 30px 0 35px 0;
   }

   .lfp-big-title-blue,
   .lfp-big-title-green {
      font-size: 60px;
   }

   .lfp-big-underline {
      width: 240px;
      margin-bottom: 25px;
   }

   .development-journey-section {
      padding: 30px 0 35px 0;
   }

   .journey-header-row {
      margin-bottom: 25px;
      text-align: center;
   }

   .journey-step-item {
      padding-right: 15px;
      margin-bottom: 20px;
   }

   .technical-data-section {
      padding: 30px 0 35px 0;
   }

   .tech-data-header-row {
      margin-bottom: 25px;
      text-align: center;
   }

   .tech-data-card {
      padding: 14px 16px 0px;
      margin-bottom: 20px;
   }

   .tech-data-secondary-row {
      margin-top: 0;
   }

   .tech-chart-card,
   .tech-info-card {
      padding: 28px 22px;
      margin-bottom: 20px;
   }

   .cathode-cta-banner-section {
      padding: 28px 0;
   }

   .cathode-cta-actions {
      justify-content: flex-start;
      margin-top: 20px;
   }

   .applications-section {
      padding: 30px 0 35px 0;
   }

   .applications-header-row {
      margin-bottom: 25px;
      text-align: center;
   }

   .applications-kicker {
      justify-content: center;
   }

   .applications-desc {
      margin-left: auto;
      margin-right: auto;
   }

   .app-card {
      padding: 10px 20px;
      margin-bottom: 20px;
   }

   .app-card-title {
      min-height: auto;
   }

   .our-products-section {
      padding: 20px 0 10px 0;
   }

   .our-products-header-row {
      margin-bottom: 25px;
      text-align: center;
   }

   .our-products-kicker {
      justify-content: center;
   }

   .our-products-desc {
      margin-left: auto;
      margin-right: auto;
   }

   .products-filter-bar {
      justify-content: center;
      margin-bottom: 35px;
   }

   .product-group-block {
      text-align: center;
      margin-bottom: 30px;
   }

   .product-group-desc {
      margin-left: auto;
      margin-right: auto;
   }

   .product-subgroup-kicker {
      justify-content: center;
   }

   .product-grade-card {
      text-align: left;
      margin-bottom: 24px;
   }

   .tech-center-section {
      padding: 30px 0 35px 0;
   }

   .tech-center-content-col {
      padding-left: 15px;
      margin-top: 10px;
      text-align: center;
   }

   .tech-center-main-row {
      margin-bottom: 25px;
   }

   .tech-feature-card {
      padding: 26px 20px;
   }

   .capabilities-section {
      padding: 0 0 30px 0;
   }

   .capabilities-header-row {
      margin-bottom: 25px;
   }

   .capabilities-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
   }

   .process-steps-track {
      grid-template-columns: repeat(4, 1fr);
      gap: 24px 15px;
   }

   .process-timeline-track,
   .process-timeline-progress {
      display: none;
   }

   .tech-center-cta-bar {
      padding: 20px 8px;
   }

   .cathode-news-section {
      padding: 25px 0 30px 0;
   }

   .cathode-news-header {
      margin-bottom: 22px;
   }

   .news-featured-img-wrap {
      height: 240px;
   }

   .news-side-card {
      height: auto;
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {

   /* Heading font size for Mobile: 22px */
   .section-main-heading,
   .cathode-hero-title,
   .cathode-overview-title,
   .why-lfp-title,
   .pathway-title,
   .lfp-gen3-title,
   .journey-title,
   .tech-data-title,
   .cathode-cta-title,
   .applications-title,
   .our-products-title,
   .tech-center-title,
   .capabilities-title,
   .news-main-title {
      font-size: 22px !important;
      line-height: 1.25 !important;
   }

   /* Description font size for Mobile: 16px */
   .section-main-desc,
   .cathode-hero-desc,
   .cathode-overview-desc,
   .why-lfp-desc,
   .pathway-desc,
   .lfp-gen3-desc,
   .journey-desc,
   .tech-data-desc,
   .cathode-cta-desc,
   .applications-desc,
   .our-products-desc,
   .product-group-desc,
   .tech-center-desc,
   .capabilities-desc {
      font-size: 16px !important;
      line-height: 1.65 !important;
   }

   .cathode-hero-banner {
      padding: 20px 0;
   }


   .grade-specs-list {
      margin-bottom: 10px;
      padding-top: 4px;
   }

   .applications-footnote {

      margin-top: 10px;
      margin-bottom: 0;
   }

   .app-grades-list {

      margin-bottom: 4px;
   }

   .grade-pills-row {

      margin-bottom: 0px;
   }

   .fa-solid {
      position: relative !important;

   }

   .hero-left-col .cathode-hero-title {

      font-size: 26px !important;
   }

   .section-main-desc,
   .cathode-hero-desc,
   .cathode-overview-desc,
   .why-lfp-desc,
   .pathway-desc,
   .lfp-gen3-desc,
   .journey-desc,
   .tech-data-desc,
   .cathode-cta-desc,
   .applications-desc,
   .our-products-desc,
   .product-group-desc,
   .tech-center-desc,
   .capabilities-desc {
      font-size: 14px !important;
      line-height: 1.55 !important;
   }

   .btn-cathode-primary,
   .btn-cathode-cta-primary,
   .btn-tab-primary,
   .btn-tech-programme {

      font-size: 14px;
      padding: 12px 20px;

   }

   #cathode-news .cathode-ttll {
      margin: auto !important;
   }

   #cathode-news .cathode-ttll h2 {
      margin-bottom: 0px;
   }

   .cathode-bottom-strip {
      margin-top: 20px;
      position: relative;
      z-index: 2;
   }

   .app-card-icon {

      margin-bottom: 6px;
   }

   .hero-left-col {
      text-align: center;
   }

   .feature-col {
      display: block;
   }

   .feature-item {
      justify-content: center;
      margin-bottom: 12px;
   }

   .cathode-hero-actions {
      flex-direction: column;
      align-items: stretch;
   }

   .btn-cathode-primary,
   .btn-cathode-secondary {
      justify-content: center;
   }

   .sem-labels-wrap {
      display: none;
   }

   .cathode-sem-visual {
      max-width: 290px;
      height: 290px;
   }

   .sem-circle-large-wrapper {
      width: 220px;
      height: 220px;
      left: 40px;
      top: 5px;
   }

   .sem-circle-small-wrapper {
      width: 110px;
      height: 110px;
      top: 130px;
      left: 0;
   }

   .cathode-subnav-wrapper,
   .cathode-tab-bar-wrapper {
      position: relative;
   }

   .cathode-subnav-container,
   .cathode-tab-bar-container {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
   }

   .cathode-subnav-list,
   .cathode-tabs-nav {
      gap: 10px;
      width: 100%;
      padding: 4px 0;
   }

   .cathode-nav-link,
   .cathode-tab-btn {
      font-size: 10px;
      padding: 14px 0;
   }

   .cathode-subnav-cta,
   .cathode-tab-top-cta {
      display: none;
   }

   .cathode-overview-section {
      padding: 25px 0 30px 0;
   }

   .cath_left_div {
      text-align: center;
   }

   .cathode-overview-img-col {
      margin-top: 25px;
   }

   .cathode-overview-img {
      height: 240px;
   }

   .cathode-overview-caption {
      text-align: center;
   }

   .why-lfp-section {
      padding: 25px 0 30px 0;
   }

   .why-lfp-header-row {
      margin-bottom: 20px;
   }

   .why-lfp-card {
      margin-bottom: 20px;
      text-align: center;
   }

   .why-lfp-icon-wrap {
      margin: 0px auto 10px;
   }

   .lfp_cta_link_new {
      text-align: center !important;
   }

   .platform-pathway-section {
      padding: 20px 0 20px 0;
   }

   .pathway-header-row {
      margin-bottom: 20px;
   }

   .pathway-timeline-track {
      display: none;
   }

   .pathway-step-item {
      margin-bottom: 25px;
      padding-right: 0;
      text-align: center;
   }

   .pathway-node-icon {
      box-shadow: none;
      margin: 14px auto;
   }

   .lfp-gen3-feature-section {
      padding: 25px 0 30px 0;
   }

   .lfp-gen3-feature-section-row {
      text-align: center;
   }

   .lfp-big-title-blue,
   .lfp-big-title-green {
      font-size: 30px;
   }

   .lfp-big-underline {
      width: 180px;
      margin: 0 auto 20px auto;
   }

   .development-journey-section {
      padding: 20px 0 0px 0;
   }

   .journey-header-row {
      margin-bottom: 20px;
   }

   .journey-timeline-track {
      display: none;
   }

   .journey-step-item {
      margin-bottom: 25px;
      padding-right: 0;
      text-align: center;
   }

   .journey-node-icon {
      box-shadow: none;
      margin: 14px auto;
   }

   .technical-data-section {
      padding: 10px 0 20px 0;
   }

   .tech-data-header-row {
      margin-bottom: 20px;
   }

   .tech-data-row {
      padding: 14px 0;
   }

   .tech-data-label {
      font-size: 13.5px;
   }

   .tech-data-value {
      font-size: 14.5px;
   }

   .tech-chart-card,
   .tech-info-card {
      padding: 24px 18px;
   }

   .tech-bar-label {
      font-size: 13.5px;
      width: 38px;
   }

   .tech-bar-fill {
      height: 20px;
   }

   .tech-bar-value {
      font-size: 13.5px;
      margin-left: 10px;
   }

   .tech-info-card-desc {
      font-size: 14px;
      line-height: 1.55;
   }

   .cathode-cta-banner-section {
      padding: 24px 0;
      text-align: center;
   }

   .cathode-cta-kicker {
      justify-content: center;
   }

   .cathode-cta-desc {
      margin-left: auto;
      margin-right: auto;
   }

   .cathode-cta-actions {
      justify-content: center;
      flex-direction: column;
      width: 100%;
      gap: 12px;
   }

   .lfp-gen3-header-meta {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px;
      margin-bottom: 6px;
      margin: auto;
      justify-content: center;
   }

   .btn-cathode-cta-primary,
   .btn-cathode-cta-secondary {
      width: 100%;
      justify-content: center;
   }

   .applications-section {
      padding: 25px 0 30px 0;
   }

   .applications-header-row {
      margin-bottom: 20px;
   }

   .app-card {
      margin-bottom: 20px;
   }

   .product-group-heading {
      font-size: 24px;
   }

   .product-grade-card {
      padding: 24px 18px;
      margin-bottom: 0px;
   }

   .product-test-accordion {
      padding: 18px 20px;
      margin-top: 25px;
   }

   .product-test-accordion-title {
      font-size: 16.5px;
   }

   .product-test-accordion-body {
      font-size: 14px;
      line-height: 1.55;
      margin-top: 12px;
   }

   .tech-center-section {
      padding: 25px 0 30px 0;
   }

   .tech-center-main-row {
      margin-bottom: 20px;
   }

   .tech-center-img {
      height: 260px;
   }

   .tech-feature-card {
      margin-bottom: 20px;
      padding: 12px 20px;
      text-align: center;
   }

   .tech-feature-icon {
      align-items: center;
      margin: 20px auto;
   }

   .capabilities-section {
      padding: 0 0 25px 0;
   }

   .capabilities-header-row {
      margin-bottom: 20px;
      text-align: center;
   }

   .cap-card {
      text-align: center;
   }

   .capabilities-grid {
      grid-template-columns: 1fr;
      gap: 24px;
   }

   .process-timeline-box {
      padding: 24px 18px 26px 18px;
      margin-bottom: 16px;
   }

   .process-box-title {
      font-size: 20px;
      margin-bottom: 10px;
      text-align: left;
   }

   .process-box-desc {
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 25px;
      text-align: left;
   }

   .pill-gray {

      padding: 4px 8px;
      height: 27px;

   }

   .news-meta-row {

      align-items: self-start;

   }

   .process-steps-track {
      display: flex;
      flex-direction: column;
      position: relative;
      padding-left: 28px;
      padding-top: 2px;
      gap: 22px;
   }

   .process-timeline-track {
      display: block;
      position: absolute;
      top: 8px;
      bottom: 14px;
      left: 6px;
      right: auto;
      width: 2px;
      height: auto;
      background-color: #e2e8f0;
      z-index: 1;
   }

   .process-timeline-progress {
      display: block;
      position: absolute;
      top: 8px;
      bottom: 14px;
      left: 6px;
      right: auto;
      width: 2px;
      height: auto;
      background: linear-gradient(180deg, #143E8E 0%, #143E8E 75%, #6A9429 100%);
      z-index: 2;
      transform: scaleY(0);
      transform-origin: top center;
      transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
   }

   .process-timeline-box.is-visible .process-timeline-progress,
   body.anim-ready .process-timeline-box.is-visible .process-timeline-progress {
      transform: scaleY(1);
   }

   .process-step-item {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-right: 0;
      text-align: left;
   }

   .process-step-dot {
      position: absolute;
      left: -28px;
      top: 2px;
      margin-bottom: 0;
      width: 14px;
      height: 14px;
      box-shadow: 0 0 0 4px #F7F7F7;
   }

   .process-step-item:hover .process-step-dot {
      box-shadow: 0 0 0 5px #F7F7F7, 0 4px 12px rgba(20, 62, 142, 0.35);
   }

   .process-step-item.is-final .process-step-dot {
      box-shadow: 0 0 0 4px #F7F7F7;
   }

   .process-step-item.is-final:hover .process-step-dot {
      box-shadow: 0 0 0 5px #F7F7F7, 0 4px 12px rgba(106, 148, 41, 0.45);
   }

   .process-step-name {
      font-size: 15px;
      font-weight: 500;
      color: #373737;
      font-family: Gilroy-Medium, sans-serif;
      line-height: 1.35;
      margin-bottom: 2px;
      text-align: left;
   }

   .process-step-sub {
      font-size: 13px;
      line-height: 1.4;
      color: #7a8394;
      font-family: Gilroy-Regular, sans-serif;
      margin-bottom: 0;
      text-align: left;
   }

   .tech-center-cta-bar {
      flex-direction: column;
      align-items: flex-start;
   }

   .btn-tech-programme {
      width: 100%;
      justify-content: center;
   }

   .cathode-news-section {
      padding: 20px 0 25px 0;
   }

   .cathode-news-header {
      margin-bottom: 18px;
      text-align: center;
   }

   .news-view-all-link {
      margin: auto;
   }

   .news-featured-title {
      font-size: 18.5px;
   }

   .news-featured-body,
   .news-side-card {
      padding: 22px 20px;
   }
}

/* =========================================================
   Enquiry Page Custom Styles
   ========================================================= */
.enquiry-page-wrapper {
            background-color: #F7F7F7;
            padding-top: 60px;
            padding-bottom: 85px;
        }

        .accent-tag {
            display: inline-flex;
            align-items: center;
            margin-bottom: 18px;
        }

        .accent-line {
            display: inline-block;
            width: 22px;
            height: 2.5px;
            background-color: #5bb75b;
            border-radius: 2px;
            margin-right: 10px;
        }

        .accent-text {
            font-family: 'Gilroy-Medium', sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #143E8E;
            letter-spacing: 0.2px;
        }

        .enquiry-heading {
            font-family: 'Gilroy-Medium', sans-serif !important;
            font-size: 36px;
            line-height: 1.18;
            font-weight: 400;
            color: #373737;
            letter-spacing: -0.5px;
            margin-bottom: 22px;
        }

        .enquiry-description {
            font-family: 'Gilroy-Regular', sans-serif;
            font-size: 15px;
            line-height: 1.65;
            color: #5c6370;
            margin-bottom: 38px;

        }

        .contact-info-list {
            margin-top: 10px;
        }

        .contact-info-item {
            margin-bottom: 24px;
        }

        .contact-info-item:last-child {
            margin-bottom: 0;
        }

        .contact-info-label {
            font-family: 'Gilroy-Medium', sans-serif;
            font-size: 12px;
            color: #8892a0;
            margin-bottom: 4px;
            letter-spacing: 0.1px;
        }

        .contact-info-val {
            font-family: 'Gilroy-Medium', sans-serif;
            font-size: 16px;
            font-weight: 500;
            color: #143E8E;
            text-decoration: none;
            display: inline-block;
            transition: color 0.2s ease;
        }

        a.contact-info-val:hover {
            color: #07264c;
            text-decoration: underline;
        }

        /* Enquiry Form Card */
        .enquiry-card {
            background: #ffffff;
            border-radius: 8px;
            padding: 42px 48px;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
            border: 1px solid #edf0f4;
        }

        .enquiry-form .form-group {
            margin-bottom: 20px;
        }

        .enquiry-form label {
            font-family: 'Gilroy-Medium', sans-serif;
            font-size: 15px;
            font-weight: 500;
            color: #373737;
            margin-bottom: 7px;
            display: flex;
        }

        .enquiry-form .req-star {
            color: #dc3545;
            margin-left: 2px;
            font-weight: 700;
        }

        .enquiry-form .form-control {
            height: 46px;
            border: 1px solid #5F6368;
            border-radius: 4px;
            padding: 10px 14px;
            font-family: 'Gilroy-Regular', sans-serif;
            font-size: 14px;
            color: #5F6368;
            background-color: #ffffff;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .enquiry-form .form-control::placeholder {
            color: #5F6368;
            font-size: 14px;
            font-family: 'Gilroy-Regular', sans-serif;
            opacity: 1;
        }

        .enquiry-form .form-control:focus {
            border-color: #143E8E;
            box-shadow: 0 0 0 3px rgba(11, 60, 117, 0.12);
            outline: none;
        }

        .enquiry-form select.form-control {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 14px center;
            padding-right: 38px;
            cursor: pointer;
        }

        .enquiry-form select.form-control.is-placeholder {
            color: #5F6368;
        }

        .enquiry-form select.form-control option {
            color: #373737;
        }

        .enquiry-form textarea.form-control {
            height: auto !important;
            min-height: 105px;
            padding: 12px 14px;
            resize: vertical;
        }

        /* Checkbox */
        .enquiry-checkbox-wrapper {
            margin-top: 6px;
            margin-bottom: 24px;
        }

        .custom-check-container {
            display: flex;
            align-items: flex-start;
            position: relative;
            cursor: pointer;
            user-select: none;
        }

        .custom-check-container input[type="checkbox"] {
            margin-top: 3px;
            margin-right: 12px;
            width: 17px;
            height: 17px;
            min-width: 17px;
            accent-color: #143E8E;
            cursor: pointer;
        }

        .custom-check-label {
            font-family: 'Gilroy-Regular', sans-serif;
            font-size: 14px;
            line-height: 1.55;
            color: #373737;
            margin-bottom: 0;
            cursor: pointer;
        }

        .custom-check-label a {
            color: #143E8E;
            text-decoration: underline;
        }

        .custom-check-label a:hover {
            color: #07264c;
        }

        /* Actions row */
        .enquiry-actions {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 10px;
        }

        .btn-enquiry-submit {
            background-color: #143E8E;
            color: #ffffff !important;
            font-family: 'Gilroy-Medium', sans-serif;
            font-size: 14px;
            font-weight: 600;
            padding: 11px 26px;
            border-radius: 4px;
            border: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease-in-out;
            cursor: pointer;
        }

        .btn-enquiry-submit:hover {
            background-color: #07264c;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(11, 56, 117, 0.25);
        }

        .btn-enquiry-submit i {
            font-size: 13px;
            transition: transform 0.2s ease;
        }

        .btn-enquiry-submit:hover i {
            transform: translateX(3px);
        }

        .required-indicator-text {
            font-family: 'Gilroy-Regular', sans-serif;
            font-size: 12.5px;
            color: #5F6368;
        }

        /* Responsive Media Queries */
        @media (max-width: 991px) {
            .enquiry-page-wrapper {
                padding-top: 30px;
                padding-bottom: 50px;
            }

            .enquiry-heading {
                font-size: 26px;
                margin-bottom: 14px;
            }

            .enquiry-card {
                padding: 30px 24px;
                margin-top: 30px;
            }

            .contact-info-list {
                margin-bottom: 10px;
            }
        }

        @media (max-width: 575px) {
            .enquiry-heading {
                font-size: 28px;
            }

            .enquiry-content-box {
                text-align: center;
            }

            .contact-info-item {
                margin-bottom: 18px;
            }

            .enquiry-description {

                margin-bottom: 26px;
            }

            .contact-info-label {
                font-size: 16px;

            }

            .fa-solid {
                position: relative;
            }

            .contact-info-list .mb-2 {
                margin-bottom: 18px !important;
            }

            .enquiry-card {
                padding: 24px 16px;
            }

            .enquiry-actions {
                flex-direction: column;
                /* align-items: flex-start; */
                gap: 12px;
            }
        }