/*
         * General styles and layout
         */
        :root {
            --primary-color: #6AB323; /* Hangcha brand blue */
            --secondary-color: #f7a01d; /* Orange accent color */
            --bg-color-light: #f9f9f9;
            --text-color-dark: #333;
            --text-color-light: #fff;
            --shadow: 0 4px 12px rgba(0,0,0,0.1);
            --border-radius: 10px;
        }

        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            color: var(--text-color-dark);
            background-color: var(--bg-color-light);
        }
        .bg-hangcha-green { background-color: #298c33; }
        .hover\:bg-hangcha-darkgreen:hover { background-color: #206d27; }
        .text-hangcha-green { color: #298c33; }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #f7f9fc;
            color: #333;
        }

        /* 整个表格的容器 */
.my-table-container {
  font-family: sans-serif;
  width: 100%;
  max-width: 800px;
  border-collapse: collapse;
}

/* 表格头部 */
.my-table-header {
  background-color: #2e8b57; /* 绿色背景 */
  color: white;
  font-weight: bold;
}

/* 表格数据行 */
.my-table-row:nth-child(odd) {
  background-color: #f2f2f2; /* 奇数行浅灰色背景 */
}

.my-table-row:nth-child(even) {
  background-color: #fff; /* 偶数行白色背景 */
}

#footer .foot-bottom a.foothangcha{
    font-size: 16px;
        margin: 0 5px;
    text-overflow: ellipsis;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 300px;
}


/* 表格的单元格 */
.my-table-cell {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}
          .main-header {
            background-color: white;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            padding: 1rem 0;
        }

        .main-nav {
            display: none;
            gap: 1.5rem;
        }
        
        .nav-link {
            color: var(--gray-600);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .nav-link:hover {
            color: var(--hangcha-green);
        }

        .contact-btn {
            color: white;
            background-color: var(--hangcha-green);
            padding: 0.5rem 1rem;
            border-radius: 9999px;
            transition: background-color 0.3s ease;
        }

        .contact-btn:hover {
            background-color: var(--hangcha-darkgreen);
        }

        .mobile-menu-btn {
            display: block;
        }

        /* Hero Section */
        .hero-section {
            background-size: cover;
            background-position: center;
            color: white;
            padding: 6rem 0;
            text-align: center;
        }

        .hero-heading {
            font-size: 2.25rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .hero-subheading {
            font-size: 1.25rem;
            margin-bottom: 2rem;
        }
        
        .explore-btn {
            background-color: var(--hangcha-green);
            padding: 1rem 2rem;
            border-radius: 9999px;
            font-size: 1.125rem;
            font-weight: 700;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }
        
        .explore-btn:hover {
            background-color: var(--hangcha-darkgreen);
        }

        /* All Sections */
        .section-padding {
            padding: 4rem 0;
        }
        .section-title15 {
            color: #1a202c;
            font-weight: 700;
            position: relative;
            padding-bottom: 0.5rem;
            margin-bottom: 2rem;
        }
        .section-title15::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 50px;
            height: 4px;
            background-color: #298c33;
            border-radius: 2px;
        }
        .card {
            background-color: white;
            border-radius: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 2rem;
        }
        .faq-item {
            border-bottom: 1px solid #e2e8f0;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
        }
        .faq-question {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
        }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
            padding-top: 0;
            margin-top: 0.5rem;
            color: #666;
        }
        .faq-answer.open {
            max-height: 500px; /* Adjust as needed */
            padding-top: 1rem;
        }
        .rotate-icon {
            transform: rotate(0deg);
            transition: transform 0.3s ease-in-out;
        }
        .rotate-icon.rotate {
            transform: rotate(180deg);
        }

        .hc-pt-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .hc-pt-section-title {
            text-align: center;
            font-size: 2.5em;
            color: var(--primary-color);
            margin-bottom: 40px;
            position: relative;
        }

        .hc-pt-section-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 4px;
            background-color: var(--secondary-color);
            margin: 10px auto 0;
        }

        /*
         * Hero Section - Brand focus
         */
        .hc-pt-hero-section {
            background: url('https://via.placeholder.com/1600x600/004d99/ffffff?text=Hangcha+The+Brand+of+Trust') no-repeat center center/cover;
            color: var(--text-color-light);
            text-align: center;
            padding: 100px 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            border-radius: var(--border-radius);
            margin-bottom: 40px;
        }

        .hc-pt-hero-content h1 {
            font-size: 3.5em;
            margin: 0;
        }

        .hc-pt-hero-content p {
            font-size: 1.5em;
            margin-top: 10px;
        }

        /*
         * Category Cards Section
         */
        .hc-pt-categories-section {
            margin-top: 60px;
        }

        .hc-pt-category-grid {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }

        .hc-pt-category-card {
            background-color: var(--text-color-light);
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            flex: 1 1 45%;
            max-width: 500px;
            display: flex;
            flex-direction: column;
        }

        .hc-pt-category-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        .hc-pt-category-card img {
            width: 100%;
            height: auto;
            display: block;
        }

        .hc-pt-card-content {
            padding: 25px;
        }

        .hc-pt-card-content h4 {
            font-size: 1.5em;
            color: var(--primary-color);
            margin-top: 0;
        }

        .hc-pt-btn-link {
            display: inline-block;
            color: var(--primary-color);
            text-decoration: none;
            font-weight: bold;
            margin-top: 15px;
            transition: color 0.3s ease;
        }

        .hc-pt-btn-link:hover {
            color: var(--secondary-color);
        }
        
        /*
         * Why Choose Us Section
         */
        .hc-pt-why-choose-us-section {
            margin-top: 60px;
            background-color: #eaf2f8; /* Light blue background */
            padding: 40px 20px;
        }

        .hc-pt-why-choose-us-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .hc-pt-why-choose-us-item {
            background-color: var(--text-color-light);
            padding: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            transition: transform 0.3s ease;
        }

        .hc-pt-why-choose-us-item:hover {
            transform: scale(1.05);
        }

        .hc-pt-why-choose-us-item .hc-pt-icon {
            font-size: 3em;
            color: var(--secondary-color);
            margin-bottom: 15px;
        }

        /*
         * Quality and Service Section
         */
        .hc-pt-quality-service-section {
            margin-top: 60px;
            display: flex;
            align-items: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        .hc-pt-quality-service-content {
            flex: 1;
            min-width: 300px;
        }

        .hc-pt-quality-service-content h3 {
            font-size: 2em;
            color: var(--primary-color);
        }

        .hc-pt-quality-service-content p {
            font-size: 1.1em;
            color: #555;
        }

        .hc-pt-quality-service-image {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }

        .hc-pt-quality-service-image img {
            max-width: 100%;
            height: auto;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
        }

        /*
         * Product showcase section
         */
        .hc-pt-product-lineup-section {
            margin-top: 60px;
        }

        .hc-pt-product-card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }

        .hc-pt-product-card {
            background-color: var(--text-color-light);
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            overflow: hidden;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .hc-pt-product-card:hover {
            transform: translateY(-5px);
        }

        .hc-pt-product-card img {
            width: 100%;
            height: auto;
            border-bottom: 1px solid #eee;
        }

        .hc-pt-product-card-content {
            padding: 20px;
        }

        .hc-pt-product-card h4 {
            margin-top: 0;
            color: var(--primary-color);
        }

        .hc-pt-product-card p {
            font-size: 0.9em;
            color: #666;
        }
        
        /*
         * Testimonials Section
         */
        .hc-pt-testimonials-section {
            margin-top: 60px;
            background-color: #eaf2f8;
            padding: 40px 20px;
        }

        .hc-pt-testimonial-card {
            background-color: var(--text-color-light);
            padding: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            margin: 0 auto;
            max-width: 800px;
            text-align: center;
        }

        .hc-pt-testimonial-quote {
            font-size: 1.2em;
            font-style: italic;
            color: #555;
            margin-bottom: 20px;
        }

        .hc-pt-testimonial-author {
            font-weight: bold;
            color: var(--primary-color);
        }
        
        /*
         * Call to Action Section
         */
        .hc-pt-contact-section {
            margin-top: 60px;
            text-align: center;
            padding: 40px 20px;
            background-color: var(--primary-color);
            color: var(--text-color-light);
            border-radius: var(--border-radius);
        }

        .hc-pt-contact-section h3 {
            font-size: 2em;
            margin-bottom: 10px;
        }

        .hc-pt-contact-btn {
            display: inline-block;
            background-color: var(--secondary-color);
            color: var(--text-color-light);
            padding: 15px 40px;
            text-decoration: none;
            font-size: 1.2em;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s ease, transform 0.3s ease;
            margin-top: 20px;
        }

        .hc-pt-contact-btn:hover {
            background-color: #d88a18;
            transform: scale(1.05);
        }

        /*
         * FAQ Section
         */
        .hc-pt-faq-section {
            margin-top: 60px;
            padding-bottom: 40px;
        }

        .hc-pt-faq-item {
            background-color: var(--text-color-light);
            border-radius: var(--border-radius);
            margin-bottom: 15px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            overflow: hidden;
        }

        .hc-pt-faq-question {
            padding: 20px;
            margin: 0;
            font-size: 1.2em;
            cursor: pointer;
            position: relative;
            user-select: none;
            color: var(--primary-color);
            transition: background-color 0.3s ease;
        }
        
        .hc-pt-faq-question:hover {
            background-color: #f0f0f0;
        }

        .hc-pt-faq-question::after {
            content: '+';
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 1.5em;
            color: var(--secondary-color);
            transition: transform 0.3s ease;
        }

        .hc-pt-faq-question.active::after {
            transform: translateY(-50%) rotate(45deg);
        }

        .hc-pt-faq-answer {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease-out;
        }
        
        .hc-pt-faq-answer.show {
            max-height: 200px; /* Adjust as needed */
            padding: 20px;
        }

        /*
         * Responsive design
         */
        
	
	
	
	
	
	

        body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            color: var(--text-color-dark);
            background-color: var(--bg-color-light);
        }

        .hc-hpt-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .hc-hpt-section-title {
            text-align: center;
            font-size: 2.5em;
            color: var(--primary-color);
            margin-bottom: 40px;
            position: relative;
        }

        .hc-hpt-section-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 4px;
            background-color: var(--secondary-color);
            margin: 10px auto 0;
        }

        /* Hero Section */
        .hc-hpt-hero-section {
            background: url('https://via.placeholder.com/1600x600/004d99/ffffff?text=Hangcha+Hand+Pallet+Truck') no-repeat center center/cover;
            color: var(--text-color-light);
            text-align: center;
            padding: 100px 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            border-radius: var(--border-radius);
            margin-bottom: 40px;
        }
        
        .hc-hpt-hero-content h1 {
            font-size: 3.5em;
            margin: 0;
        }

        .hc-hpt-hero-content p {
            font-size: 1.5em;
            margin-top: 10px;
        }

        /* Key Features Section */
        .hc-hpt-features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .hc-hpt-feature-item {
            background-color: var(--text-color-light);
            padding: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            transition: transform 0.3s ease;
        }

        .hc-hpt-feature-item:hover {
            transform: translateY(-5px);
        }

        .hc-hpt-feature-icon {
            font-size: 3em;
            color: var(--secondary-color);
            margin-bottom: 15px;
        }
        
        /* Product Details Section */
        .hc-hpt-product-details {
            margin-top: 60px;
            display: flex;
            align-items: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        .hc-hpt-product-image {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }

        .hc-hpt-product-image img {
            max-width: 100%;
            height: auto;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
        }

        .hc-hpt-product-specs {
            flex: 1;
            min-width: 300px;
        }
        
        .hc-hpt-product-specs h3 {
            font-size: 2em;
            color: var(--primary-color);
        }

        .hc-hpt-spec-list {
            list-style: none;
            padding: 0;
        }
        
        .hc-hpt-spec-list li {
            background-color: var(--bg-color-light);
            padding: 15px;
            border-left: 4px solid var(--secondary-color);
            margin-bottom: 10px;
            border-radius: 5px;
        }

        /* Components Section */
        .hc-hpt-components-section {
            margin-top: 60px;
            background-color: #eaf2f8; /* Light blue background */
            padding: 40px 20px;
        }

        .hc-hpt-component-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
        }
        
        .hc-hpt-component-card {
            background-color: var(--text-color-light);
            padding: 20px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            text-align: center;
        }

        .hc-hpt-component-card h4 {
            color: var(--primary-color);
        }

        /* Call to Action Section */
        .hc-hpt-contact-section {
            margin-top: 60px;
            text-align: center;
            padding: 40px 20px;
            background-color: var(--primary-color);
            color: var(--text-color-light);
            border-radius: var(--border-radius);
        }

        .hc-hpt-contact-btn {
            display: inline-block;
            background-color: var(--secondary-color);
            color: var(--text-color-light);
            padding: 15px 40px;
            text-decoration: none;
            font-size: 1.2em;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s ease, transform 0.3s ease;
            margin-top: 20px;
        }

        .hc-hpt-contact-btn:hover {
            background-color: #d88a18;
            transform: scale(1.05);
        }


        .hc-ept-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .hc-ept-section-title {
            text-align: center;
            font-size: 2.5em;
            color: var(--primary-color);
            margin-bottom: 40px;
            position: relative;
        }

        .hc-ept-section-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 4px;
            background-color: var(--secondary-color);
            margin: 10px auto 0;
        }

        /* Hero Section */
        .hc-ept-hero-section {
            background: url('https://via.placeholder.com/1600x600/004d99/ffffff?text=Hangcha+Electric+Pallet+Truck') no-repeat center center/cover;
            color: var(--text-color-light);
            text-align: center;
            padding: 100px 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            border-radius: var(--border-radius);
            margin-bottom: 40px;
        }
        
        .hc-ept-hero-content h1 {
            font-size: 3.5em;
            margin: 0;
        }

        .hc-ept-hero-content p {
            font-size: 1.5em;
            margin-top: 10px;
        }

        /* Benefits & Features Grid */
        .hc-ept-benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .hc-ept-benefit-card {
            background-color: var(--text-color-light);
            padding: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            transition: transform 0.3s ease;
        }

        .hc-ept-benefit-card:hover {
            transform: translateY(-5px);
        }

        .hc-ept-benefit-icon {
            font-size: 3em;
            color: var(--secondary-color);
            margin-bottom: 15px;
        }
        
        /* Product Details Section */
        .hc-ept-product-details {
            margin-top: 60px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }

        .hc-ept-product-details-content {
            flex: 1;
            min-width: 300px;
        }

        .hc-ept-product-details-image {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }

        .hc-ept-product-details-image img {
            max-width: 100%;
            height: auto;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
        }

        .hc-ept-spec-list {
            list-style: none;
            padding: 0;
        }
        
        .hc-ept-spec-list li {
            background-color: var(--bg-color-light);
            padding: 15px;
            border-left: 4px solid var(--secondary-color);
            margin-bottom: 10px;
            border-radius: 5px;
        }
        
        /* Battery Technology Section */
        .hc-ept-battery-section {
            margin-top: 60px;
            background-color: #eaf2f8; /* Light blue background */
            padding: 40px 20px;
        }

        .hc-ept-battery-content {
            display: flex;
            align-items: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        .hc-ept-battery-content-text {
            flex: 1;
            min-width: 300px;
        }

        .hc-ept-battery-content-image {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }

        .hc-ept-battery-content-image img {
            max-width: 100%;
            height: auto;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
        }

        /* Ergonomics Section */
        .hc-ept-ergonomics-section {
            margin-top: 60px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }
        
        .hc-ept-ergonomics-image {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }

        .hc-ept-ergonomics-image img {
            max-width: 100%;
            height: auto;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
        }

        .hc-ept-ergonomics-content {
            flex: 1;
            min-width: 300px;
        }

        /* Call to Action Section */
        .hc-ept-contact-section {
            margin-top: 60px;
            text-align: center;
            padding: 40px 20px;
            background-color: var(--primary-color);
            color: var(--text-color-light);
            border-radius: var(--border-radius);
        }

        .hc-ept-contact-btn {
            display: inline-block;
            background-color: var(--secondary-color);
            color: var(--text-color-light);
            padding: 15px 40px;
            text-decoration: none;
            font-size: 1.2em;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s ease, transform 0.3s ease;
            margin-top: 20px;
        }

        .hc-ept-contact-btn:hover {
            background-color: #d88a18;
            transform: scale(1.05);
        }
        
        /* Responsive design */
        

        .container22 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 20px;
    }

    .section-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .section-header h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .section-header p {
        font-size: 18px;
        color: var(--secondary-color);
    }

    /* Why Choose Us Section */
    .why-choose-us-section {
        background-color: var(--white-color);
        padding: 50px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
    }

    .features-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
        text-align: center;
    }

    .feature-item {
        padding: 30px;
        background-color: var(--bg-color-light);
        border-radius: 10px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .feature-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    }

    .feature-item .icon {
        font-size: 48px;
        color: var(--hangcha-blue);
        margin-bottom: 15px;
    }

    .feature-item h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .feature-item p {
        color: #555;
    }

    /* Applications Section */
    .applications-section {
        margin-bottom: 60px;
    }

    .app-cards-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .app-card {
        position: relative;
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .app-card img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

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

    .app-overlay {
        
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        background: #fff;
        color: var(--white-color);
        transition: background 0.3s ease;
    }

   

    .app-overlay h3 {
        color: #5baa26;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .app-overlay p {
        font-size: 14px;
        color: #f7a01d;
    }

    /* Awards Section */
    .awards-section {
        background-color: var(--white-color);
        padding: 50px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
        text-align: center;
    }

    .awards-grid {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
    }

    .award-item {
        width: 150px;
        text-align: center;
    }

    .award-item img {
        width: 100px;
        height: auto;
        margin-bottom: 10px;
    }

    .award-item p {
        font-size: 14px;
        color: var(--secondary-color);
        font-weight: bold;
    }

    /* CTA Section */
    .cta-section {
        background-color: var(--hangcha-blue);
        color: var(--white-color);
        padding: 60px;
        text-align: center;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .cta-section h2 {
        color: var(--white-color);
        font-size: 32px;
        margin-bottom: 15px;
    }

    .cta-section p {
        font-size: 18px;
        max-width: 800px;
        margin: 0 auto 30px;
    }

    .cta-button {
        display: inline-block;
        padding: 15px 40px;
        background-color: #6ab323;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 50px;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .cta-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    h1, h2, h3 {
        color: var(--hangcha-blue);
        font-weight: 700;
        margin-top: 0;
    }

    /* General Section & Container Styling */
    .section-container {
        padding: 80px 20px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .section-heading {
        text-align: center;
        margin-bottom: 60px;
    }

    .section-heading h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .section-heading p {
        font-size: 18px;
        color: var(--secondary-color);
    }

    /* Individual Product Sections */
    .product-section {
        display: flex;
        flex-direction: row;
        gap: 50px;
        align-items: center;
        background-color: var(--white-color);
        border-radius: 12px;
        padding: 50px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
    }

    .product-section.right-aligned {
        flex-direction: row-reverse;
    }

    .product-image-container {
        flex: 1;
        min-height: 350px;
        border-radius: 8px;
        overflow: hidden;
        background-color: var(--hangcha-light-blue);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .product-image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .product-content {
        flex: 1;
        padding: 20px;
    }

    .product-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .product-content p {
        margin-bottom: 15px;
        color: #555;
    }

    .product-content ul {
        list-style: none;
        padding: 0;
        margin-top: 25px;
    }

    .product-content li {
        margin-bottom: 10px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .list-icon {
        color: var(--hangcha-blue);
        font-size: 20px;
    }

    .cta-button {
        display: inline-block;
        margin-top: 25px;
        padding: 12px 28px;
        background-color: var(--hangcha-blue);
        color: var(--white-color);
        text-decoration: none;
        font-weight: 600;
        border-radius: 50px;
        transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .cta-button:hover {
        background-color: #6ab323;
        transform: translateY(-2px);
        color: #fff;
    }

    /* Responsive Design */
    

      .manual-stacker-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 20px;
    }

    .section-header-ms {
        text-align: center;
     
    }

    .section-header-ms h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .section-header-ms p {
        font-size: 18px;
        color: var(--secondary-color);
    }

    /* Product Hero Section */
    .hero-ms-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        text-align: center;
        background-color: var(--white-color);
        padding: 60px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
    }

    .hero-ms-image {
        width: 100%;
        max-width: 800px;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .hero-ms-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Detailed Features Grid Section */
    .features-ms-section {
        margin-bottom: 60px;
    }

    .features-ms-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .feature-ms-item {
        background-color: var(--white-color);
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .feature-ms-item .icon {
        font-size: 40px;
        color: var(--hangcha-blue);
        margin-bottom: 15px;
    }

    .feature-ms-item h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .feature-ms-item p {
        color: #555;
    }

    /* Specifications Table Section */
    .specs-ms-section {
        margin-bottom: 60px;
    }
    
    .specs-table {
        width: 100%;
        border-collapse: collapse;
        background-color: var(--white-color);
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .specs-table th, .specs-table td {
        padding: 15px;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .specs-table th {
        background-color: var(--hangcha-blue);
        color: var(--white-color);
        font-weight: bold;
    }

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

    .specs-table tr:last-child td {
        border-bottom: none;
    }

    /* CTA Section */
    .cta-ms-section {
        background-color: var(--hangcha-blue);
        color: var(--white-color);
        padding: 60px;
        text-align: center;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .cta-ms-section h2 {
        color: var(--white-color);
        font-size: 32px;
        margin-bottom: 15px;
    }

    .cta-ms-section p {
        font-size: 18px;
        max-width: 800px;
        margin: 0 auto 30px;
    }

    .cta-ms-button {
        display: inline-block;
        padding: 15px 40px;
        background-color: #6ab323;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 50px;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .cta-ms-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }



.se-stacker-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 20px;
    }

    .section-header-se {
        text-align: center;
        
    }

    .section-header-se h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .section-header-se p {
        font-size: 18px;
        color: var(--secondary-color);
    }

    /* Product Hero Section */
    .hero-se-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        text-align: center;
        background-color: var(--white-color);
        padding: 60px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
    }

    .hero-se-image {
        width: 100%;
        max-width: 800px;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .hero-se-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Detailed Features Grid Section */
    .features-se-section {
        margin-bottom: 60px;
    }

    .features-se-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .feature-se-item {
        background-color: var(--white-color);
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .feature-se-item .icon {
        font-size: 40px;
        color: var(--hangcha-green);
        margin-bottom: 15px;
    }

    .feature-se-item h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .feature-se-item p {
        color: #555;
    }

    /* Specifications Table Section */
    .specs-se-section {
        margin-bottom: 60px;
    }

    .specs-table {
        width: 100%;
        border-collapse: collapse;
        background-color: var(--white-color);
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .specs-table th, .specs-table td {
        padding: 15px;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .specs-table th {
        background-color: var(--hangcha-green);
        color: var(--white-color);
        font-weight: bold;
    }

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

    .specs-table tr:last-child td {
        border-bottom: none;
    }

    /* CTA Section */
    .cta-se-section {
        background-color: var(--hangcha-green);
        color: var(--white-color);
        padding: 60px;
        text-align: center;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .cta-se-section h2 {
        color: var(--white-color);
        font-size: 32px;
        margin-bottom: 15px;
    }

    .cta-se-section p {
        font-size: 18px;
        max-width: 800px;
        margin: 0 auto 30px;
    }

    .cta-se-button {
        display: inline-block;
        padding: 15px 40px;
        background-color: #6ab323;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 50px;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .cta-se-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }


     .btn80 {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            background-color: var(--primary-color);
            color: var(--white);
            text-decoration: none;
            border-radius: 5px;
            font-weight: 600;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }

        .btn80:hover {
            background-color: var(--secondary-color);
            transform: translateY(-2px);
        }

        /* --- Section: About Us --- */
        .about-section80 {
            padding: 5rem 0;
            background-color: var(--light-bg);
        }

        .about-content80 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 2rem;
        }

        .about-text80 {
            flex: 1;
            min-width: 300px;
        }

        .about-text80 h3 {
            font-size: 2rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .about-text80 p {
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 1.5rem;
        }

        .about-image80 {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }

        .about-image80 img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        /* --- Section: Featured Products --- */
        .featured-section80 {
            padding: 5rem 0;
        }

        .product-grid80 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .product-card80 {
            background-color: var(--white);
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .product-card80:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .product-card80 img {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }

        .product-info80 {
            padding: 1.5rem;
        }

        .product-info80 h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--dark-bg);
            margin: 0 0 0.5rem;
        }

        .product-info80 p {
            font-size: 0.9rem;
            color: #777;
            margin-bottom: 1rem;
        }

        /* --- Section: Applications --- */
        .applications-section80 {
            padding: 5rem 0;
            background-color: var(--light-bg);
        }

        .application-grid80 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }

        .application-card80 {
            background-color: var(--white);
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            text-align: center;
        }

        .application-card80 img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

        .application-content80 {
            padding: 1.5rem;
        }

        .application-content80 h3 {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 0.5rem;
        }

        /* --- Section: Certifications --- */
        .certifications-section80 {
            padding: 5rem 0;
            text-align: center;
            background-color: var(--dark-bg);
            color: var(--white);
        }

        .certifications-section80 h2 {
            color: var(--white);
        }

        .cert-grid80 {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 3rem;
        }

        .cert-item80 {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 250px;
        }

        .cert-item80 img {
            height: 100px;
            width: auto;
            margin-bottom: 1rem;
        }

        .cert-item80 p {
            font-size: 1rem;
            line-height: 1.5;
            opacity: 0.8;
        }

        /* --- Section: FAQ Accordion --- */
        .faq-section80 {
            padding: 5rem 0;
            background-color: var(--light-bg);
        }

        .accordion80 {
            max-width: 800px;
            margin: 0 auto;
        }

        .accordion-item80 {
            margin-bottom: 1rem;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }

        .accordion-header80 {
            background-color: var(--white);
            color: var(--text-color);
            padding: 1.25rem 1.5rem;
            cursor: pointer;
            font-size: 1.1rem;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.2s ease;
        }

        .accordion-header80:hover {
            background-color: #f0f0f0;
        }

        .accordion-header80::after {
            content: '+';
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }

        .accordion-item80.active .accordion-header80::after {
            transform: rotate(45deg);
        }

        .accordion-content80 {
            padding: 0 1.5rem;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease-out;
            background-color: #fefefe;
        }

        .accordion-item80.active .accordion-content80 {
            max-height: 200px; /* Adjust based on content */
            padding: 1.5rem;
        }

        /* --- Section: Contact Form --- */
        .contact-section80 {
            padding: 5rem 0;
            background-color: var(--dark-bg);
            color: var(--white);
        }

        .contact-form-container80 {
            max-width: 600px;
            margin: 0 auto;
            text-align: center;
        }

        .contact-form-container80 h2 {
            color: var(--white);
        }

        .contact-form80 {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }

        .form-input80, .form-textarea80 {
            width: 100%;
            padding: 0.75rem;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
            font-family: var(--font-family);
        }

        .form-textarea80 {
            resize: vertical;
            min-height: 150px;
        }

        .form-submit80 {
            padding: 1rem 2rem;
            background-color: var(--primary-color);
            color: var(--white);
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1.1rem;
            font-weight: 600;
            transition: background-color 0.3s ease;
        }

        .form-submit80:hover {
            background-color: var(--secondary-color);
        }

        /* --- Section: Customer Support --- */
        .support-section80 {
            padding: 5rem 0;
            background-color: var(--white);
            text-align: center;
        }

        .support-grid80 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .support-card80 {
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            background-color: #fefefe;
            border: 1px solid #eee;
            transition: transform 0.3s ease;
        }
        
        .support-card80:hover {
            transform: translateY(-5px);
        }

        .support-card80 h3 {
            color: var(--primary-color);
            margin-top: 0;
        }

        .support-card80 p {
            font-size: 0.95rem;
            color: #666;
        }
 .btn60 {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            background-color: var(--primary-color);
            color: var(--white);
            text-decoration: none;
            border-radius: 5px;
            font-weight: 600;
            transition: background-color 0.3s ease, transform 0.2s ease;
            text-align: center;
        }

        .btn60:hover {
            background-color: var(--secondary-color);
            transform: translateY(-2px);
        }
        
        /* --- Hero Section --- */
        .hero-section60 {
            background-color: var(--light-bg);
            padding: 5rem 0;
            text-align: center;
        }
        
        .hero-section60 h1,.hero-section60 h2 {
            font-size: 3rem;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .hero-section60 p {
            font-size: 1.25rem;
            color: #666;
            max-width: 800px;
            margin: 0 auto 2rem;
        }
        
        .hero-image60 {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        /* --- Technical Specs Section --- */
        .specs-section60 {
            padding: 5rem 0;
            background-color: var(--white);
        }

        .specs-table60 {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
            border-collapse: collapse;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        }

        .specs-table60 th, .specs-table60 td {
            padding: 1.25rem;
            text-align: left;
            border-bottom: 1px solid #eee;
        }

        .specs-table60 th {
            background-color: var(--primary-color);
            color: var(--white);
            font-weight: 600;
        }

        .specs-table60 tr:nth-child(even) {
            background-color: var(--light-bg);
        }
        
        /* --- Key Features Section --- */
        .features-section60 {
            padding: 5rem 0;
            background-color: var(--dark-bg);
            color: var(--white);
        }

        .features-section60 h2 {
            color: var(--white);
        }

        .feature-grid60 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .feature-card60 {
            text-align: center;
            background-color: rgba(255, 255, 255, 0.05);
            padding: 2.5rem 1.5rem;
            border-radius: 10px;
            transition: background-color 0.3s ease;
        }

        .feature-card60:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .feature-card60 .icon {
            font-size: 3rem;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .feature-card60 h3 {
            color: var(--white);
            font-weight: 600;
        }

        .feature-card60 p {
           
        }
        
        /* --- Applications Section --- */
        .applications-section60 {
            padding: 5rem 0;
            background-color: var(--light-bg);
        }

        .application-grid60 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }

        .application-card60 {
            background-color: var(--white);
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            text-align: center;
        }

        .application-card60 img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

        .application-content60 {
            padding: 1.5rem;
        }

        .application-content60 h3 {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 0.5rem;
        }

        /* --- Certifications Section --- */
        .certifications-section60 {
            padding: 5rem 0;
            text-align: center;
            background-color: var(--dark-bg);
            color: var(--white);
        }

        .certifications-section60 h2 {
            color: var(--white);
        }

        .cert-grid60 {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 3rem;
        }

        .cert-item60 {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 250px;
        }

        .cert-item60 img {
            height: 100px;
            width: auto;
            margin-bottom: 1rem;
        }

        .cert-item60 p {
            font-size: 1rem;
            line-height: 1.5;
            opacity: 0.8;
        }
    
        /* --- Customer Support Section --- */
        .support-section60 {
            padding: 5rem 0;
            background-color: var(--white);
            text-align: center;
        }

        .support-grid60 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .support-card60 {
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            background-color: #fefefe;
            border: 1px solid #eee;
            transition: transform 0.3s ease;
        }
        
        .support-card60:hover {
            transform: translateY(-5px);
        }

        .support-card60 h3 {
            color: var(--primary-color);
            margin-top: 0;
        }

        .support-card60 p {
            font-size: 0.95rem;
            color: #666;
        }

        /* --- FAQ Accordion Section --- */
        .faq-section60 {
            padding: 5rem 0;
            background-color: var(--light-bg);
        }

        .accordion60 {
            max-width: 800px;
            margin: 0 auto;
        }

        .accordion-item60 {
            margin-bottom: 1rem;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }

        .accordion-header60 {
            background-color: var(--white);
            color: var(--text-color);
            padding: 1.25rem 1.5rem;
            cursor: pointer;
            font-size: 1.1rem;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.2s ease;
        }

        .accordion-header60:hover {
            background-color: #f0f0f0;
        }

        .accordion-header60::after {
            content: '+';
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }

        .accordion-item60.active .accordion-header60::after {
            transform: rotate(45deg);
        }

        .accordion-content60 {
            padding: 0 1.5rem;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease-out;
            background-color: #fefefe;
        }

        .accordion-item60.active .accordion-content60 {
            max-height: 200px; /* Adjust based on content */
            padding: 1.5rem;
        }

        /* --- Contact Form Section --- */
        .contact-section60 {
            padding: 5rem 0;
            background-color: var(--dark-bg);
            color: var(--white);
        }

        .contact-form-container60 {
            max-width: 600px;
            margin: 0 auto;
            text-align: center;
        }

        .contact-form-container60 h2 {
            color: var(--white);
        }

        .contact-form60 {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }

        .form-input60, .form-textarea60 {
            width: 100%;
            padding: 0.75rem;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
            font-family: var(--font-family);
        }

        .form-textarea60 {
            resize: vertical;
            min-height: 150px;
        }

        .form-submit60 {
            padding: 1rem 2rem;
            background-color: var(--primary-color);
            color: var(--white);
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1.1rem;
            font-weight: 600;
            transition: background-color 0.3s ease;
        }

        .form-submit60:hover {
            background-color: var(--secondary-color);
        }

.container60 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
        }
             .container40 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .section-title40 {
            font-size: 2.8em;
            color: #298c33;
            text-align: center;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .section-description40 {
            font-size: 1.2em;
            color: #666;
            text-align: center;
            margin-bottom: 60px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.6;
        }

        /* --- Product Specifications & Compatibility Section --- */
        .specifications40 {
            background-color: #f7f7f7;
            padding: 60px 20px;
        }
        
        .spec-table-container40 {
            overflow-x: auto;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .spec-table40 {
            width: 100%;
            border-collapse: collapse;
        }

        .spec-table40 th, .spec-table40 td {
            padding: 15px;
            border-bottom: 1px solid #ddd;
            text-align: left;
            font-size: 1em;
        }

        .spec-table40 th {
            background-color: #298c33;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .spec-table40 tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        .spec-table40 tr:hover {
            background-color: #e8e8e8;
        }

        .spec-table40 td:first-child {
            font-weight: bold;
            color: #444;
        }

        /* --- Safety & Compliance Section --- */
        .safety-compliance40 {
            background-color: #fff;
            padding: 60px 20px;
        }
        
        .safety-grid40 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .safety-item40 {
            background-color: #f0f8f0;
            padding: 30px;
            border-radius: 8px;
            transition: transform 0.3s ease;
        }

        .safety-item40:hover {
            transform: scale(1.05);
        }

        .safety-icon40 {
            width: 80px;
            height: 80px;
            margin-bottom: 20px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .safety-title40 {
            font-size: 1.5em;
            color: #298c33;
            margin-bottom: 15px;
            text-align: center;
        }

        .safety-text40 {
            color: #555;
            line-height: 1.6;
            text-align: center;
        }

        /* --- Customer Testimonials & Case Studies --- */
        .testimonials40 {
            background-color: #f0f8f0;
            padding: 60px 20px;
        }

        .testimonial-grid40 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 30px;
        }

        .testimonial-card40 {
            background-color: #fff;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            border-top: 4px solid #298c33;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .testimonial-text40 {
            font-style: italic;
            color: #444;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .testimonial-author40 {
            font-weight: bold;
            color: #298c33;
            margin-bottom: 5px;
            text-align: right;
        }

        .testimonial-company40 {
            color: #777;
            font-size: 0.9em;
            text-align: right;
        }

        .case-study-cta40 {
            margin-top: 40px;
            text-align: center;
        }

        .case-study-link40 {
            display: inline-block;
            padding: 12px 25px;
            background-color: #298c33;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            border-radius: 50px;
            transition: background-color 0.3s ease;
        }

        .case-study-link40:hover {
            background-color: #1a6423;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .section-title40 {
                font-size: 2em;
            }
            .why-choose-us-section,.cta-ms-section,.cta-se-section,.hero-es-section{
                padding: 20px;
            }
.specs-ms-section table tbody,.specs-table60 tbody,.specs-se-section table tbody,.specs-table-lift10 tbody,.spec-table40 tbody,.comparison-table-container40 tbody,.specs_table_container_40 tbody{
        min-width: initial!important;
    }
.testimonial-grid40{
    grid-template-columns: auto;
}
.hero-section60 h2,.hero-lift10 h2{
    font-size: 2rem;
}


            .product-section{
                padding: 20px;
            }
            .section-description40 {
                font-size: 1em;
            }
        }

        /* --- NEW: Total Cost of Ownership Section --- */
        .roi40 {
            background-color: #fff;
            padding: 60px 20px;
        }

        .roi-grid40 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .roi-item40 {
            background-color: #f0f8f0;
            padding: 30px;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        }

        .roi-item40 .roi-title40 {
            color: #298c33;
            font-size: 1.6em;
            margin-bottom: 10px;
        }

        .roi-item40 .roi-text40 {
            color: #555;
            line-height: 1.6;
        }

        /* --- NEW: Global Service & Support Section --- */
        .support40 {
            background-color: #f7f7f7;
            padding: 60px 20px;
        }

        .support-grid40 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .support-item40 {
            background-color: #fff;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            border-top: 4px solid #298c33;
        }

        .support-item40 .support-title40 {
            color: #298c33;
            font-size: 1.4em;
            margin-bottom: 10px;
        }

        .support-item40 .support-text40 {
            color: #666;
            line-height: 1.6;
        }

        /* --- NEW: Product Comparison Section --- */
        .comparison40 {
            background-color: #fff;
            padding: 60px 20px;
        }

        .comparison-table40 {
            width: 100%;
            border-collapse: collapse;
            margin-top: 40px;
        }

        .comparison-table40 th, .comparison-table40 td {
            padding: 20px;
            border: 1px solid #ddd;
            text-align: center;
        }

        .comparison-table40 thead th {
            background-color: #298c33;
            color: #fff;
            font-weight: bold;
            font-size: 1.2em;
        }

        .comparison-table40 tbody th {
            background-color: #f0f8f0;
            color: #333;
            font-weight: bold;
            text-align: left;
        }
        
        .comparison-table40 .tick40 {
            color: #298c33;
            font-size: 2em;
            font-weight: bold;
        }

        .comparison-table40 .cross40 {
            color: #ccc;
            font-size: 2em;
            font-weight: bold;
        }

        .section_heading_40 {
            font-size: 2.5em;
            color: #298c33;
            margin-bottom: 10px;
            text-align: center;
        }

        .section_subheading_40 {
            font-size: 1.1em;
            color: #666;
            margin-bottom: 40px;
            text-align: center;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Hero Section */
        .hero_section_40 {
            position: relative;
            height: 600px;
            background-image: url('https://canva.com/your-hangcha-image.jpg');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-align: center;
            overflow: hidden;
        }

        .hero_section_40::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(41, 140, 51, 0.7);
            z-index: 1;
        }

        .hero_content_40 {
            position: relative;
            z-index: 2;
            padding: 20px;
            max-width: 800px;
        }

        .hero_title_40 {
            font-size: 4em;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .hero_subtitle_40 {
            font-size: 1.5em;
            line-height: 1.4;
            margin-bottom: 30px;
        }

        .hero_btn_40 {
            display: inline-block;
            padding: 15px 40px;
            background-color: #fff;
            color: #298c33;
            text-decoration: none;
            font-weight: bold;
            border-radius: 50px;
            transition: background-color 0.3s, color 0.3s;
        }

        .hero_btn_40:hover {
            background-color: #298c33;
            color: #fff;
            border: 2px solid #fff;
        }

        /* Product Showcase Grid */
        .products_grid_40 {
            display: flex;
            justify-content: center;
            gap: 30px;
            padding: 50px;
            background-color: #fff;
        }

        .product_card_40 {
            position: relative;
            width: 45%;
            min-height: 400px;
            background-size: cover;
            background-position: center;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s ease;
        }

        .product_card_40:hover {
            transform: translateY(-10px);
        }

        .product_card_40.electric_40 {
            background-image: url('https://canva.com/your-electric-image.jpg');
        }

        .product_card_40.diesel_40 {
            background-image: url('https://canva.com/your-diesel-image.jpg');
        }

        .product_overlay_40 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(41, 140, 51, 0.75);
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 30px;
            box-sizing: border-box;
            transition: background-color 0.3s ease;
        }

        .product_card_40:hover .product_overlay_40 {
            background-color: rgba(41, 140, 51, 0.9);
        }

        .product_title_40 {
            font-size: 2em;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .product_desc_40 {
            font-size: 1.1em;
            margin-bottom: 20px;
            opacity: 0.8;
        }

        .product_link_40 {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            border-bottom: 2px solid #fff;
            padding-bottom: 5px;
            transition: border-color 0.3s;
        }

        .product_link_40:hover {
            border-color: #298c33;
        }

        @media (max-width: 768px) {
            .products_grid_40 {
                flex-direction: column;
                align-items: center;
            }
            .product_card_40 {
                width: 90%;
                margin-bottom: 20px;
            }
        }

        /* Features & Benefits Section */
        .features_section_40 {
            padding: 80px 20px;
            text-align: center;
            background-color: #f9f9f9;
        }

        .features_container_40 {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        .feature_item_40 {
            max-width: 300px;
            text-align: center;
            padding: 20px;
        }

        .feature_icon_40 {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            background-color: #298c33;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* New styling for text icons */
        .text_icon_40 {
            font-size: 2em;
            color: #fff;
        }

        .feature_title_40 {
            font-size: 1.5em;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .feature_text_40 {
            font-size: 1em;
            color: #666;
            line-height: 1.6;
        }

        /* Testimonials Section */
        .testimonials_section_40 {
            padding: 80px 20px;
            background-color: #fff;
            text-align: center;
        }

        .testimonials_container_40 {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
        }

        .testimonial_card_40 {
            background-color: #f9f9f9;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            max-width: 350px;
            transition: transform 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .testimonial_card_40:hover {
            transform: translateY(-5px);
        }

        .testimonial_quote_40 {
            font-size: 1.1em;
            line-height: 1.6;
            color: #555;
            font-style: italic;
            margin-bottom: 25px;
            position: relative;
        }

        .testimonial_quote_40::before {
            content: '"';
            font-size: 4em;
            color: rgba(41, 140, 51, 0.2);
            position: absolute;
            top: -15px;
            left: -15px;
            line-height: 1;
            z-index: 0;
        }

        .testimonial_author_40 {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-top: auto;
        }

        .author_photo_40 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #298c33;
        }

        .author_name_40 {
            font-weight: bold;
            color: #333;
            margin: 0;
        }

        .author_title_40 {
            font-size: 0.9em;
            color: #888;
            margin: 0;
        }

        @media (max-width: 768px) {
            .testimonials_container_40 {
                flex-direction: column;
                align-items: center;
            }
        }

        /* TCO and ROI Section */
        .tco_roi_section_40 {
            padding: 80px 20px;
            background-color: #f9f9f9;
            text-align: center;
        }

        .tco_container_40 {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 50px;
        }

        .tco_item_40 {
            max-width: 300px;
            padding: 20px;
            text-align: center;
        }

        .tco_icon_40 {
            width: 100px;
            height: 100px;
            margin: 0 auto 20px;
            background-color: rgba(41, 140, 51, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .tco_title_40 {
            font-size: 1.5em;
            font-weight: bold;
            color: #298c33;
            margin-bottom: 10px;
        }

        .tco_text_40 {
            font-size: 1em;
            color: #666;
            line-height: 1.6;
        }

        /* Industry Solutions Section */
        .industry_solutions_section_40 {
            padding: 80px 20px;
            background-color: #fff;
            text-align: center;
        }

        .solutions_grid_40 {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 50px;
        }

        .solution_card_40 {
            max-width: 250px;
            background-color: #f9f9f9;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }

        .solution_card_40:hover {
            transform: translateY(-10px);
        }

        .solution_icon_40 {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .solution_title_40 {
            font-size: 1.3em;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .solution_text_40 {
            font-size: 0.9em;
            color: #666;
        }

         .section-lift10 {
            padding: 60px 0;
        }

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

        .heading-lift10 {
            font-size: 2.5rem;
            color: #298c33;
            text-align: center;
            margin-bottom: 50px;
            position: relative;
            font-weight: 600;
        }
        
        .heading-lift10::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: #298c33;
            border-radius: 2px;
        }
        
        .btn-lift10 {
            display: inline-block;
            padding: 15px 30px;
            background-color: #298c33;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .btn-lift10:hover {
            background-color: #1f6b28;
            transform: translateY(-2px);
        }

        /* --- Hero Section --- */
        .hero-lift10 {
            background: #f4f4f4;
            position: relative;
            overflow: hidden;
            padding: 100px 0;
        }

        .hero-lift10::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('https://placehold.co/1200x600/298c33/ffffff?text=Hero+Image+Placeholder');
            background-size: cover;
            background-position: center;
            opacity: 0.1;
            z-index: 0;
        }

        .hero-lift10 .container-lift10 {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .hero-lift10 .content-lift10 {
            max-width: 800px;
            background: rgba(255, 255, 255, 0.9);
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .hero-lift10 h1,.hero-lift10 h2 {
            font-size: 3.5rem;
            color: #298c33;
            margin-bottom: 20px;
            font-weight: 700;
        }

        .hero-lift10 p {
            font-size: 1.2rem;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        /* --- Features & Benefits Section --- */
        .features-lift10 {
            background-color: #fff;
            text-align: center;
        }

        .features-grid-lift10 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .feature-item-lift10 {
            background: #f9f9f9;
            padding: 40px 20px;
            border-radius: 8px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .feature-item-lift10:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        .feature-item-lift10 .icon-lift10 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            background-color: rgba(41, 140, 51, 0.1);
            border-radius: 50%;
            font-size: 3rem;
            color: #298c33;
        }

        .feature-item-lift10 h3 {
            color: #298c33;
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        .feature-item-lift10 p {
            font-size: 1rem;
            line-height: 1.5;
        }

        /* --- Technical Specifications Section --- */
        .specs-lift10 {
            background-color: #f9f9f9;
        }

        .specs-table-lift10 {
            width: 100%;
            border-collapse: collapse;
            margin-top: 30px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            border-radius: 8px;
            overflow: hidden;
        }

        .specs-table-lift10 thead tr {
            background-color: #298c33;
            color: white;
            text-align: left;
        }

        .specs-table-lift10 th, .specs-table-lift10 td {
            padding: 15px;
            border: 1px solid #ddd;
        }

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

        /* --- Quality Commitment Section --- */
        .quality-lift10 {
            background-color: #fff;
        }

        .quality-grid-lift10 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .quality-item-lift10 {
            background: #f9f9f9;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }

        .quality-item-lift10:hover {
            transform: translateY(-5px);
        }

        .quality-icon-lift10 {
            font-size: 3rem;
            color: #298c33;
            margin-bottom: 15px;
        }

        /* --- FAQ Section --- */
        .faq-lift10 {
            background-color: #fff;
        }

        .faq-container-lift10 {
            max-width: 900px;
            margin: 0 auto;
        }

        .faq-item-lift10 {
            background-color: #fff;
            border: 1px solid #ddd;
            margin-bottom: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }

        .faq-question-lift10 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            font-size: 1.2rem;
            font-weight: bold;
            color: #298c33;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .faq-question-lift10:hover {
            background-color: #f0f0f0;
        }

        .faq-icon-lift10 {
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }

        .faq-item-lift10.active .faq-icon-lift10 {
            transform: rotate(45deg);
        }

        .faq-answer-lift10 {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease-out;
            background-color: #fcfcfc;
        }

        .faq-answer-lift10 p {
            margin: 0 0 20px 0;
            padding-top: 10px;
            line-height: 1.6;
        }

        /* --- About Us Section --- */
        .about-us-lift10 {
            background-color: #f4f4f4;
        }

        .about-content-lift10 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }

        .about-text-lift10, .about-image-lift10 {
            flex: 1;
            min-width: 300px;
        }

        .about-image-lift10 img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }
        
        /* --- Contact Form Section --- */
        .contact-lift10 {
            background-color: #f9f9f9;
        }

        .contact-form-lift10 {
            max-width: 700px;
            margin: 0 auto;
            padding: 40px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }
        
        .contact-form-lift10 label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #555;
        }

        .contact-form-lift10 input,
        .contact-form-lift10 textarea {
            width: 100%;
            padding: 12px;
            margin-bottom: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-sizing: border-box;
            font-size: 1rem;
        }

        .contact-form-lift10 textarea {
            resize: vertical;
            min-height: 150px;
        }

        .contact-form-lift10 .btn-lift10 {
            width: 100%;
        }
        /* Technical Specifications Section */
        .tech_specs_section_40 {
            padding: 80px 20px;
            background-color: #f9f9f9;
            text-align: center;
        }

        .specs_table_container_40 {
            overflow-x: auto;
        }

        .specs_table_40 {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            border-collapse: collapse;
            background-color: #fff;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            overflow: hidden;
        }

        .specs_table_40 th, .specs_table_40 td {
            padding: 18px 25px;
            border: 1px solid #ddd;
            text-align: left;
        }

        .specs_table_40 th {
            background-color: #298c33;
            color: #fff;
            font-weight: bold;
        }

        .specs_table_40 tbody tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        .specs_table_40 tbody tr:hover {
            background-color: #e6e6e6;
        }

        /* Service and Support Section */
        .service_support_section_40 {
            padding: 80px 20px;
            background-color: #fff;
        }

        .content_wrapper_40 {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            max-width: 1200px;
            margin: 0 auto;
            gap: 50px;
        }

        .service_text_40 {
            flex: 1;
            min-width: 300px;
            text-align: left;
        }

        .service_list_40 {
            list-style: none;
            padding: 0;
            margin: 20px 0 30px;
        }

        .service_list_40 li {
            font-size: 1.1em;
            margin-bottom: 10px;
            color: #333;
        }

        .list_icon_40 {
            font-size: 1.2em;
            color: #298c33;
            margin-right: 10px;
        }

        .service_btn_40 {
            display: inline-block;
            padding: 15px 30px;
            background-color: #298c33;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .service_btn_40:hover {
            background-color: #1e6c27;
        }

        .service_image_40 {
            flex: 1;
            min-width: 300px;
        }

        .image_40 {
            width: 100%;
            height: auto;
            border-radius: 10px;
        }

        /* FAQ Accordion Section */
        .faq_section_40 {
            padding: 80px 20px;
            background-color: #f4f4f4;
            text-align: center;
        }

        .faq_container_40 {
            max-width: 800px;
            margin: 0 auto;
            text-align: left;
        }

        .faq_item_40 {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
            margin-bottom: 15px;
            overflow: hidden;
        }

        .faq_question_40 {
            padding: 20px;
            font-weight: bold;
            color: #333;
            cursor: pointer;
            display: block;
            transition: background-color 0.3s;
            position: relative;
            list-style: none;
        }

        .faq_question_40::-webkit-details-marker {
            display: none;
        }

        .faq_question_40::after {
            content: '+';
            position: absolute;
            right: 20px;
            font-size: 1.5em;
            line-height: 1;
            transition: transform 0.3s ease;
            color: #298c33;
        }

        .faq_item_40[open] .faq_question_40::after {
            transform: rotate(45deg);
        }

        .faq_question_40:hover {
            background-color: #f0f0f0;
        }

        .faq_answer_40 {
            padding: 0 20px 20px;
            color: #666;
            line-height: 1.6;
            border-top: 1px solid #eee;
        }
        
        /* Custom Solutions CTA */
        .cta_section_40 {
            background-color: #298c33;
            padding: 80px 20px;
            text-align: center;
            color: #fff;
        }
        
        .cta_content_40 {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .cta_heading_40 {
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 15px;
        }
        
        .cta_text_40 {
            font-size: 1.2em;
            margin-bottom: 30px;
            line-height: 1.5;
        }
        
        .cta_btn_40 {
            display: inline-block;
            padding: 15px 40px;
            background-color: #fff;
            color: #298c33;
            text-decoration: none;
            font-weight: bold;
            border-radius: 50px;
            transition: background-color 0.3s, color 0.3s;
        }
        
        .cta_btn_40:hover {
            background-color: #f0f0f0;
            color: #298c33;
        }
        
        /* Case Studies Block */
        .case_studies_section_40 {
            padding: 80px 20px;
            background-color: #fff;
            text-align: center;
        }
        
        .case_study_links_40 {
            margin: 50px 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .case_study_link_40 {
            display: inline-flex;
            align-items: center;
            padding: 15px 25px;
            background-color: #298c33;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        .case_study_link_40:hover {
            background-color: #1e6c27;
        }
        
        .case_study_link_40 .text_icon_40 {
            font-size: 1.5em;
            margin-right: 10px;
            color: #fff;
        }
        
        .client_logos_40 {
            margin-top: 50px;
        }
        
        .logos_heading_40 {
            font-size: 1.5em;
            color: #333;
            margin-bottom: 25px;
        }
        
        .logo_grid_40 {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 40px;
        }
        
        .client_logo_40 {
            max-height: 80px;
            filter: grayscale(100%);
            opacity: 0.6;
            transition: filter 0.3s, opacity 0.3s;
        }
        
        .client_logo_40:hover {
            filter: grayscale(0%);
            opacity: 1;
        }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .hero-ms-section {
            padding: 40px 20px;
        }
        .specs-table thead {
            display: none;
        }
        .specs-table, .specs-table tbody, .specs-table tr, .specs-table td {
            display: block;
            width: 100%;
        }
        .specs-table tr {
            margin-bottom: 15px;
        }
        .specs-table td {
            text-align: right;
            position: relative;
            padding-left: 50%;
        }
        .specs-table td::before {
            content: attr(data-label);
            position: absolute;
            left: 0;
            width: 50%;
            padding-left: 15px;
            font-weight: bold;
            text-align: left;
        }
    }
        .es-stacker-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 20px;
    }

    .section-header-es {
        text-align: center;
        margin-bottom: 60px;
    }

    .section-header-es h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .section-header-es p {
        font-size: 18px;
        color: var(--secondary-color);
    }

    /* Hero Section */
    .hero-es-section {
        background-color: var(--hangcha-green);
        color: var(--white-color);
        padding: 80px;
        text-align: center;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        margin-bottom: 60px;
    }

    .hero-es-section h1,.hero-es-section h2 {
        color: var(--white-color);
        font-size: 48px;
        margin-bottom: 15px;
    }

    .hero-es-section p {
        font-size: 22px;
        max-width: 800px;
        margin: 0 auto;
    }

    .hero-es-image-container {
        margin-top: 40px;
        border-radius: 8px;
        overflow: hidden;
    }

    /* Key Features Section with Icons */
    .features-es-section {
        margin-bottom: 60px;
    }

    .features-es-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .feature-es-item {
        background-color: var(--white-color);
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        text-align: center;
        position: relative; /* For the new button */
    }

    .feature-es-item .icon {
        font-size: 60px;
        color: var(--hangcha-green);
        margin-bottom: 20px;
    }

    /* Technology Section */
    .tech-section {
        background-color: var(--white-color);
        padding: 50px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
    }

    .tech-item {
        display: flex;
        align-items: center;
        gap: 40px;
        margin-bottom: 30px;
    }

    .tech-item.reverse {
        flex-direction: row-reverse;
    }

    .tech-item img {
        width: 40%;
        height: auto;
        border-radius: 8px;
    }

    .tech-content {
        width: 60%;
    }

    .tech-content h3 {
        font-size: 28px;
    }
    
    /* Model Comparison Section */
    .comparison-section {
        margin-bottom: 60px;
    }

    .comparison-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }

    .model-card {
        background-color: var(--white-color);
        border-radius: 10px;
        padding: 30px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        text-align: center;
    }

    .model-card h3 {
        font-size: 24px;
        color: var(--hangcha-green);
        margin-bottom: 15px;
    }

    .model-card ul {
        list-style: none;
        padding: 0;
        text-align: left;
    }

    .model-card li {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        font-weight: 500;
        color: #555;
    }

    .model-card li:last-child {
        border-bottom: none;
    }

    /* CTA Section */
    .cta-es-section {
        background-color: var(--hangcha-green);
        color: var(--white-color);
        padding: 60px;
        text-align: center;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .section-title15 {
            color: #1a202c;
            font-weight: 700;
            position: relative;
            padding-bottom: 0.5rem;
            margin-bottom: 2rem;
        }
        .section-title15::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 50px;
            height: 4px;
            background-color: #298c33;
            border-radius: 2px;
        }
        .card {
            background-color: white;
            border-radius: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 2rem;
        }
        .faq-item {
            border-bottom: 1px solid #e2e8f0;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
        }
        .faq-question {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
        }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
            padding-top: 0;
            margin-top: 0.5rem;
            color: #666;
        }
        .faq-answer.open {
            max-height: 500px; /* Adjust as needed */
            padding-top: 1rem;
        }
        .rotate-icon {
            transform: rotate(0deg);
            transition: transform 0.3s ease-in-out;
        }
        .rotate-icon.rotate {
            transform: rotate(180deg);
        }
    .cta-es-button {
        display: inline-block;
        padding: 15px 40px;
        background-color: #6ab323;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 50px;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .cta-es-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
        .tech-item, .tech-item.reverse {
            flex-direction: column;
            text-align: center;
        }
        .tech-item img, .tech-content {
            width: 100%;
        }
    }


    @media (max-width: 768px) {
            .hc-pt-section-title {
                font-size: 2em;
            }
            .hc-pt-hero-content h1 {
                font-size: 2.5em;
            }
            .hc-pt-hero-content p {
                font-size: 1.2em;
            }
            .hc-pt-category-grid {
                flex-direction: column;
                align-items: center;
            }
            .hc-pt-category-card {
                flex: 1 1 100%;
                max-width: 100%;
            }
            .hc-pt-product-card-grid {
                grid-template-columns: 1fr;
            }
            .hc-pt-quality-service-section {
                flex-direction: column;
            }
        }

@media (max-width: 768px) {
            .hc-ept-section-title {
                font-size: 2em;
            }
            .hc-ept-hero-content h1 {
                font-size: 2.5em;
            }
            .hc-ept-hero-content p {
                font-size: 1.2em;
            }
            .hc-ept-product-details, .hc-ept-battery-content, .hc-ept-ergonomics-section {
                flex-direction: column;
            }
            .hc-ept-battery-content-image, .hc-ept-product-details-image, .hc-ept-ergonomics-image {
                order: -1; /* Puts image on top for mobile */
            }
        }

@media (max-width: 992px) {
        .product-section {
            flex-direction: column;
            text-align: center;
        }
        .product-section.right-aligned {
            flex-direction: column;
        }
        .product-content {
            padding: 0;
        }
        .product-image-container {
            width: 100%;
            min-height: 250px;
        }
        .cta-button {
            width: 100%;
            text-align: center;
        }

    }
      @media (max-width: 768px) {
            .heading-lift10 {
                font-size: 2rem;
            }
            .about-content-lift10 {
                flex-direction: column;
            }
        }