{"id":1834,"date":"2022-06-14T08:08:00","date_gmt":"2022-06-14T08:08:00","guid":{"rendered":"https:\/\/din-co.com\/?page_id=1834"},"modified":"2026-01-08T18:46:07","modified_gmt":"2026-01-08T18:46:07","slug":"language_practice","status":"publish","type":"page","link":"https:\/\/din-co.com\/km\/language_practice\/","title":{"rendered":"\u1795\u17d2\u1793\u17c2\u1780\u1797\u17b6\u179f\u17b6"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1834\" class=\"elementor elementor-1834\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ad5cdb5 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ad5cdb5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-353c76a7\" data-id=\"353c76a7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97dd587 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"97dd587\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Language Practice<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53e0af76 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"53e0af76\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One Stop Business Solutions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87a1158 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"87a1158\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d5e52c0\" data-id=\"d5e52c0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02ffbd1 elementor-widget elementor-widget-html\" data-id=\"02ffbd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Modern CSS Reset & Variables *\/\r\n        :root {\r\n            --primary: #F5CD70;\r\n            --primary-dark: #5F4507;\r\n            --primary-light: #F8DEA0;\r\n            --secondary: #5F4507;\r\n            --secondary-light: #5F4507;\r\n            --accent: #F5CD70;\r\n            --accent-light: #ede9fe;\r\n            --warning: #f59e0b;\r\n            --warning-light: #fef3c7;\r\n            --dark: #211802;\r\n            --dark-light: #F5CD70;\r\n            --light: #f9fafb;\r\n            --gray: #8F670A;\r\n            --gray-light: #FCEECF;\r\n            --border: #FDF7E7;\r\n            --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n            --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.08);\r\n            --shadow-lg: 0 20px 50px -12px rgba(0, 0, 0, 0.12);\r\n            --radius: 12px;\r\n            --radius-lg: 20px;\r\n            --radius-xl: 30px;\r\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            background-color: var(--light);\r\n            color: var(--dark);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n        }\r\n\r\n        \/* ===== Typography ===== *\/\r\n        h1, h2, h3, h4 {\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        h1 {\r\n            font-size: 3.5rem;\r\n        }\r\n\r\n        h2 {\r\n            font-size: 2.75rem;\r\n        }\r\n\r\n        h3 {\r\n            font-size: 1.75rem;\r\n        }\r\n\r\n        .display-font {\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n\r\n\r\n        \/* Services Grid *\/\r\n        .services-grid {\r\n           display: grid;\r\n    grid-template-columns: repeat(2, 1fr); \/* Fixed 2 columns *\/\r\n    grid-template-rows: repeat(3, auto); \/* Fixed 3 rows *\/\r\n    gap: 40px;\r\n    margin-bottom: 80px;\r\n        }\r\n\r\n        .service-card {\r\n            background: hwb(41 81% 1%);\r\n            border-radius: var(--radius-lg);\r\n            padding: 30px 20px;\r\n            box-shadow: var(--shadow-md);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid var(--border);\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--shadow-lg);\r\n            border-color: var(--primary-light);\r\n        }\r\n\r\n        .service-icon-wrapper {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 30px;\r\n            font-size: 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-icon-wrapper::before {\r\n            content: '';\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: inherit;\r\n            opacity: 0.15;\r\n        }\r\n\r\n        .service-card h3 {\r\n            margin-bottom: 20px;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .service-card p {\r\n            color: var(--gray);\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .service-features {\r\n            list-style: none;\r\n            margin-top: 25px;\r\n            padding-top: 25px;\r\n            border-top: 1px solid var(--border);\r\n        }\r\n\r\n        .service-features li {\r\n            padding: 8px 0;\r\n            padding-left: 28px;\r\n            position: relative;\r\n            color: var(--dark-light);\r\n        }\r\n\r\n        .service-features li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 8px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Service-specific colors *\/\r\n        .service-1 .service-icon-wrapper {\r\n            background: var(--primary);\r\n            color: #211802;\r\n        }\r\n        \r\n        .service-2 .service-icon-wrapper {\r\n            background: var(--primary);\r\n            color: #211802;\r\n        }\r\n        \r\n        .service-3 .service-icon-wrapper {\r\n            background: var(--primary);\r\n            color: #211802;\r\n        }\r\n        \r\n        .service-4 .service-icon-wrapper {\r\n            background: var(--primary);\r\n            color: #211802;\r\n        }\r\n        \r\n        .service-5 .service-icon-wrapper {\r\n            background: var(--primary);\r\n            color: #211802;\r\n        }\r\n        \r\n        .service-6 .service-icon-wrapper {\r\n            background: var(--primary);\r\n            color: #211802;\r\n        }\r\n\r\n        \/* ===== Process Section ===== *\/\r\n        .process-section {\r\n            background: linear-gradient(to bottom, #ffffff, var(--gray-light));\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .process-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--border), transparent);\r\n        }\r\n\r\n        .process-timeline {\r\n            position: relative;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .process-timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 2px;\r\n            height: 100%;\r\n            background: var(--primary-light);\r\n        }\r\n\r\n        .process-step {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 60px;\r\n            position: relative;\r\n        }\r\n\r\n        .process-step:nth-child(odd) {\r\n            flex-direction: row;\r\n        }\r\n\r\n        .process-step:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        .step-content {\r\n            flex: 1;\r\n            background: white;\r\n            padding: 40px;\r\n            border-radius: var(--radius-lg);\r\n            box-shadow: var(--shadow-md);\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--primary);\r\n            color: #211802;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin: 0 40px;\r\n            flex-shrink: 0;\r\n            position: relative;\r\n            z-index: 2;\r\n            box-shadow: 0 10px 20px #FDF7E7;\r\n        }\r\n\r\n        .step-title {\r\n            color: var(--primary-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* ===== Responsive Design ===== *\/\r\n        @media (max-width: 1100px) {\r\n            h1 { font-size: 3rem; }\r\n            h2 { font-size: 2.5rem; }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .process-timeline::before {\r\n                left: 60px;\r\n            }\r\n            \r\n            .process-step {\r\n                flex-direction: row !important;\r\n            }\r\n            \r\n            .step-number {\r\n                margin-right: 40px;\r\n                margin-left: 0;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .mobile-menu-btn {\r\n                display: block;\r\n            }\r\n            \r\n            .nav-links {\r\n                position: fixed;\r\n                top: 80px;\r\n                left: 0;\r\n                width: 100%;\r\n                background: white;\r\n                flex-direction: column;\r\n                padding: 30px;\r\n                gap: 25px;\r\n                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n                transform: translateY(-100%);\r\n                opacity: 0;\r\n                pointer-events: none;\r\n                transition: var(--transition);\r\n            }\r\n            \r\n            .nav-links.active {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n                pointer-events: all;\r\n            }\r\n            \r\n            h1 { font-size: 2.5rem; }\r\n            h2 { font-size: 2rem; }\r\n            h3 { font-size: 1.5rem; }\r\n            \r\n            .hero {\r\n                padding: 150px 0 80px;\r\n            }\r\n            \r\n            .hero-stats {\r\n                flex-wrap: wrap;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .service-card {\r\n                padding: 40px 30px;\r\n            }\r\n            \r\n            .cta-title {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .container {\r\n                padding: 0 20px;\r\n            }\r\n            \r\n            h1 { font-size: 2rem; }\r\n            \r\n            .hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .btn {\r\n                padding: 15px 30px;\r\n                width: 100%;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .footer-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n        }\r\n\r\n        \/* ===== Animation Classes ===== *\/\r\n        .fade-in {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n\r\n        .fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Services Section -->\r\n    <section class=\"section\" id=\"services\">\r\n        <div class=\"container\" class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\r\n            \r\n            \r\n            <div class=\"services-grid\">\r\n               \r\n                <!-- Translation and Localization -->\r\n                <div class=\"service-card service-1 fade-in\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-exchange-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3>Translation & Localization<\/h3>\r\n                    <p>Translation bridges the language differences. A good translation requires translators to be really knowledgeable of the source and target languages. Accuracy and consistency are significant; that\u2019s why we adopt a standardized operating procedure following the international standard and use innovative technology to assure the highest consistency and quality possible. In addition to translation, we could transform your texts to fit with the locale\u2019s culture and norm.<\/p>\r\n                    \r\n                <\/div>\r\n                \r\n                <!-- Proofreading -->\r\n                <div class=\"service-card service-2 fade-in\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-search\"><\/i>\r\n                    <\/div>\r\n                    <h3>Proofreading<\/h3>\r\n                    <p>Errors are inevitable in drafting documents. Having experienced professionals to proofread your documents would bring you peace of mind and avoid being embarrassed because of grammatical and spelling errors. Our team is highly attentive to details and committed to working our best to eliminate the errors.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Legal Translation -->\r\n                <div class=\"service-card service-3 fade-in\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-balance-scale\"><\/i>\r\n                    <\/div>\r\n <h3>Legal Translation<\/h3>\r\n<p>We have legal professionals who have extensive and intensive knowledge in various legal industries and many years of experience in translation industry to translate your legal documents. We have experience in dealing with lots of pages of legal documents within a short period of time. For document related to legal proceedings, we provide certified translation, and if required, under oath in accordance with applicable legal procedure.<\/p>\r\n                    \r\n                <\/div>\r\n                \r\n                <!-- Copywriting -->\r\n                <div class=\"service-card service-4 fade-in\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-edit\"><\/i>\r\n                    <\/div>\r\n                    <h3>Copywriting<\/h3>\r\n                    <p>The content is so powerful. It could generate your company revenue by attracting customers to buy your products and services. However, to write persuasive content is not easy-peasy, and most people struggle with it. Our team is composed of experienced professionals that can assist you to deliver quality and effective content.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Certified Notarized Translation -->\r\n                <div class=\"service-card service-5 fade-in\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-stamp\"><\/i>\r\n                    <\/div>\r\n                    <h3>Certified Notarized Translation<\/h3>\r\n                    <p>We provide certification and notarization of translations between khmer-english and other major foreign languages, ensuring accuracy and full compliance with Cambodia legal standards. Our team specializes in sensitive and high-value paperwork including commercial contract, corporate records, property titles and immigration documents as well as birth certificate, family book, national ID cards, and other personal identification documents.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Copyediting -->\r\n                <div class=\"service-card service-6 fade-in\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-spell-check\"><\/i>\r\n                    <\/div>\r\n                    <h3>Copyediting<\/h3>\r\n                    <p>Writing is not a natural talent. People may be good at expressing their ideas in speaking. Yet, when it comes to putting ideas into writing, people find it difficult to convey their ideas to the readers properly. Sometimes, people even get stuck and could not write anything at all. To produce quality content, it requires editors to improve sentence structure and word choices. And that\u2019s what we could assist you.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Process Section -->\r\n    <section class=\"section process-section\" id=\"process\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header fade-in\">\r\n                <h3>Our Quality Process<\/h3>\r\n                <p class=\"section-subtitle\">We adopt a standard operating procedure following the international standard to ensure that your documents are well-translated with high accuracy and consistency. Please see our translation process below:<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"process-timeline\">\r\n                <!-- Step 1 -->\r\n                <div class=\"process-step fade-in\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h4 class=\"step-title\">Translation<\/h4>\r\n                        <p>Machine translation will first translate your documents. The translator will review and revise over the machine translation against the source content to ensure the project specifications are met including compliance with specific client terminology, accuracy, and consistency.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Step 2 -->\r\n                <div class=\"process-step fade-in\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h4 class=\"step-title\">Translator Check<\/h4>\r\n                        <p>The translator does self-revision of the target content to correct semantic, grammatical, spelling and other errors, as well as, ensuring compliance with relevant translation project specifications.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Step 3 -->\r\n                <div class=\"process-step fade-in\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h4 class=\"step-title\">Professional Revision<\/h4>\r\n                        <p>The reviser shall examine the target language content against the source language content for any errors and other issues, and its suitability for purpose. This shall include comparison of the source and target language content.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Step 4 -->\r\n                <div class=\"process-step fade-in\">\r\n                    <div class=\"step-number\">4<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h4 class=\"step-title\">Quality Review<\/h4>\r\n                        <p>Additional review to ensure target language meets all project specifications, with checks for errors and readability.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Step 5 -->\r\n                <div class=\"process-step fade-in\">\r\n                    <div class=\"step-number\">5<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h4 class=\"step-title\">Proofreading<\/h4>\r\n                        <p>If the client-TSP agreement and project specifications include proofreading, we shall ensure that this service is provided. Where the proofreading reveals defects, we will make corrections and take appropriate action to remedy these defects.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Step 6 -->\r\n                <div class=\"process-step fade-in\">\r\n                    <div class=\"step-number\">6<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h4 class=\"step-title\">Final verification and release<\/h4>\r\n                        <p>The project manager shall check the translated documents, and verify if it met with the quality standard and project specifications. The project manager shall remedy any defects before verification, if any.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Mobile Menu Toggle\r\n        const mobileMenuBtn = document.getElementById('mobileMenuBtn');\r\n        const navLinks = document.getElementById('navLinks');\r\n        \r\n        mobileMenuBtn.addEventListener('click', () => {\r\n            navLinks.classList.toggle('active');\r\n            mobileMenuBtn.innerHTML = navLinks.classList.contains('active') \r\n                ? '<i class=\"fas fa-times\"><\/i>' \r\n                : '<i class=\"fas fa-bars\"><\/i>';\r\n        });\r\n        \r\n        \/\/ Navbar scroll effect\r\n        window.addEventListener('scroll', () => {\r\n            const navbar = document.querySelector('.navbar');\r\n            if (window.scrollY > 50) {\r\n                navbar.classList.add('scrolled');\r\n            } else {\r\n                navbar.classList.remove('scrolled');\r\n            }\r\n        });\r\n        \r\n        \/\/ Scroll animations\r\n        const fadeElements = document.querySelectorAll('.fade-in');\r\n        \r\n        const fadeInOnScroll = () => {\r\n            fadeElements.forEach(element => {\r\n                const elementTop = element.getBoundingClientRect().top;\r\n                const elementVisible = 150;\r\n                \r\n                if (elementTop < window.innerHeight - elementVisible) {\r\n                    element.classList.add('visible');\r\n                }\r\n            });\r\n        };\r\n        \r\n        \/\/ Initial check\r\n        fadeInOnScroll();\r\n        window.addEventListener('scroll', fadeInOnScroll);\r\n        \r\n        \/\/ Service card hover effects\r\n        const serviceCards = document.querySelectorAll('.service-card');\r\n        serviceCards.forEach(card => {\r\n            card.addEventListener('mouseenter', () => {\r\n                const iconWrapper = card.querySelector('.service-icon-wrapper');\r\n                iconWrapper.style.transform = 'scale(1.1) rotate(5deg)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', () => {\r\n                const iconWrapper = card.querySelector('.service-icon-wrapper');\r\n                iconWrapper.style.transform = 'scale(1) rotate(0)';\r\n            });\r\n        });\r\n        \r\n        \/\/ Smooth scroll for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                \r\n                const targetId = this.getAttribute('href');\r\n                if (targetId === '#') return;\r\n                \r\n                const targetElement = document.querySelector(targetId);\r\n                if (targetElement) {\r\n                    \/\/ Close mobile menu if open\r\n                    navLinks.classList.remove('active');\r\n                    mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\r\n                    \r\n                    window.scrollTo({\r\n                        top: targetElement.offsetTop - 100,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Language Practice One Stop Business Solutions Translation &#038; Localization Translation bridges the language differences. A good translation requires translators to be really knowledgeable of the source and target languages. Accuracy and consistency are significant; that\u2019s why we adopt a standardized operating procedure following the international standard and use innovative technology to assure the highest consistency [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/pages\/1834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/comments?post=1834"}],"version-history":[{"count":398,"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/pages\/1834\/revisions"}],"predecessor-version":[{"id":7876,"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/pages\/1834\/revisions\/7876"}],"wp:attachment":[{"href":"https:\/\/din-co.com\/km\/wp-json\/wp\/v2\/media?parent=1834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}