/* ===== Truly Global Selectors ===== */
#cta-button { background-color: #262458; margin: 10px; }
#main-nav { display: flex; gap: 40px; padding: 10px; }
#page-header { backdrop-filter: blur(13px); background-color: rgba(255, 255, 255, 0.8); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.14); position: sticky; top: 0; z-index: 1000; }
#page-header .container { align-items: center; display: flex; justify-content: space-between; }
* { box-sizing: border-box; }
.container { margin: 0 auto; max-width: 1200px; width: 100%; }
.hamburger { display: none; height: 50px; position: relative; transform: 0.2s; width: 50px; }
.hamburger .checkbox { cursor: pointer; height: 100%; opacity: 0; position: absolute; width: 100%; }
.hamburger .checkbox:checked + svg .line { stroke: black; }
.hamburger .checkbox:checked + svg .lineBottom { stroke-dashoffset: 0; transform: rotatez(-45deg) translate(-5px, 5px); transform-origin: left; }
.hamburger .checkbox:checked + svg .lineMid { stroke-dashoffset: 40; }
.hamburger .checkbox:checked + svg .lineTop { stroke-dashoffset: 0; transform: rotatez(45deg) translate(-7px, -5px); transform-origin: left; }
.icon { height: 60px; }
.line { stroke: black; stroke-width: 6px; transition: 0.5s; }
.lineBottom { stroke-dasharray: 40 40; stroke-dashoffset: 60; }
.lineMid { stroke-dasharray: 40 40; }
.lineTop { stroke-dasharray: 40 40; stroke-dashoffset: 25; }
.link-box { color: inherit; display: inline-block; padding: 5px; text-decoration: none; }
.link:hover { background-color: #e2e8f0; color: #1a202c; }
::-webkit-scrollbar { display: none; }
body { background: none; color: #475569; font-family: Arial, Helvetica, sans-serif; margin: 0; }
html { -ms-overflow-style: none; scrollbar-width: none; }

/* ===== Unique Selectors per Page ===== */
.indexPage {
  #about .container { align-items: flex-start; display: flex; flex-direction: column; }
  #about-additional-info { margin: 10px 0; }
  #about-description-text { margin: 10px 0; }
  #about-heading { font-size: 2rem; margin-bottom: 10px; }
  #about-subheading { font-size: 2.5rem; margin: 10px 0; }
  #feature-logo-1 { border-radius: 0; height: auto; padding: 10px; transition: transform 0.3s ease-in-out; width: 50%; }
  #feature-logo-2 { border-radius: 0; height: auto; padding: 10px; transition: transform 0.3s ease-in-out; width: 50%; }
  #feature-logo-3 { border-radius: 0; height: auto; padding: 10px; transition: transform 0.3s ease-in-out; width: 50%; }
  #footer-slogan { font-size: 30px; margin: 0; padding: 20px 10px; }
  #footer-tagline-text { font-size: 20px; margin: 0; padding: 10px; }
  #hero-heading { font-size: 3rem; }
  #next.carousel-button { background-color: white; border-width: 0; }
  #offer-cta { background-color: rgba(255, 255, 255, 1); color: rgb(36, 38, 88); display: block; margin-left: auto; margin-right: 50px; width: max-content; }
  #offer-description { margin: 0; padding: 10px; }
  #offer-subtitle-text { font-size: 40px; margin: 0; padding: 10px; }
  #offer-subtitle-text h3 { margin: 0; }
  #offer-title { color: #fff; padding: 10px; }
  #page-footer { padding: 20px 10px; }
  #page-footer .container { background-image: radial-gradient(515px at 50% 141%, rgba(35, 98, 235, 0.22) 10%, white 90%); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 50px; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07); padding: 20px; text-align: center; }
  #prev.carousel-button { background-color: white; border-width: 0; }
  #svg.carousel-button { size: 1.2em; }
  #testimonial-heading { font-size: 2.5rem; margin-bottom: 10px; }
  .about-section { padding: 50px 20px; text-align: left; }
  .dot.active , .dot:hover { background-color: #717171; }
  .dot { background-color: #bbb; border-radius: 50%; cursor: pointer; display: inline-block; height: 15px; margin: 0 2px; transition: background-color 0.6s ease; width: 15px; }
  .feature-item { align-items: center; display: flex; flex-direction: row; gap: 50px; justify-content: space-between; margin: 0; padding: 0px 15px 0px 15px; position: sticky; top: 100px; width: 100%; }
  .feature-item img { flex: 1 1 50%; max-width: 597px; width: 100%; }
  .feature-text { align-items: center; background: #fff; display: flex; flex: 1 1 40%; flex-direction: column; padding: 10px 0; text-align: center; }
  .feature-text h2 { font-size: 2rem; margin-bottom: 10px; }
  .feature-text p { margin: 0; padding: 10px 0; }
  .features-section { min-height: 100vh; padding: 0px 20px 20px 20px; position: relative; }
  .features-section .feature-item:nth-child(1) { z-index: 1; }
  .features-section .feature-item:nth-child(2) { z-index: 2; }
  .features-section .feature-item:nth-child(3) { z-index: 3; }
  .features-section #feature-image-3-new{ background-color: white; padding-top: 40px;}
  .flip-card { background-color: transparent; width: 336px; height: 192px; perspective: 1000px; color: white; margin: 10px auto; }
  .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
  .flip-card:hover .flip-card-inner { transform: rotateX(180deg); }
  .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 1rem; overflow: hidden; }
  .flip-card-back { transform: rotateX(180deg); }
  .flip-card-front img,
  .flip-card-back img { width: 100%; height: 100%; object-fit: cover; border-radius: 1rem; padding: 0; }
  .hero-section { padding: 40px 20px 30px 20px; text-align: center; }
  .next { border-radius: 3px 0 0 3px; right: 0; }
  .next:hover { background-color: rgba(0, 0, 0, 0.8); }
  .offer-content { align-items: center; display: flex; flex-wrap: wrap; gap: 20px; }
  .offer-image-box { align-items: center; display: flex; flex: 1 1; justify-content: center; margin-left: auto; margin-right: auto; text-align: center; }
  .offer-section { background-color: rgb(36, 38, 88); color: #fff; padding: 50px 0; }
  .offer-text { flex: 1 1 400px; margin: 0; padding: 10px; }
  .offer-text h2 { margin: 0; }
  .prev { border-radius: 0 3px 3px 0; color: white; cursor: pointer; font-size: 18px; font-weight: bold; margin-top: -22px; padding: 16px; position: absolute; top: 50%; transition: 0.6s ease; user-select: none; width: auto; }
  .prev:hover { background-color: rgba(0, 0, 0, 0.8); }
  .service-item { display: contents; }
  .service-item h4 { align-self: center; grid-column: 1; margin: 0; font-size: 1.2em; }
  .service-item p { align-self: center; grid-column: 2; margin: 0; text-align: justify; }
  .service-items { align-items: start; display: grid; gap: 10px 20px; grid-auto-rows: auto; grid-template-columns: max-content 1fr; margin-bottom: 20px; }
  .services-header { padding: 10px; text-align: left; }
  .services-header h2 { margin: 0; padding-bottom: 10px; }
  .services-header h3 { font-size: 2.5rem; font-weight: normal; margin: 0; }
  .services-section { padding: 50px 20px; text-align: left; }
  .services-section .divider { background-color: rgba(0, 0, 0, 0.05); grid-column: 1/-1; margin: 10px 0; }
  .testimonial-item { background-color: rgba(247, 247, 247, 0.23); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 5px; box-sizing: border-box; min-width: 100%; padding: 15px; position: relative; transition: filter 0.5s; }
  .testimonial-item h4 { font-size: 1.5rem; margin: 0; }
  .testimonial-item p { color: rgba(0, 0, 0, 0.5); margin: 0; padding: 10px 0; }
  .testimonial-list { display: flex; margin: auto; max-width: auto; position: relative; transition: transform 0.5s ease-in-out; }
  .testimonial-slider { align-items: center; display: block; flex-wrap: wrap; justify-content: flex-end; overflow: hidden; position: relative; width: 100%; }
  .testimonials-section { padding: 40px 20px; text-align: center; }
  .text-blue { color: rgb(36, 99, 235); }
}
.servicesPage {
  #acoustic-testing-heading { display: flex; padding: 25px 0; }
  #acoustic-testing-image { color: black; height: 15rem; width: 15rem; }
  #acoustic-testing-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #acoustic-testing-list { margin-top: 0; }
  #advanced-measurement-heading { display: flex; padding: 25px 0; }
  #brake-performance-heading { display: flex; padding: 25px 0; }
  #brake-testing-image { color: black; height: 15rem; width: 15rem; }
  #brake-testing-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #brake-testing-text { font-size: 1.2rem; padding: 10px; }
  #durability-testing-heading { display: flex; padding: 25px 0; }
  #durability-testing-image { color: black; height: 15rem; width: 15rem; }
  #durability-testing-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #durability-testing-text { font-size: 1.2rem; padding: 10px; }
  #ecu-testing-heading { display: flex; padding: 25px 0; }
  #ecu-testing-image { color: black; height: 15rem; width: 15rem; }
  #ecu-testing-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #ecu-testing-list { margin-top: 0; }
  #ecu-testing-text { font-size: 1.2rem; padding: 10px; }
  #environmental-testing-heading { display: flex; padding: 25px 0; }
  #environmental-testing-image { color: black; height: 15rem; width: 15rem; }
  #environmental-testing-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #environmental-testing-list { margin-top: 0; }
  #environmental-testing-text { font-size: 1.2rem; padding: 10px; }
  #ev-testing { display: flex; padding: 25px 0; }
  #ev-testing-image { color: black; height: 15rem; width: 15rem; }
  #ev-testing-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #ev-testing-list { margin-top: 0; }
  #ev-testing-text { font-size: 1.2rem; padding: 10px; }
  #fuel-cell-testing-heading { display: flex; padding: 25px 0; }
  #fuel-cell-testing-image { color: black; height: 15rem; width: 15rem; }
  #fuel-cell-testing-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #fuel-cell-testing-text { font-size: 1.2rem; padding: 10px; }
  #gas-analysis-heading { display: flex; padding: 25px 0; }
  #gas-bench-description { padding: 10px; }
  #impact-test-bench { font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 115%; }
  #impedance-tube-testing { font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 115%; }
  #intro-cta-button { align-items: center; background-image: linear-gradient(rgb(36, 38, 88) 1%, rgb(36, 38, 88) 100%); border-radius: 5px; color: #fff; display: flex; font-size: 20px; height: 2rem; justify-content: center; width: 10rem; }
  #intro-description { padding: 25px 50px; text-align: justify; }
  #intro-heading { display: flex; justify-content: center; }
  #intro-heading-title { color: black; font-family: Arial, sans-serif; font-size: 20pt; }
  #intro-image { color: black; height: auto; padding: 10px; width: 325px; }
  #intro-image-column { flex: 0 1 auto; }
  #intro-section .container { display: flex; padding: 50px 0; }
  #intro-text-column { align-items: center; display: flex; flex-direction: column; }
  #machine-condition-monitoring { font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 115%; }
  #machine-vision-heading { display: flex; padding: 25px 0; }
  #machine-vision-image { color: black; height: 15rem; width: 15rem; }
  #machine-vision-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #maintenance-support-heading { display: flex; padding: 25px 0; }
  #maintenance-support-image { color: black; height: 15rem; width: 15rem; }
  #maintenance-support-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #maintenance-support-text { padding: 10px; }
  #mechanical-testing-heading { display: flex; padding: 25px 0; }
  #mechanical-testing-image { color: black; height: 15rem; width: 15rem; }
  #mechanical-testing-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #mechanical-testing-text { font-size: 1.2rem; padding: 10px; }
  #reverberation-testing { font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 115%; }
  #services-heading { color: #fff; display: flex; font-size: 3rem; justify-content: center; }
  #services-section-heading { background-color: rgb(36, 38, 88); padding: 50px 0; }
  #software-consulting-heading { display: flex; padding: 25px 0; }
  #software-consulting-image { border-radius: 0; width: 50vw; }
  #software-consulting-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #software-consulting-text { padding: 10px; }
  #software-consulting-text-column.grid-col { margin-block: auto; }
  #solutions-heading { display: flex; padding: 25px 0; }
  #synthetic-gas-bench-heading { display: flex; padding: 25px 0; }
  #synthetic-gas-bench-image { color: black; height: 15rem; width: 15rem; }
  #synthetic-gas-bench-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #system-integration-heading { display: flex; padding: 25px 0; }
  #system-integration-image { color: black; height: 15rem; width: 15rem; }
  #system-integration-image-column { display: flex; margin-left: 10px; margin-right: 10px; }
  #system-integration-row { min-height: 46px; }
  #system-integration-text { padding: 10px; }
  #team-building-heading { display: flex; padding: 25px 0; }
  #team-building-image { color: black; height: 15rem; width: 15rem; }
  #team-building-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #team-building-text { padding: 10px; }
  #testing-heading { display: flex; padding: 25px 0; }
  #transmission-loss-testing { font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 115%; }
  #vibration-analysis { font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 115%; }
  #vibration-testing-heading { display: flex; padding: 25px 0; }
  #vibration-testing-image { color: black; height: 15rem; width: 15rem; }
  #vibration-testing-image-column { display: flex; margin-left: auto; margin-right: 10px; }
  #vibration-testing-list { margin-top: 0; }
}
.offeringsPage {
  #Connect.button { align-items: center; background-image: linear-gradient(rgb(36, 38, 88) 1%, rgb(36, 38, 88) 100%); border-radius: 14px; color: #fff; display: flex; font-size: 20px; height: 2rem; justify-content: center; width: 10rem; }
  #automation .grid-col.text-main-content { margin-left: 10px; }
  #automation .heading { display: flex; font-size: 3rem; justify-content: center; }
  #automation-img { width: 30vw; }
  #automation .column { display: flex; justify-content: space-around; }
  #intro .container { align-items: center; display: flex; justify-content: center; padding: 50px 0; }
  #intro .heading { display: flex; justify-content: center; padding: 10px; text-align: center; }
  #intro .text-main-content { padding: 25px 50px; text-align: justify; }
  #intro-img { width: 30vw; }
  #lab-management .column { display: flex; flex-direction: column; }
  #lab-management .grid-row { margin-inline: auto; }
  #lab-management .heading { display: flex; font-size: 3rem; justify-content: center; }
  #lab-management-img { width: 60vw; }
  #offerings { background-color: rgb(36, 38, 88); padding: 50px 0; }
  #offerings .heading { color: #fff; display: flex; font-size: 3rem; justify-content: center; }
  #solutions .heading { display: flex; font-size: 3rem; justify-content: center; }
  #solutions .sub-heading { display: flex; justify-content: center; margin: 0; }
  #solutions-img { width: 25vw; }
  .grid-col { align-items: center; display: flex; flex-direction: column; }
  .intro-title { color: black; font-family: Arial, sans-serif; font-size: 20pt; }
  .offerings-img { border: 1px; margin-block: auto; padding: 10px; width: 100%; }
}
.contactPage {
  #contact-form { border: 3px solid #dad9e3; border-radius: 1rem; box-sizing: border-box; margin-bottom: clamp(2rem, 5.3vw, 2.5rem); max-width: 40.625rem; padding: clamp(1.25rem, 4.5vw, 2.5rem); width: 100%; }
  #contact-section { padding: var(--sectionPadding); }
  .contact-container { align-items: flex-start; display: flex; flex-direction: row; gap: 3rem; justify-content: center; margin: auto; max-width: 1200px; padding-left: 10px; padding-right: 10px; padding-top: 50px; width: 100%; }
  .contact-description { margin: 0 0 clamp(1rem, 4.4vw, 3rem) 0; }
  .contact-header { color: #b4b2c7; display: block; font-size: clamp(0.8125rem, 1.5vw, 1rem); font-weight: 700; letter-spacing: 0.1em; line-height: 1.2em; margin: 0 0 1rem 0; text-transform: uppercase; }
  .contact-info { max-width: 32.625rem; text-align: left; }
  .contact-link { color: var(--headerColor); display: block; font-size: clamp(1rem, 2vw, 1.25rem); font-weight: 700; line-height: 1.5em; margin: 0 0 clamp(1rem, 2.5vw, 2rem); text-decoration: none; }
  .contact-link:hover { text-decoration: underline; }
  .contact-link:last-of-type { margin-bottom: 0; }
  .form-input { border: 1px solid transparent; border-bottom: 1px solid #b4b2c7; box-sizing: border-box; font-size: 1rem; height: 3rem; margin-top: 0.25rem; padding-left: 1.25rem; transition: border 0.3s; width: 100%; }
  .form-input::placeholder { color: #7d799c; }
  .form-input:hover { border: 1px solid var(--primary); }
  .form-label { align-items: flex-start; color: var(--headerColor); display: flex; flex-direction: column; font-size: clamp(0.875rem, 1.3vw, 1rem); font-weight: 700; justify-content: center; line-height: 1.5em; margin-bottom: clamp(1rem, 1em, 1.25rem); }
  .form-label-message { margin-bottom: clamp(2rem, 4.5vw, 2.5rem); }
  .nav-toggle-button { background: none; border: none; cursor: pointer; display: none; }
  .nav-toggle-icon { background-color: #333; display: block; height: 3px; margin: 5px 0; width: 25px; }
  .social-icon { display: block; height: clamp(0.875rem, 2vw, 1.5rem); width: auto; }
  .social-link { align-items: center; background-color: #262458; border-radius: 50%; display: flex; height: clamp(2rem, 4vw, 3.25rem); justify-content: center; position: relative; transition: transform 0.3s, background-color 0.3s; width: clamp(2rem, 4vw, 3.25rem); z-index: 1; }
  .social-link:hover { transform: translatey(-0.1875rem); }
  .social-links { display: inline-flex; gap: 0.75em; justify-content: flex-start; margin-top: clamp(2rem, 6vw, 5rem); }
  .submit-button { background-color: var(--primary); border: none; border-radius: 0.5rem; box-sizing: border-box; color: #9f9f9f; display: inline-block; font-size: 1rem; font-weight: 700; line-height: clamp(2.875em, 5.5vw, 3.5em); margin: auto; padding: 0 1.5rem; position: relative; text-align: center; text-decoration: none; width: 100%; z-index: 1; }
  .submit-button:before { background: #262458; border-radius: 0.5rem; content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: width 0.5s; width: 0%; z-index: -1; }
  .submit-button:hover { cursor: pointer; }
  .submit-button:hover:before { width: 100%; }
  textarea { font-family: inherit; margin: 0; padding-top: 1.25rem; }
  textarea::placeholder { color: #7d799c; }
  textarea:hover { border: 1px solid var(--primary); }
}
.aboutUsPage {
  #aboutus { background-color: rgb(36, 38, 88); padding: 50px 0; }
  #aboutus .heading { color: #fff; display: flex; font-size: 3rem; justify-content: center; }
  #introduction .column { align-items: center; display: flex; flex-direction: column; }
  #introduction .heading { display: flex; justify-content: center; }
  #introduction .image { color: black; height: 294px; margin-block: auto; width: auto; }
  #introduction .text-content { padding: 25px 50px; text-align: justify; }
  #introduction .wrapper { display: flex; padding: 50px 0; }
  #why-choose-us .row { min-height: 46px; }
  #why-choose-us .text-content { padding: 10px; }
  #why-choose-us-list { padding-inline-start: 0; }
  .title { color: black; font-family: Arial, sans-serif; font-size: 20pt; }
}

/* ===== Conflicting Selectors ===== */
.indexPage .button { background-color: rgb(36, 99, 235); border-radius: 5px; color: white; display: inline-block; font-size: 1.1rem; padding: 10px 15px; text-align: center; text-decoration: none; }
.servicesPage .button { background-color: rgb(36, 99, 235); border-radius: 5px; color: white; display: inline-block; font-size: 1.1rem; padding: 10px 15px; text-align: center; text-decoration: none; }
.offeringsPage .button { background-color: rgb(36, 38, 88); border-radius: 5px; color: white; display: inline-block; font-size: 1.1rem; padding: 10px 15px; text-align: center; text-decoration: none; }
.contactPage .button { background-color: rgb(36, 38, 88); border-radius: 5px; color: white; display: inline-block; font-size: 1.1rem; padding: 10px 15px; text-align: center; text-decoration: none; }
.aboutUsPage .button { background-color: rgb(36, 99, 235); border-radius: 5px; color: white; display: inline-block; font-size: 1.1rem; padding: 10px 15px; text-align: center; text-decoration: none; }
.offeringsPage .column { display: flex; }
.aboutUsPage .column { flex: 0 1 auto; }
.indexPage .divider { background-color: rgba(0, 0, 0, 0.05); border: none; height: 3px; margin: 10px 0; }
.servicesPage .divider { background-color: rgba(0, 0, 0, 0.05); border: none; height: 3px; margin: 10px; }
.offeringsPage .divider { background-color: rgba(0, 0, 0, 0.05); border: none; height: 3px; margin: 10px; }
.contactPage .divider { background-color: rgba(0, 0, 0, 0.05); border: none; height: 3px; margin: 10px; }
.aboutUsPage .divider { background-color: rgba(0, 0, 0, 0.05); border: none; height: 3px; margin: 10px; }
.servicesPage .grid-row { align-items: stretch; display: flex; flex-direction: row; justify-content: flex-start; padding: 10px 0; }
.offeringsPage .grid-row { min-height: 46px; }
.indexPage .heading { color: rgba(29, 40, 55, 1); margin: 0; }
.servicesPage .heading { color: rgba(29, 40, 55, 1); display: flex; justify-content: center; margin: 0; }
.offeringsPage .heading { color: rgba(29, 40, 55, 1); display: flex; justify-content: center; margin: 0; }
.contactPage .heading { color: rgba(29, 40, 55, 1); display: flex; justify-content: center; margin: 0; }
.aboutUsPage .heading { color: rgba(29, 40, 55, 1); display: flex; justify-content: center; margin: 0; }
.servicesPage .image { background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 35px; height: auto; width: 80%; }
.offeringsPage .image { background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 35px; height: auto; width: 80%; }
.contactPage .image { background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 35px; height: auto; width: 80%; }
.aboutUsPage .image { background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 35px; height: auto; width: 80%; }
.indexPage .image-box { background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 35px; height: auto; width: 80%; }
.servicesPage .image-box { height: 200px; width: 100%; }
.indexPage .link { border-radius: 5px; color: inherit; display: inline-block; font-weight: 600; max-width: 100%; padding: 0.5rem 1rem; text-decoration: none; transition: color 0.3s ease; vertical-align: top; }
.servicesPage .link { border-radius: 5px; color: #4a5568; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; }
.offeringsPage .link { border-radius: 5px; color: #4a5568; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; }
.contactPage .link { border-radius: 5px; color: #4a5568; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; }
.aboutUsPage .link { border-radius: 5px; color: #4a5568; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; }
.servicesPage .menu-icon { background-color: #333; display: block; height: 3px; margin: 5px 0; width: 25px; }
.offeringsPage .menu-icon { background-color: #333; display: block; height: 3px; margin: 5px 0; width: 25px; }
.servicesPage .menu-toggle { background: none; border: none; cursor: pointer; display: none; }
.offeringsPage .menu-toggle { background: none; border: none; cursor: pointer; display: none; }
.contactPage .row { align-items: stretch; display: flex; flex-direction: row; justify-content: flex-start; padding: 10px 0; }
.aboutUsPage .row { align-items: stretch; display: flex; flex-direction: row; justify-content: flex-start; padding: 10px 0; }
.servicesPage .section { display: flex; }
.offeringsPage .section { display: flex; }
.contactPage .section { display: flex; }
.aboutUsPage .section { display: flex; }
.servicesPage .text-content { line-height: 20px; }
.contactPage .text-content { font-size: 1.2rem; line-height: 30px; }
.aboutUsPage .text-content { font-size: 1.2rem; line-height: 30px; }
.indexPage .text-main-content { font-size: 1.2rem; line-height: 30px; }
.servicesPage .text-main-content { font-size: 1.2rem; line-height: 30px; }
.offeringsPage .text-main-content { padding: 10px; }
.contactPage .toggle-button { background: none; border: none; cursor: pointer; display: none; }
.aboutUsPage .toggle-button { background: none; border: none; cursor: pointer; display: none; }
.contactPage .toggle-icon { background-color: #333; display: block; height: 3px; margin: 5px 0; width: 25px; }
.aboutUsPage .toggle-icon { background-color: #333; display: block; height: 3px; margin: 5px 0; width: 25px; }
.contactPage .wrapper { margin: 0 auto; max-width: 1200px; width: 100%; }
.aboutUsPage .wrapper { margin: 0 auto; max-width: 1200px; width: 90%; }

/* ===== MEDIA GROUP ===== */
@media (max-width: 768px) {
  .indexPage #about-additional-info { text-align: justify; }
  .indexPage #about-description-text { text-align: justify; }
  .indexPage #about-heading { font-size: 1rem; margin-bottom: 5px; }
  .indexPage #about-subheading { font-size: 2rem; margin: 5px 0; }
  .servicesPage #acoustic-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #acoustic-testing-image { height: 205px; width: 205px; }
  .servicesPage #acoustic-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #acoustic-testing-text-column { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #advanced-measurement-heading { background-color: #242658; color: white; font-size: 30px; opacity: 0.96; padding: 20px 0; position: sticky; text-align: center; top: 60px; z-index: 20; }
  .offeringsPage #automation #our-offerings-images { order: -1; }
  .offeringsPage #automation .column { display: flex; flex-direction: column; }
  .offeringsPage #automation .heading { font-size: 2rem; padding: 0 10px; text-align: center; }
  .offeringsPage #automation-img { width: 70vw; }
  .servicesPage #brake-performance-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #brake-testing-image { height: 205px; width: 205px; }
  .servicesPage #brake-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #brake-testing-text-column { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .contactPage #contact-form { margin-left: auto; margin-right: auto; max-width: 36rem; padding: 15px; }
  .contactPage #contact-section { padding: 30px 0; }
  .servicesPage #divider-1 { display: none; }
  .servicesPage #durability-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #durability-testing-image { height: 205px; width: 205px; }
  .servicesPage #durability-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #durability-testing-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #ecu-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #ecu-testing-image { height: 205px; width: 205px; }
  .servicesPage #ecu-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #ecu-testing-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #environmental-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #environmental-testing-image { height: 205px; width: 205px; }
  .servicesPage #environmental-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #environmental-testing-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #ev-testing { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #ev-testing-image { height: 205px; width: 205px; }
  .servicesPage #ev-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #ev-testing-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .indexPage #feature-logo-1 { border-radius: 0; height: auto; transition: transform 0.3s ease-in-out; width: 40%; }
  .indexPage #feature-logo-2 { border-radius: 0; height: auto; transition: transform 0.3s ease-in-out; width: 40%; }
  .indexPage #feature-logo-3 { border-radius: 0; height: auto; transition: transform 0.3s ease-in-out; width: 40%; }
  .indexPage #footer-slogan { font-size: 24px; padding: 10px 5px; }
  .indexPage #footer-tagline-text { font-size: 16px; padding: 5px; }
  .servicesPage #fuel-cell-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #fuel-cell-testing-image { height: 205px; width: 205px; }
  .servicesPage #fuel-cell-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #fuel-cell-testing-text-column { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #gas-analysis-divider { display: none; }
  .servicesPage #gas-analysis-heading { background-color: #242658; color: white; font-size: 30px; opacity: 0.96; padding: 20px 0; position: sticky; text-align: center; top: 60px; z-index: 20; }
  .servicesPage #gas-bench-description { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .indexPage #hero-heading { font-size: 2.5rem; }
  .offeringsPage #intro .container { flex-direction: column; padding-left: 10px; padding-right: 10px; }
  .offeringsPage #intro .text-main-content { padding: 10px 20px; text-align: center; }
  .servicesPage #intro-cta-button { height: 2.5em; }
  .servicesPage #intro-description { padding: 15px 10px; }
  .servicesPage #intro-image { height: auto; }
  .servicesPage #intro-image-column { margin-left: auto; margin-right: auto; }
  .servicesPage #intro-section .container { flex-direction: column; padding: 30px 0; }
  .servicesPage #intro-text-column { padding: 10px; }
  .offeringsPage #lab-management #our-offerings-images { order: -1; }
  .offeringsPage #lab-management .column { display: flex; flex-direction: column; }
  .offeringsPage #lab-management .heading { font-size: 2rem; padding: 0 10px; text-align: center; }
  .offeringsPage #lab-management-img { width: 90vw; }
  .indexPage #logo_nav { content: url("../images/Logo Graphic For Light Backgrounds.svg"); height: 40px; width: 60px; }
  .servicesPage #logo_nav { content: url("../images/Logo Graphic For Light Backgrounds.svg"); height: 40px; width: 60px; }
  .offeringsPage #logo_nav { content: url("../images/Logo Graphic For Light Backgrounds.svg"); height: 40px; width: 60px; }
  .contactPage #logo_nav { content: url("../images/Logo Graphic For Light Backgrounds.svg"); height: 40px; width: 60px; }
  .servicesPage #machine-vision-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #machine-vision-image { height: 205px; width: 205px; }
  .servicesPage #machine-vision-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #machine-vision-text-column { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .indexPage #main-nav { display: none; opacity: 0; transform: translatey(-20px); transition: all 0.3s ease; visibility: hidden; }
  .servicesPage #main-nav { display: none; opacity: 0; transform: translatey(-20px); transition: all 0.3s ease; visibility: hidden; }
  .offeringsPage #main-nav { display: none; }
  .contactPage #main-nav { display: none; }
  .indexPage #main-nav.active { background-color: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; gap: 10px; left: 0; opacity: 1; padding: 10px 0; position: absolute; top: 70px; transform: translatey(0); visibility: visible; width: 100%; z-index: 999; }
  .servicesPage #main-nav.active { background-color: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; gap: 10px; left: 0; opacity: 1; padding: 10px 0; position: absolute; top: 70px; transform: translatey(0); visibility: visible; width: 100%; z-index: 999; }
  .offeringsPage #main-nav.active { background-color: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; gap: 10px; left: 0; opacity: 1; padding: 10px 0; position: absolute; top: 70px; transform: translatey(0); visibility: visible; width: 100%; z-index: 999; }
  .contactPage #main-nav.active { background-color: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; gap: 10px; left: 0; opacity: 1; padding: 10px 0; position: absolute; top: 70px; transform: translatey(0); visibility: visible; width: 100%; z-index: 999; }
  .servicesPage #maintenance-support-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #maintenance-support-image { height: 205px; width: 205px; }
  .servicesPage #maintenance-support-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #maintenance-support-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #mechanical-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #mechanical-testing-image { height: 205px; width: 205px; }
  .servicesPage #mechanical-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #mechanical-testing-list { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .indexPage #offer-cta { margin-top: 10px; }
  .indexPage #offer-description { text-align: justify; }
  .indexPage #offer-image.image-box { display: flex; flex-wrap: wrap; justify-content: center; }
  .indexPage #offer-subtitle-text { font-size: 30px; padding: 10px; }
  .indexPage #page-footer { padding: 10px 5px; }
  .indexPage #page-footer .container { border-radius: 25px; padding: 10px; }
  .indexPage #page-header .container { align-items: center; display: flex; justify-content: flex-end; }
  .servicesPage #page-header .container { align-items: center; display: flex; justify-content: flex-end; }
  .offeringsPage #page-header .container { align-items: center; display: flex; justify-content: flex-end; }
  .contactPage #page-header .container { align-items: center; display: flex; justify-content: flex-end; }
  .servicesPage #simulation-divider-1 { display: none; }
  .servicesPage #simulation-divider-4 { display: none; }
  .servicesPage #software-consulting-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #software-consulting-image { width: 100%; }
  .servicesPage #software-consulting-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #software-consulting-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .offeringsPage #solutions #our-offerings-images { order: -1; }
  .offeringsPage #solutions .column { display: flex; flex-direction: column; }
  .offeringsPage #solutions .heading { font-size: 2rem; padding: 0 10px; text-align: center; }
  .offeringsPage #solutions .sub-heading { display: flex; justify-content: center; margin: 0; }
  .servicesPage #solutions-divider { display: none; }
  .servicesPage #solutions-divider-5 { display: none; }
  .servicesPage #solutions-heading { background-color: #242658; color: white; font-size: 30px; opacity: 0.96; padding: 20px 0; position: sticky; text-align: center; top: 60px; z-index: 20; }
  .offeringsPage #solutions-img { width: 70vw; }
  .servicesPage #synthetic-gas-bench-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #synthetic-gas-bench-image { height: 205px; width: 205px; }
  .servicesPage #synthetic-gas-bench-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #system-integration-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #system-integration-image { height: 205px; width: 205px; }
  .servicesPage #system-integration-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #system-integration-row { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .servicesPage #team-building-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #team-building-image { height: 205px; width: 205px; }
  .servicesPage #team-building-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #team-building-text { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .indexPage #testimonial-heading { font-size: 2rem; margin-bottom: 20px; }
  .servicesPage #testing-divider-1 { display: none; }
  .servicesPage #testing-divider-8 { display: none; }
  .servicesPage #testing-heading { background-color: #242658; color: white; font-size: 30px; opacity: 0.96; padding: 20px 0; position: sticky; text-align: center; top: 60px; z-index: 20; }
  .servicesPage #vibration-testing-heading { display: flex; font-size: 25px; padding: 15px 5px; text-align: center; }
  .servicesPage #vibration-testing-image { height: 205px; width: 205px; }
  .servicesPage #vibration-testing-image-column { margin-left: auto; margin-right: auto; order: -1; }
  .servicesPage #vibration-testing-text-column { align-items: center; flex-direction: column; padding: 10px 20px 10px 20px; text-align: justify; }
  .indexPage .about-section { padding: 30px 10px; }
  .indexPage .carousel-button { padding: 10px; }
  .contactPage .contact-container { flex-direction: column; gap: 0; }
  .contactPage .contact-description { font-size: 1rem; padding: 0 5px; text-align: justify; }
  .contactPage .contact-header { margin: 0 0 0.5rem 0; }
  .contactPage .contact-info { margin-left: auto; margin-right: auto; max-width: 40rem; text-align: left; }
  .contactPage .contact-link { padding: 0 5px; }
  .contactPage .contact-title { font-size: 1.8rem; text-align: center; }
  .indexPage .divider { margin: 5px 0; }
  .indexPage .feature-item { background-color: #fff; flex-direction: column; gap: 20px; padding: 10px; padding-bottom: 20px; top: 80px; }
  .indexPage .feature-item img { border-radius: 20px; max-width: 70%; }
  .indexPage .feature-text h2 { font-size: 1.8rem; }
  .indexPage .feature-text p { padding: 8px 0; }
  .indexPage .features-section { padding: 30px 10px 10px 10px; }
  .indexPage .flip-card { height: 160px; margin: 5px auto; width: 280px; }
  .contactPage .form-input { font-size: 1rem; line-height: 1.5rem; }
  .servicesPage .grid-row { flex-direction: column; }
  .offeringsPage .grid-row { flex-direction: column; }
  .indexPage .hamburger { display: block; }
  .servicesPage .hamburger { display: block; }
  .offeringsPage .hamburger { display: block; }
  .contactPage .hamburger { display: block; }
  .servicesPage .heading { font-size: 2rem; }
  .offeringsPage .heading { font-size: 2rem; }
  .contactPage .heading { font-size: 2.5rem; }
  .indexPage .hero-section { padding: 40px 10px; }
  .offeringsPage .icon { height: auto; max-width: 100%; width: 100%; }
  .contactPage .icon { height: auto; max-width: 100%; width: 100%; }
  .servicesPage .image { height: 250px; width: 250px; }
  .offeringsPage .image { height: auto; max-width: 100%; width: 100%; }
  .contactPage .image { height: auto; max-width: 100%; width: 100%; }
  .offeringsPage .intro-title { text-align: center; }
  .indexPage .link-box { margin-right: auto; }
  .servicesPage .link-box { margin-right: auto; }
  .offeringsPage .link-box { margin-right: auto; }
  .contactPage .link-box { margin-right: auto; }
  .indexPage .offer-image-box { display: flex; flex: 1 1; flex-wrap: wrap; justify-content: center; }
  .indexPage .offer-section { padding: 30px 0; }
  .indexPage .offer-text { flex: 1 1 auto; padding: 10px; }
  .offeringsPage .offerings-img { display: flex; justify-content: center; }
  .contactPage .row { flex-direction: column; }
  .indexPage .service-items { display: block; gap: 10px 20px; }
  .indexPage .services-header h2 { padding-bottom: 5px; }
  .indexPage .services-header h3 { font-size: 2rem; text-align: center; }
  .indexPage .services-section { padding: 30px 10px; }
  .indexPage .services-section .heading { font-size: 1.4em; text-align: center; }
  .contactPage .social-links { gap: 1em; justify-content: center; margin-top: 1rem; }
  .contactPage .submit-button { font-size: 1rem; padding: 8px 12px; }
  .indexPage .testimonial-item { background-color: rgba(247, 247, 247, 0.23); border: 3px solid rgba(0, 0, 0, 0.06); border-radius: 5px; box-sizing: border-box; min-width: 100%; padding: 15px; position: relative; transition: filter 0.5s; }
  .indexPage .testimonial-item .text-main-content { font-size: 1em; }
  .indexPage .testimonial-list { display: flex; margin: auto; position: relative; transition: transform 0.5sease-in-out; width: 95%; }
  .indexPage .testimonial-slider { height: auto; }
  .indexPage .testimonials-section { padding: 20px 10px; }
  .contactPage .text-content { font-size: 1rem; line-height: 1.5rem; }
  .servicesPage .text-main-content { font-size: 1rem; line-height: 1.5rem; padding: 10px 20px 10px 20px; text-align: justify; }
  .offeringsPage .text-main-content { font-size: 1rem; line-height: 1.5rem; padding: 10px 20px; }
  .contactPage .wrapper { padding: 0 10px; }
}
@media (max-width: 992px) {
  .aboutUsPage #aboutus .heading { font-size: 2.5rem; }
  .aboutUsPage #introduction .text-content { text-align: justify; }
  .aboutUsPage #introduction .wrapper { flex-direction: column; }
  .aboutUsPage #logo_nav { content: url("../images/Logo Graphic For Light Backgrounds.svg"); height: 40px; width: 60px; }
  .aboutUsPage #main-nav { display: none; }
  .aboutUsPage #main-nav.active { background-color: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; gap: 10px; left: 0; opacity: 1; padding: 10px 0; position: absolute; top: 70px; transform: translatey(0); visibility: visible; width: 100%; z-index: 999; }
  .aboutUsPage #page-header .container { align-items: center; display: flex; justify-content: flex-end; }
  .aboutUsPage #why-choose-us .row .heading { font-size: 2.5rem; }
  .aboutUsPage #why-choose-us .text-content { text-align: justify; }
  .aboutUsPage .hamburger { display: block; }
  .aboutUsPage .heading { font-size: 2.5rem; }
  .aboutUsPage .icon { height: auto; max-width: 100%; width: 100%; }
  .aboutUsPage .image { height: auto; max-width: 100%; width: 100%; }
  .aboutUsPage .link-box { margin-right: auto; }
  .aboutUsPage .row { flex-direction: column; }
  .aboutUsPage .text-content { font-size: 1rem; line-height: 1.5rem; padding: 10px 20px; }
  .aboutUsPage .wrapper { padding: 0 10px; }
}