html {
    scroll-behavior: smooth;
    }

    :root{
    --nav-h: 80px;        /* desktop header height */
    }

    @media (max-width: 768px){
    :root{
        --nav-h: 72px;      /* mobile header height (adjust if needed) */
    }
    }

    /* ✅ Offset content below fixed navbar */
    body{
    padding-top: var(--nav-h);
    }


    /* Watermark on screen for non-mobile devices */
    body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("static/images/Logo_3D.png");
    background-repeat: no-repeat;
    background-position: center center; /* 🔥 Center the image */
    background-size: 500px auto; /* adjust size */
    opacity: 0.04; /* adjust for watermark visibility */
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* makes it click-through */
    }

    /* Hide watermark on small screens (mobile) */
    @media (max-width: 767px) {
    body::before {
        display: none;
    }
    }

    /* Print watermark */
    @media print {
    body::before {
        display: block;
        content: "";
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url("static/images/Logo_3D.png");
        background-repeat: no-repeat;
        background-size: 300px auto;
        opacity: 0.08;
        z-index: -1; /* Make sure it doesn't hide content */
        pointer-events: none;
    }
    }

    /* Hero wrapper should NOT force a viewport height */
    .hero-banner{
    width: 100%;
    background: #fff;
    }

    /* Image shows fully, no cropping, height auto */
    .hero-banner img{
    width: 100%;
    height: auto;
    display: block;
    }



    /* Page wrapper should NOT force a viewport height */
    .page-banner{
    width: 100%;
    background: #fff;
    position: relative;
    }

    /* Image shows fully, no cropping, height auto */
    .page-banner img{
    width: 100%;
    height: auto;
    display: block;
    }

    /* .page-banner {
    position: relative;
    }

    .page-banner img {
    width: 100%;
    display: block;
    } */

    .page-banner-text {
    position: absolute;
    left: 20%;
    top: 10%;
    transform: translate(-50%, 0);
    text-align: center;
    color: #fff;
    width: auto;
    max-width: 1000px;

    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    padding: 20px 30px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    }

    .page-banner-text h1 {
    font-size: clamp(1.6rem, 5vw, 4.5rem);
    line-height: 1.1;
    margin: 0;
    }

    /* tablets */
    @media (max-width: 768px) {
    .page-banner-text {
        left: 32%;
        top: 8%;
        padding: 14px 20px;
        max-width: 70%;
    }

    .page-banner-text h1 {
        font-size: clamp(1.4rem, 7vw, 2.6rem);
    }
    }

    /* phones */
    @media (max-width: 480px) {
    .page-banner-text {
        left: 34%;
        top: 6%;
        padding: 10px 14px;
        max-width: 72%;
        border-radius: 8px;
    }

    .page-banner-text h1 {
        font-size: clamp(1.2rem, 8vw, 2rem);
        line-height: 1.15;
    }
    }



    .page-banner-text-para {
        width: 90%;
        max-width: 1000px;

        margin: -60px auto 50px auto;
        /*      ↑ pulls box upward onto image */

        text-align: center;
        color: #fff;

        background: rgb(1, 65, 150);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);

        padding: 20px 30px;
        border-radius: 12px;

        border: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);

        position: relative;
        z-index: 10;
    }




    .page-banner-text h1 {
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1.1;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    }

    .page-banner-text p {
    margin-top: 1rem;
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.5;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    }

    /* Top-left title */
    .banner-title {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 2;
    }

    .banner-title h1 {
    color: white;
    font-size: 4rem;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
    }

    /* Paragraph below image */
    .banner-description {
    padding: 30px 40px;
    background: #f5f5f5;
    }

    .banner-description p {
    font-size: 1.2rem;
    line-height: 1.7;
    margin: 0;
    }


    @media (max-width: 768px) {
    h2.text-3xl {
        font-size: 1.75rem;
    }
    .grid {
        grid-template-columns: 1fr !important;
    }
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    }

    body {
    font-family: "Inter", sans-serif;
    background-color: #f3f4f6;
    }
    input:focus,
    textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
    border-color: #4299e1;
    }
    .form-input {
    transition: all 0.2s ease-in-out;
    }

    /* Industry Card Hover */
    .industry-card {
    transition: all 0.3s ease-in-out;
    transform: scale(1);
    opacity: 1;
    }
    .industry-card.minimized {
    transform: scale(0.85);
    opacity: 0.6;
    }
    .industry-card.expanded {
    transform: scale(1.1);
    z-index: 10;
    }
    .industry-content {
    display: none;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    }
    .industry-card.expanded .industry-content {
    display: block;
    }

    /* ✅ Infinite Logo Scroller */
    .logo-slider {
    display: flex;
    gap: 3rem;
    animation: scroll-loop 25s linear infinite;
    width: max-content;
    }
    @keyframes scroll-loop {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
    }
    .logo-slider-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    }

    /* ✅ Testimonial Carousel */
    .testimonial-carousel {
    position: relative;
    overflow: hidden;
    }
    .testimonial-track {
    display: flex;
    will-change: transform;
    transition: transform 0.4s ease-in-out;
    }
    .testimonial-card {
    min-width: 100%;
    padding: 2rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    flex-shrink: 0;
    }
    .testimonial-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    padding: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    }
    .testimonial-nav.left {
    left: 1rem;
    }
    .testimonial-nav.right {
    right: 1rem;
    }

    /* ✅ Floating Social Buttons */
    /* ✅ Floating Social Buttons - always above everything */
    .floating-socials {
    position: fixed;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    z-index: 9999; /* ✅ High value to override new stacking contexts */
    pointer-events: auto; /* ensures icons are clickable */
    }

    .floating-socials a {
    background: transparent;
    border-radius: 50%;
    padding: 0.6rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    }
    .floating-socials a:hover {
    transform: scale(1.1);
    }

    /* ✅ Mobile-friendly floating icons */
    @media (max-width: 768px) {
    .floating-socials {
        top: auto;
        bottom: 1rem;
        right: 50%;
        transform: translateX(50%);
        flex-direction: row;
        background: rgba(255, 255, 255, 0.9);
        padding: 0.5rem 1rem;
        border-radius: 2rem;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    }


    /* --- Testimonial: mobile fixes --- */
    @media (max-width: 640px) {
    /* Ensure each slide is exactly one viewport wide */
    .testimonial-card {
        flex: 0 0 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 !important; /* avoid accidental right shift */
        padding: 1rem 1rem 1.25rem;
        text-align: left;
    }

    /* Kill any nowrap that might be set on track/children */
    .testimonial-track,
    .testimonial-card,
    .testimonial-card * {
        white-space: normal !important;
    }

    /* Strong wrap rules for long words/URLs/names */
    .testimonial-text,                 /* rename to your text block if different */
    .testimonial-card p,
    .testimonial-card blockquote {
        overflow-wrap: anywhere; /* modern wrap */
        word-break: break-word; /* legacy safety */
        hyphens: auto; /* nicer hyphenation when available */
        line-height: 1.5;
        font-size: 0.95rem;
    }

    /* Eliminate layout creep from gaps/spacing */
    .testimonial-track {
        gap: 0 !important;
    }
    .testimonial-carousel {
        overflow: hidden;
    }
    }

    /* CSS for Explore Programs */
    .sr {
    position: absolute;
    left: -9999px;
    }
    .chip {
    display: inline-flex; /* inline-flex */
    align-items: center; /* items-center */
    padding: 0.25rem 0.75rem; /* px-3 py-1 → 0.25rem top/bottom, 0.75rem left/right */
    border-radius: 9999px; /* rounded-full */
    font-size: 0.75rem; /* text-xs */
    font-weight: 600; /* font-semibold */
    background-color: #5d92fc; /* bg-gray-100 */
    /*color: #374151;                /* text-gray-700 */
    color: whitesmoke;
    border: 1px solid #e5e7eb; /* border border-gray-200 */
    }

    .chip.blue-1 {
    background-color: rgb(143, 186, 255);
    } /* light */
    .chip.blue-2 {
    background-color: rgb(90, 145, 250);
    } /* base */
    .chip.blue-3 {
    background-color: rgb(50, 105, 220);
    } /* darker */
    .chip.blue-4 {
    background-color: rgb(25, 75, 180);
    } /* darkest */

    #clearSearch {
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s ease;
    }

    /* simple fade animation */
    .fade-in {
    animation: fadeIn 1s ease-in-out;
    }
    @keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
    }

    /* Automotive page custom additions */

    .automotive-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .automotive-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    /* Better bullet readability for long content sections */
    #automotive ul li {
    margin-bottom: 0.35rem;
    }

    /* Optional: improve hero text readability on smaller screens */
    @media (max-width: 640px) {
    #automotive h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }
    }

    /* Aerospace page custom additions */

    .aerospace-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .aerospace-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #aerospace ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 640px) {
    #aerospace h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #aerospace h3 {
        font-size: 1.15rem;
    }
    }

    /* Rail page custom additions */

    .rail-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .rail-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #rail ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 640px) {
    #rail h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #rail h3 {
        font-size: 1.15rem;
    }
    }

    /* Home Appliances page custom additions */

    .home-appliances-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .home-appliances-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #home-appliances ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 640px) {
    #home-appliances h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #home-appliances h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Medical page custom additions */

    .medical-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .medical-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #medical ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 640px) {
    #medical h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #medical h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Special Purpose Machine Design page custom additions */

    .spm-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .spm-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #spm-design ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .spm-gallery img {
        height: 420px;
    }
    }

    @media (max-width: 640px) {
    .spm-gallery img {
        height: 320px;
    }

    #spm-design h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #spm-design h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* MEP page custom additions */

    .mep-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .mep-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #mep-page ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .mep-gallery img {
        height: 360px;
    }
    }

    @media (max-width: 640px) {
    .mep-gallery img {
        height: 280px;
    }

    #mep-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #mep-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Structural Designing page custom additions */

    .structural-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .structural-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #structural-designing-page ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .structural-gallery img {
        height: 280px;
    }
    }

    @media (max-width: 640px) {
    .structural-gallery img {
        height: 220px;
    }

    #structural-designing-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #structural-designing-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Piping, Oil & Gas page custom additions */

    .piping-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .piping-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #piping-oil-gas-page ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .piping-gallery img {
        height: 220px;
    }
    }

    @media (max-width: 640px) {
    .piping-gallery img {
        height: 200px;
    }

    #piping-oil-gas-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #piping-oil-gas-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Piping Layout page custom additions */

    .piping-layout-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .piping-layout-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #piping-layout-page ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .piping-layout-gallery img {
        height: 320px;
    }
    }

    @media (max-width: 640px) {
    .piping-layout-gallery img {
        height: 240px;
    }

    #piping-layout-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #piping-layout-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Electrical Design page custom additions */

    .electrical-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .electrical-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #electrical-design-page ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .electrical-gallery img {
        height: 420px;
    }
    }

    @media (max-width: 640px) {
    .electrical-gallery img {
        height: 280px;
    }

    #electrical-design-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #electrical-design-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Injection Mold Design page custom additions */

    .injection-mold-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .injection-mold-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    #injection-mold-design-page ul li {
    margin-bottom: 0.35rem;
    }

    @media (max-width: 1024px) {
    .injection-mold-gallery img {
        height: 220px;
    }
    }

    @media (max-width: 640px) {
    .injection-mold-gallery img {
        height: 180px;
    }

    .page-banner-text {
        width: 94%;
        padding: 14px 16px;
        border-radius: 10px;
    }

    #injection-mold-design-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #injection-mold-design-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Jigs and Fixture Design page custom additions */

    #jigs-fixture-page ul li {
    margin-bottom: 0.35rem;
    }

    .jigs-gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    align-items: start;
    }

    .jigs-gallery-grid img {
    width: 100%;
    display: block;
    border-radius: 16px;
    background: #f3f4f6;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .jigs-gallery-grid img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    /* Top row */
    .jigs-gallery-grid img:nth-child(1) {
    grid-column: span 6;
    height: 360px;
    object-fit: cover;
    }

    .jigs-gallery-grid img:nth-child(2) {
    grid-column: span 6;
    height: 360px;
    object-fit: cover;
    }

    /* Bottom row */
    .jigs-gallery-grid img:nth-child(3) {
    grid-column: span 4;
    height: 280px;
    object-fit: contain;
    padding: 8px;
    }

    .jigs-gallery-grid img:nth-child(4) {
    grid-column: span 4;
    height: 280px;
    object-fit: contain;
    padding: 8px;
    }

    .jigs-gallery-grid img:nth-child(5) {
    grid-column: span 4;
    height: 280px;
    object-fit: cover;
    }

    @media (max-width: 1024px) {
    .jigs-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .jigs-gallery-grid img:nth-child(1),
    .jigs-gallery-grid img:nth-child(2),
    .jigs-gallery-grid img:nth-child(3),
    .jigs-gallery-grid img:nth-child(4),
    .jigs-gallery-grid img:nth-child(5) {
        grid-column: auto;
        height: 260px;
    }
    }

    @media (max-width: 640px) {
    .jigs-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .jigs-gallery-grid img:nth-child(1),
    .jigs-gallery-grid img:nth-child(2),
    .jigs-gallery-grid img:nth-child(3),
    .jigs-gallery-grid img:nth-child(4),
    .jigs-gallery-grid img:nth-child(5) {
        height: 220px;
    }

    #jigs-fixture-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #jigs-fixture-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Progressive Tool Design page custom additions */

    #progressive-tool-page ul li {
    margin-bottom: 0.35rem;
    }

    .progressive-tool-gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    align-items: start;
    }

    .progressive-tool-gallery-grid img {
    width: 100%;
    display: block;
    border-radius: 16px;
    background: #f3f4f6;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .progressive-tool-gallery-grid img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    /* Top row */
    .progressive-tool-gallery-grid img:nth-child(1) {
    grid-column: span 2;
    height: 180px;
    object-fit: contain;
    padding: 8px;
    }

    .progressive-tool-gallery-grid img:nth-child(2) {
    grid-column: span 5;
    height: 320px;
    object-fit: contain;
    padding: 8px;
    }

    .progressive-tool-gallery-grid img:nth-child(3) {
    grid-column: span 5;
    height: 320px;
    object-fit: contain;
    padding: 8px;
    }

    /* Bottom row */
    .progressive-tool-gallery-grid img:nth-child(4) {
    grid-column: span 6;
    height: 320px;
    object-fit: contain;
    padding: 8px;
    }

    .progressive-tool-gallery-grid img:nth-child(5) {
    grid-column: span 6;
    height: 320px;
    object-fit: contain;
    padding: 8px;
    }

    @media (max-width: 1024px) {
    .progressive-tool-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .progressive-tool-gallery-grid img:nth-child(1),
    .progressive-tool-gallery-grid img:nth-child(2),
    .progressive-tool-gallery-grid img:nth-child(3),
    .progressive-tool-gallery-grid img:nth-child(4),
    .progressive-tool-gallery-grid img:nth-child(5) {
        grid-column: auto;
        height: 240px;
    }
    }

    @media (max-width: 640px) {
    .progressive-tool-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .progressive-tool-gallery-grid img:nth-child(1),
    .progressive-tool-gallery-grid img:nth-child(2),
    .progressive-tool-gallery-grid img:nth-child(3),
    .progressive-tool-gallery-grid img:nth-child(4),
    .progressive-tool-gallery-grid img:nth-child(5) {
        height: 220px;
    }

    #progressive-tool-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #progressive-tool-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Instrumentation Control System page custom additions */

    #instrumentation-control-page ul li {
    margin-bottom: 0.35rem;
    }

    .instrumentation-gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    align-items: start;
    }

    .instrumentation-gallery-grid img {
    width: 100%;
    display: block;
    border-radius: 16px;
    background: #f3f4f6;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .instrumentation-gallery-grid img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    /* Top row */
    .instrumentation-gallery-grid img:nth-child(1) {
    grid-column: span 4;
    height: 260px;
    object-fit: cover;
    }

    .instrumentation-gallery-grid img:nth-child(2) {
    grid-column: span 4;
    height: 260px;
    object-fit: cover;
    }

    .instrumentation-gallery-grid img:nth-child(3) {
    grid-column: span 4;
    height: 260px;
    object-fit: cover;
    }

    /* Bottom row */
    .instrumentation-gallery-grid img:nth-child(4) {
    grid-column: span 3;
    height: 220px;
    object-fit: contain;
    padding: 8px;
    }

    .instrumentation-gallery-grid img:nth-child(5) {
    grid-column: span 3;
    height: 220px;
    object-fit: contain;
    padding: 8px;
    }

    .instrumentation-gallery-grid img:nth-child(6) {
    grid-column: span 3;
    height: 220px;
    object-fit: contain;
    padding: 8px;
    }

    .instrumentation-gallery-grid img:nth-child(7) {
    grid-column: span 3;
    height: 220px;
    object-fit: contain;
    padding: 8px;
    }

    @media (max-width: 1024px) {
    .instrumentation-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .instrumentation-gallery-grid img:nth-child(1),
    .instrumentation-gallery-grid img:nth-child(2),
    .instrumentation-gallery-grid img:nth-child(3),
    .instrumentation-gallery-grid img:nth-child(4),
    .instrumentation-gallery-grid img:nth-child(5),
    .instrumentation-gallery-grid img:nth-child(6),
    .instrumentation-gallery-grid img:nth-child(7) {
        grid-column: auto;
        height: 220px;
    }
    }

    @media (max-width: 640px) {
    .instrumentation-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .instrumentation-gallery-grid img:nth-child(1),
    .instrumentation-gallery-grid img:nth-child(2),
    .instrumentation-gallery-grid img:nth-child(3),
    .instrumentation-gallery-grid img:nth-child(4),
    .instrumentation-gallery-grid img:nth-child(5),
    .instrumentation-gallery-grid img:nth-child(6),
    .instrumentation-gallery-grid img:nth-child(7) {
        height: 200px;
    }

    #instrumentation-control-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #instrumentation-control-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* PCB Design page custom additions */

    #pcb-design-page ul li {
    margin-bottom: 0.35rem;
    }

    .pcb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    align-items: start;
    }

    .pcb-gallery-grid img {
    width: 100%;
    display: block;
    border-radius: 16px;
    background: #f3f4f6;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .pcb-gallery-grid img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    /* Top row */
    .pcb-gallery-grid img:nth-child(1) {
    grid-column: span 4;
    height: 280px;
    object-fit: contain;
    padding: 8px;
    }

    .pcb-gallery-grid img:nth-child(2) {
    grid-column: span 4;
    height: 280px;
    object-fit: cover;
    }

    .pcb-gallery-grid img:nth-child(3) {
    grid-column: span 4;
    height: 280px;
    object-fit: contain;
    padding: 8px;
    }

    /* Bottom row */
    .pcb-gallery-grid img:nth-child(4) {
    grid-column: span 4;
    height: 260px;
    object-fit: contain;
    padding: 8px;
    }

    .pcb-gallery-grid img:nth-child(5) {
    grid-column: span 4;
    height: 260px;
    object-fit: cover;
    }

    .pcb-gallery-grid img:nth-child(6) {
    grid-column: span 4;
    height: 260px;
    object-fit: contain;
    padding: 8px;
    }

    @media (max-width: 1024px) {
    .pcb-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .pcb-gallery-grid img:nth-child(1),
    .pcb-gallery-grid img:nth-child(2),
    .pcb-gallery-grid img:nth-child(3),
    .pcb-gallery-grid img:nth-child(4),
    .pcb-gallery-grid img:nth-child(5),
    .pcb-gallery-grid img:nth-child(6) {
        grid-column: auto;
        height: 220px;
    }
    }

    @media (max-width: 640px) {
    .pcb-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pcb-gallery-grid img:nth-child(1),
    .pcb-gallery-grid img:nth-child(2),
    .pcb-gallery-grid img:nth-child(3),
    .pcb-gallery-grid img:nth-child(4),
    .pcb-gallery-grid img:nth-child(5),
    .pcb-gallery-grid img:nth-child(6) {
        height: 200px;
    }

    #pcb-design-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #pcb-design-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* CAD Customization page custom additions */

    #cad-customization-page ul li {
    margin-bottom: 0.35rem;
    }

    .cad-customization-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .cad-customization-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    @media (max-width: 1024px) {
    .cad-customization-gallery img {
        height: 220px;
    }
    }

    @media (max-width: 640px) {
    .cad-customization-gallery img {
        height: 180px;
    }

    #cad-customization-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #cad-customization-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* PLM Services page custom additions */

    #plm-services-page ul li {
    margin-bottom: 0.35rem;
    }

    .plm-services-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .plm-services-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    @media (max-width: 1024px) {
    .plm-services-gallery img {
        height: 260px;
    }
    }

    @media (max-width: 640px) {
    .plm-services-gallery img {
        height: 220px;
    }

    #plm-services-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #plm-services-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Embedded Systems Design page custom additions */

    #embedded-systems-page ul li {
    margin-bottom: 0.35rem;
    }

    .embedded-systems-gallery img {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .embedded-systems-gallery img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    @media (max-width: 1024px) {
    .embedded-systems-gallery img {
        height: 220px;
    }
    }

    @media (max-width: 640px) {
    .embedded-systems-gallery img {
        height: 180px;
    }

    #embedded-systems-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #embedded-systems-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Why Choose Us page custom additions */

    .why-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .why-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    }

    @media (max-width: 640px) {
    #why-choose-us-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #why-choose-us-page h3 {
        font-size: 1.15rem;
        line-height: 1.3;
    }
    }

    /* Services Offered page custom additions */

    .service-offered-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .service-offered-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    }

    #services-offered-page ul li {
    margin-bottom: 0.2rem;
    }

    @media (max-width: 640px) {
    #services-offered-page h2 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #services-offered-page h3 {
        font-size: 1.2rem;
        line-height: 1.3;
    }
    }

    #mobileExploreMenu {
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    }

    #exploreMenu {
    max-height: 80vh;
    overflow-y: auto;
    }

    #mobileMenu {
    height: 100vh;
    overflow-y: auto;
    }