{"id":14,"date":"2025-12-24T15:12:42","date_gmt":"2025-12-24T15:12:42","guid":{"rendered":"https:\/\/bkcbekakimya.com\/?page_id=14"},"modified":"2025-12-24T15:33:47","modified_gmt":"2025-12-24T15:33:47","slug":"hakkimizda","status":"publish","type":"page","link":"https:\/\/bkcbekakimya.com\/en\/hakkimizda\/","title":{"rendered":"ABOUT US"},"content":{"rendered":"<!-- FontAwesome CDN -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <!-- Google Fonts - Poppins -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* BKC Beka Kimya Hakk\u0131m\u0131zda Sayfas\u0131 Enhanced CSS *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        html {\n            scroll-behavior: smooth;\n        }\n\n        .bkc-hakkimizda {\n            font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            background: #ffffff;\n            margin: 0;\n            padding: 0;\n            overflow-x: hidden;\n            line-height: 1.6;\n            position: relative;\n        }\n\n        \/* Enhanced Animated Background *\/\n        .bkc-bg-elements {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: -1;\n            overflow: hidden;\n        }\n\n        \/* Kimya Laboratuvar\u0131 Efektleri *\/\n        .lab-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.04;\n        }\n\n        .reaction-line {\n            position: absolute;\n            background: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.4), transparent);\n            height: 2px;\n            animation: reactionFlow 20s infinite linear;\n        }\n\n        .reaction-line:nth-child(1) { width: 180px; top: 25%; left: 15%; animation-delay: 0s; }\n        .reaction-line:nth-child(2) { width: 220px; top: 45%; left: 60%; animation-delay: 8s; }\n        .reaction-line:nth-child(3) { width: 160px; top: 70%; left: 25%; animation-delay: 16s; }\n\n        @keyframes reactionFlow {\n            0% { opacity: 0; transform: translateX(-100px) rotate(0deg); }\n            50% { opacity: 0.4; }\n            100% { opacity: 0; transform: translateX(200px) rotate(90deg); }\n        }\n\n        \/* Geli\u015ftirilmi\u015f Molek\u00fcl Sistemleri *\/\n        .bkc-molecule {\n            position: absolute;\n            opacity: 0.05;\n            animation: moleculeFloat 30s infinite linear;\n        }\n\n        \/* Farkl\u0131 Molek\u00fcl Kompozisyonlar\u0131 *\/\n        .bkc-molecule.complex-1::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 10px;\n            height: 10px;\n            background: radial-gradient(circle, #3b82f6, #1d4ed8);\n            border-radius: 50%;\n            box-shadow:\n                0 0 30px rgba(59, 130, 246, 0.4),\n                0 0 60px rgba(59, 130, 246, 0.1);\n            animation: complexPulse 5s infinite;\n        }\n\n        .bkc-molecule.complex-2::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 8px;\n            height: 8px;\n            background: radial-gradient(circle, #ef4444, #b91c1c);\n            border-radius: 50%;\n            box-shadow:\n                0 0 25px rgba(239, 68, 68, 0.5),\n                0 0 50px rgba(239, 68, 68, 0.2);\n            animation: complexPulse 4s infinite;\n        }\n\n        .bkc-molecule.complex-3::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 12px;\n            height: 12px;\n            background: radial-gradient(circle, #10b981, #047857);\n            border-radius: 50%;\n            box-shadow:\n                0 0 35px rgba(16, 185, 129, 0.3),\n                0 0 70px rgba(16, 185, 129, 0.1);\n            animation: complexPulse 6s infinite;\n        }\n\n        \/* Elektron Y\u00f6r\u00fcngeleri *\/\n        .bkc-molecule::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 25px;\n            height: 25px;\n            border: 1px solid rgba(59, 130, 246, 0.12);\n            border-radius: 50%;\n            animation: electronOrbit 8s infinite linear;\n        }\n\n        .bkc-molecule.complex-2::after {\n            border-color: rgba(239, 68, 68, 0.12);\n            animation: electronOrbit 6s infinite linear reverse;\n        }\n\n        .bkc-molecule.complex-3::after {\n            border-color: rgba(16, 185, 129, 0.12);\n            animation: electronOrbit 10s infinite linear;\n        }\n\n        @keyframes complexPulse {\n            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n            50% { transform: translate(-50%, -50%) scale(1.4); opacity: 0.2; }\n        }\n\n        @keyframes electronOrbit {\n            from { transform: translate(-50%, -50%) rotate(0deg) scale(1); }\n            to { transform: translate(-50%, -50%) rotate(360deg) scale(1.1); }\n        }\n\n        \/* Molek\u00fcl Pozisyonlar\u0131 *\/\n        .bkc-molecule:nth-child(1) { left: 8%; animation-delay: 0s; }\n        .bkc-molecule:nth-child(2) { left: 18%; animation-delay: 5s; }\n        .bkc-molecule:nth-child(3) { left: 28%; animation-delay: 10s; }\n        .bkc-molecule:nth-child(4) { left: 38%; animation-delay: 15s; }\n        .bkc-molecule:nth-child(5) { left: 48%; animation-delay: 20s; }\n        .bkc-molecule:nth-child(6) { left: 58%; animation-delay: 25s; }\n        .bkc-molecule:nth-child(7) { left: 68%; animation-delay: 30s; }\n        .bkc-molecule:nth-child(8) { left: 78%; animation-delay: 35s; }\n        .bkc-molecule:nth-child(9) { left: 88%; animation-delay: 40s; }\n        .bkc-molecule:nth-child(10) { left: 98%; animation-delay: 45s; }\n\n        @keyframes moleculeFloat {\n            0% {\n                transform: translateY(110vh) rotate(0deg) scale(0.2);\n                opacity: 0;\n            }\n            15% { opacity: 0.05; }\n            85% { opacity: 0.05; }\n            100% {\n                transform: translateY(-10vh) rotate(540deg) scale(1.3);\n                opacity: 0;\n            }\n        }\n\n\n        \/* Content wrapper *\/\n        .bkc-content-wrapper {\n            background: white;\n        }\n\n\n        \/* Enhanced Main Content *\/\n        .bkc-main-content {\n            padding: 120px 0;\n            background: white;\n            position: relative;\n        }\n\n        .bkc-content-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-content-section {\n            margin-bottom: 100px;\n        }\n\n        .bkc-content-title {\n            font-size: 2.5rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 40px;\n            text-align: center;\n            letter-spacing: -1px;\n            position: relative;\n        }\n\n        .bkc-content-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 120px;\n            height: 4px;\n            background: linear-gradient(90deg, #3b82f6 0%, #ef4444 100%);\n            border-radius: 2px;\n        }\n\n        .bkc-content-text {\n            font-size: 1rem;\n            line-height: 1.8;\n            color: #475569;\n            text-align: left;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-content-text p {\n            margin-bottom: 25px;\n            break-inside: avoid;\n            text-align: justify;\n        }\n\n        \/* Enhanced Timeline Section *\/\n        .bkc-timeline {\n            padding: 120px 0;\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            position: relative;\n        }\n\n        .bkc-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, #3b82f6 50%, transparent 100%);\n        }\n\n        .bkc-timeline-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-timeline-title {\n            font-size: 2.5rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 60px;\n            text-align: center;\n            letter-spacing: -1px;\n        }\n\n        .bkc-timeline-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 90px;\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: all 0.8s ease;\n            position: relative;\n        }\n\n        .bkc-timeline-item.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .bkc-timeline-item::before {\n            content: '';\n            position: absolute;\n            left: 225px;\n            top: 50%;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #3b82f6 0%, #ef4444 100%);\n            transform: translateY(-50%);\n            opacity: 0.6;\n        }\n\n        .bkc-timeline-year {\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            color: white;\n            padding: 30px 45px;\n            border-radius: 70px;\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-right: 50px;\n            min-width: 160px;\n            text-align: center;\n            box-shadow:\n                0 20px 50px rgba(59, 130, 246, 0.4),\n                inset 0 2px 0 rgba(255, 255, 255, 0.2);\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .bkc-timeline-year::before {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            background: linear-gradient(135deg, #3b82f6, #ef4444, #10b981);\n            border-radius: 74px;\n            z-index: -1;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .bkc-timeline-year::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 100px;\n            height: 100px;\n            border: 2px solid rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            transform: translate(-50%, -50%) scale(0);\n            transition: transform 0.4s ease;\n        }\n\n        .bkc-timeline-item:hover .bkc-timeline-year::before {\n            opacity: 1;\n        }\n\n        .bkc-timeline-item:hover .bkc-timeline-year::after {\n            transform: translate(-50%, -50%) scale(1);\n        }\n\n        .bkc-timeline-item:hover .bkc-timeline-year {\n            transform: scale(1.1) rotate(-3deg);\n            box-shadow:\n                0 25px 70px rgba(59, 130, 246, 0.5),\n                0 0 50px rgba(239, 68, 68, 0.2),\n                inset 0 3px 0 rgba(255, 255, 255, 0.3);\n        }\n\n        .bkc-timeline-content {\n            flex: 1;\n            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n            padding: 45px;\n            border-radius: 30px;\n            box-shadow: 0 20px 70px rgba(59, 130, 246, 0.12);\n            border: 1px solid rgba(59, 130, 246, 0.1);\n            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .bkc-timeline-content::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 5px;\n            height: 100%;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            transform: translateX(-5px);\n            transition: transform 0.4s ease;\n        }\n\n        .bkc-timeline-content::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 150%;\n            height: 150%;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.03), transparent 70%);\n            transform: scale(0);\n            transition: transform 0.5s ease;\n        }\n\n        .bkc-timeline-content:hover::before {\n            transform: translateX(0);\n        }\n\n        .bkc-timeline-content:hover::after {\n            transform: scale(1);\n        }\n\n        .bkc-timeline-content:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow:\n                0 35px 90px rgba(59, 130, 246, 0.2),\n                0 0 60px rgba(239, 68, 68, 0.1);\n            background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);\n            border-color: rgba(59, 130, 246, 0.2);\n        }\n\n        .bkc-timeline-content h3 {\n            font-size: 1.8rem;\n            color: #1e293b;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n\n        .bkc-timeline-content p {\n            color: #64748b;\n            line-height: 1.8;\n            margin: 0;\n            font-size: 1.1rem;\n        }\n\n        \/* Enhanced Values Section *\/\n        .bkc-values {\n            padding: 120px 0;\n            background: white;\n        }\n\n        .bkc-values-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-values-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n            margin-top: 80px;\n        }\n\n        .bkc-value-card {\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            padding: 50px 40px;\n            border-radius: 30px;\n            text-align: center;\n            transition: all 0.5s ease;\n            border: 1px solid #e2e8f0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .bkc-value-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, \n                transparent, \n                rgba(255,255,255,0.4), \n                transparent);\n            transition: left 0.6s ease;\n        }\n\n        .bkc-value-card:hover::before {\n            left: 100%;\n        }\n\n        .bkc-value-card:hover {\n            transform: translateY(-15px) scale(1.03);\n            box-shadow: \n                0 30px 80px rgba(59, 130, 246, 0.2),\n                0 0 60px rgba(239, 68, 68, 0.1);\n            background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\n        }\n\n        .bkc-value-icon {\n            width: 120px;\n            height: 120px;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 35px;\n            font-size: 50px;\n            color: white;\n            position: relative;\n            z-index: 2;\n            box-shadow:\n                0 25px 60px rgba(59, 130, 246, 0.4),\n                inset 0 3px 0 rgba(255, 255, 255, 0.2);\n            transition: all 0.5s ease;\n        }\n\n        .bkc-value-icon::before {\n            content: '';\n            position: absolute;\n            top: -5px;\n            left: -5px;\n            right: -5px;\n            bottom: -5px;\n            background: linear-gradient(135deg, #3b82f6, #ef4444, #10b981);\n            border-radius: 50%;\n            z-index: -1;\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }\n\n        .bkc-value-icon::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 160px;\n            height: 160px;\n            border: 3px solid rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            transform: translate(-50%, -50%) scale(0);\n            transition: transform 0.5s ease;\n        }\n\n        .bkc-value-card:hover .bkc-value-icon::before {\n            opacity: 1;\n        }\n\n        .bkc-value-card:hover .bkc-value-icon::after {\n            transform: translate(-50%, -50%) scale(1);\n        }\n\n        .bkc-value-card:hover .bkc-value-icon {\n            transform: scale(1.25) rotate(-10deg);\n            box-shadow:\n                0 35px 90px rgba(59, 130, 246, 0.5),\n                0 0 70px rgba(239, 68, 68, 0.3),\n                inset 0 5px 0 rgba(255, 255, 255, 0.3);\n        }\n\n        .bkc-value-title {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 20px;\n        }\n\n        .bkc-value-desc {\n            color: #64748b;\n            line-height: 1.8;\n            font-size: 1rem;\n        }\n\n        \/* Enhanced Approach Section *\/\n        .bkc-approach {\n            padding: 120px 0;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 100%);\n            color: white;\n            position: relative;\n        }\n\n        .bkc-approach::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"chemPattern\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"3\" fill=\"rgba(255,255,255,0.05)\"\/><circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"rgba(255,255,255,0.03)\"\/><circle cx=\"32\" cy=\"32\" r=\"1.5\" fill=\"rgba(255,255,255,0.03)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23chemPattern)\" \/><\/svg>');\n            opacity: 0.7;\n        }\n\n        .bkc-approach-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .bkc-approach-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .bkc-approach-text {\n            font-size: 1.2rem;\n            line-height: 1.9;\n            text-align: justify;\n        }\n\n        .bkc-approach-text p {\n            margin-bottom: 30px;\n            opacity: 0.95;\n        }\n\n        .bkc-approach-features {\n            display: grid;\n            gap: 25px;\n        }\n\n        .bkc-approach-feature {\n            background: rgba(255, 255, 255, 0.15);\n            padding: 30px;\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(15px);\n            transition: all 0.4s ease;\n        }\n\n        .bkc-approach-feature:hover {\n            background: rgba(255, 255, 255, 0.2);\n            transform: translateX(10px);\n            border-color: rgba(255, 255, 255, 0.4);\n        }\n\n        .bkc-approach-feature h4 {\n            font-size: 1.4rem;\n            margin-bottom: 12px;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .bkc-approach-feature h4 i {\n            font-size: 1.2rem;\n            opacity: 0.8;\n        }\n\n        .bkc-approach-feature p {\n            margin: 0;\n            font-size: 1rem;\n            opacity: 0.9;\n            line-height: 1.7;\n        }\n\n        \/* Enhanced CTA Section *\/\n        .bkc-about-cta {\n            padding: 120px 0;\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            text-align: center;\n            position: relative;\n        }\n\n        .bkc-about-cta::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, #3b82f6 25%, #ef4444 75%, transparent 100%);\n        }\n\n        .bkc-about-cta-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-about-cta-title {\n            font-size: 3.5rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 30px;\n            letter-spacing: -2px;\n        }\n\n        .bkc-about-cta-desc {\n            font-size: 1.3rem;\n            color: #64748b;\n            margin-bottom: 50px;\n            line-height: 1.8;\n        }\n\n        .bkc-about-cta-buttons {\n            display: flex;\n            gap: 30px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .bkc-btn-gradient {\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 100%);\n            color: white;\n            padding: 20px 45px;\n            border-radius: 60px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.4s ease;\n            box-shadow: 0 15px 40px rgba(59, 130, 246, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .bkc-btn-gradient::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, \n                transparent, \n                rgba(255, 255, 255, 0.2), \n                transparent);\n            transition: left 0.6s ease;\n        }\n\n        .bkc-btn-gradient:hover::before {\n            left: 100%;\n        }\n\n        .bkc-btn-gradient:hover {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 25px 60px rgba(59, 130, 246, 0.4);\n        }\n\n        .bkc-btn-outline {\n            background: transparent;\n            color: #3b82f6;\n            border: 3px solid #3b82f6;\n            padding: 17px 45px;\n            border-radius: 60px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.4s ease;\n        }\n\n        .bkc-btn-outline:hover {\n            background: #3b82f6;\n            color: white;\n            transform: translateY(-3px) scale(1.05);\n            box-shadow: 0 15px 40px rgba(59, 130, 246, 0.3);\n        }\n\n        \/* Enhanced Responsive Design *\/\n        @media (max-width: 1200px) {\n            .bkc-overview-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 35px;\n            }\n            \n            .bkc-approach-content {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n\n            .bkc-values-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 35px;\n            }\n\n            .bkc-timeline-item::before {\n                left: 180px;\n                width: 50px;\n            }\n        }\n\n        @media (max-width: 1024px) {\n            .bkc-about-title {\n                font-size: 2.8rem;\n            }\n\n            .bkc-about-subtitle {\n                font-size: 1rem;\n            }\n\n        }\n\n        @media (max-width: 768px) {\n            .bkc-about-title {\n                font-size: 2.4rem;\n            }\n\n            .bkc-about-subtitle {\n                font-size: 1rem;\n            }\n\n\n            .bkc-content-title {\n                font-size: 2rem;\n                margin-bottom: 30px;\n            }\n\n            .bkc-content-text {\n                columns: 1;\n                column-count: 1 !important;\n                column-gap: 0;\n                column-rule: none;\n                font-size: 1rem;\n            }\n\n            .bkc-timeline-title {\n                font-size: 2rem;\n                margin-bottom: 50px;\n            }\n\n            .bkc-timeline-item {\n                flex-direction: column;\n                text-align: center;\n                margin-bottom: 60px;\n            }\n\n            .bkc-timeline-item::before {\n                display: none;\n            }\n\n            .bkc-timeline-year {\n                margin-right: 0;\n                margin-bottom: 25px;\n                min-width: 140px;\n                padding: 20px 30px;\n                font-size: 1.4rem;\n            }\n\n            .bkc-timeline-content {\n                padding: 35px 25px;\n            }\n\n            .bkc-values-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 30px;\n            }\n\n            .bkc-value-card {\n                padding: 45px 25px;\n            }\n\n            .bkc-value-icon {\n                width: 90px;\n                height: 90px;\n                font-size: 36px;\n            }\n\n            .bkc-about-cta-buttons {\n                flex-direction: column;\n                align-items: center;\n                gap: 20px;\n            }\n\n            .bkc-overview-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 25px;\n            }\n\n            .bkc-overview-card {\n                padding: 45px 25px;\n            }\n\n            .bkc-overview-icon {\n                width: 80px;\n                height: 80px;\n                font-size: 32px;\n            }\n\n            .bkc-overview-card h3 {\n                font-size: 2rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .bkc-about-title {\n                font-size: 2rem;\n            }\n\n            .bkc-about-subtitle {\n                font-size: 0.95rem;\n            }\n\n\n            .bkc-values-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .bkc-overview-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .bkc-overview-card {\n                padding: 35px 20px;\n            }\n\n            .bkc-overview-icon {\n                width: 70px;\n                height: 70px;\n                font-size: 28px;\n            }\n\n            .bkc-overview-card h3 {\n                font-size: 1.8rem;\n            }\n\n            .bkc-content-title {\n                font-size: 1.8rem;\n            }\n\n            .bkc-timeline-year {\n                min-width: 120px;\n                padding: 15px 25px;\n                font-size: 1.2rem;\n            }\n\n            .bkc-timeline-content {\n                padding: 25px 20px;\n            }\n\n            .bkc-value-icon {\n                width: 80px;\n                height: 80px;\n                font-size: 32px;\n            }\n\n            .bkc-value-title {\n                font-size: 1.3rem;\n            }\n\n            .bkc-scroll-indicator {\n                font-size: 2rem;\n            }\n\n            .bkc-about-cta-title {\n                font-size: 2.5rem;\n            }\n\n            .bkc-about-cta-desc {\n                font-size: 1.1rem;\n            }\n        }\n    <\/style>\n\n    <div class=\"bkc-hakkimizda\">\n        <!-- Geli\u015fmi\u015f Kimyasal Animasyon Arka Plan -->\n        <div class=\"bkc-bg-elements\">\n            <!-- Laboratuvar Par\u00e7ac\u0131klar\u0131 -->\n            <div class=\"lab-particles\">\n                <div class=\"reaction-line\"><\/div>\n                <div class=\"reaction-line\"><\/div>\n                <div class=\"reaction-line\"><\/div>\n            <\/div>\n            \n            <!-- \u00c7e\u015fitli Molek\u00fcl Kompleksleri -->\n            <div class=\"bkc-molecule complex-1\"><\/div>\n            <div class=\"bkc-molecule complex-2\"><\/div>\n            <div class=\"bkc-molecule complex-3\"><\/div>\n            <div class=\"bkc-molecule complex-1\"><\/div>\n            <div class=\"bkc-molecule complex-2\"><\/div>\n            <div class=\"bkc-molecule complex-3\"><\/div>\n            <div class=\"bkc-molecule complex-1\"><\/div>\n            <div class=\"bkc-molecule complex-2\"><\/div>\n            <div class=\"bkc-molecule complex-3\"><\/div>\n            <div class=\"bkc-molecule complex-1\"><\/div>\n        <\/div>\n\n        <!-- Enhanced Header Section -->\n        <section class=\"bkc-about-header\">\n            <div class=\"bkc-about-header-content\">\n                <h1 class=\"bkc-about-title\">ABOUT US<\/h1>\n                <p class=\"bkc-about-subtitle\">Deneyim, teknoloji ve yenili\u011fin bulu\u015ftu\u011fu noktada<\/p>\n            <\/div>\n            <div class=\"bkc-scroll-indicator\" onclick=\"scrollToContent()\">\n                <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n        <\/section>\n\n        <!-- Content Wrapper -->\n        <div class=\"bkc-content-wrapper\">\n\n            <!-- Enhanced Main Content -->\n            <section class=\"bkc-main-content\">\n                <div class=\"bkc-content-container\">\n                    <div class=\"bkc-content-section\">\n                        <div class=\"bkc-content-text\">\n                            <p>BKC BEKA Kimya was established in 2014 and has been operating actively since then. The corporate structure of our company is a natural reflection of professional industry experience that extends well beyond our founding date.<\/p>\n                            <p>Our technical approach and working discipline are built on extensive field experience, technical expertise, and in-depth process knowledge. This accumulated know-how enables us to position our services with a strong focus on technical accuracy and practical applicability.<\/p>\n                            <p>Operating with a focus on technical chemical solutions, our company offers a wide range of products and applications primarily in textile chemicals, as well as in construction chemicals, paper chemicals, and process chemicals.<\/p>\n\n                            <p>Our product portfolio is structured by taking into account the process conditions and performance expectations of different industries. We concentrate on solutions that are proven in practice, ensure continuity, and demonstrate strong application compatibility.<\/p>\n                            <p>BKC BEKA Kimya has been providing technical chemical solutions to both domestic and international markets for many years. In addition to our operations in T\u00fcrkiye, we serve customers across the Middle East, Europe, the Turkic Republics, and North Africa with our products and technical expertise.<\/p>\n\n                            <p>In all areas of operation, BKC BEKA Kimya adopts a working philosophy based on technical accuracy, process discipline, and successful implementation. This approach is one of the key factors that enables our company to establish long-term partnerships across different industries\u00a0and\u00a0markets.<\/p>\n\n                            <p>BKC BEKA Kimya works with a results-driven approach based on technical accuracy, controlled processes, and proven application performance across all operational fields. This structure enables stable and repeatable outcomes in different industries\u00a0and\u00a0markets.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n       <\/div>\n   <\/div>\n\n   <script>\n       \/\/ Scroll to content function\n       function scrollToContent() {\n           document.querySelector('.bkc-main-content').scrollIntoView({\n               behavior: 'smooth',\n               block: 'start'\n           });\n       }\n\n       \/\/ Enhanced Timeline Animation\n       const timelineObserver = new IntersectionObserver((entries) => {\n           entries.forEach((entry, index) => {\n               if (entry.isIntersecting) {\n                   setTimeout(() => {\n                       entry.target.classList.add('visible');\n                   }, index * 200);\n               }\n           });\n       }, { threshold: 0.3 });\n\n       document.querySelectorAll('.bkc-timeline-item').forEach(item => {\n           timelineObserver.observe(item);\n       });\n\n       \/\/ Enhanced Value Cards Animation\n       const valueObserver = new IntersectionObserver((entries) => {\n           entries.forEach((entry, index) => {\n               if (entry.isIntersecting) {\n                   setTimeout(() => {\n                       entry.target.style.opacity = '1';\n                       entry.target.style.transform = 'translateY(0)';\n                   }, index * 150);\n               }\n           });\n       }, { threshold: 0.2 });\n\n       document.querySelectorAll('.bkc-value-card, .bkc-overview-card').forEach((card, index) => {\n           card.style.opacity = '0';\n           card.style.transform = 'translateY(40px)';\n           card.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n           valueObserver.observe(card);\n       });\n\n\n       \/\/ Smooth scrolling for anchor links\n       document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n           anchor.addEventListener('click', function (e) {\n               e.preventDefault();\n               const target = document.querySelector(this.getAttribute('href'));\n               if (target) {\n                   target.scrollIntoView({\n                       behavior: 'smooth',\n                       block: 'start'\n                   });\n               }\n           });\n       });\n\n       \/\/ Parallax effect for molecules\n       window.addEventListener('scroll', () => {\n           const scrolled = window.pageYOffset;\n           const molecules = document.querySelectorAll('.bkc-molecule');\n           molecules.forEach((molecule, index) => {\n               const speed = 0.5 + (index * 0.1);\n               molecule.style.transform = `translateY(${scrolled * speed}px)`;\n           });\n       });\n   <\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Hakk\u0131m\u0131zda - BKC Beka Kimya<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/bkcbekakimya.com\/en\/hakkimizda\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_GB\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Hakk\u0131m\u0131zda - BKC Beka Kimya\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/bkcbekakimya.com\/en\/hakkimizda\/\" \/>\r\n<meta property=\"og:site_name\" content=\"BKC Beka Kimya\" \/>\r\n<meta property=\"article:modified_time\" content=\"2025-12-24T15:33:47+00:00\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bkcbekakimya.com\/hakkimizda\/\",\"url\":\"https:\/\/bkcbekakimya.com\/hakkimizda\/\",\"name\":\"Hakk\u0131m\u0131zda - BKC Beka Kimya\",\"isPartOf\":{\"@id\":\"https:\/\/bkcbekakimya.com\/#website\"},\"datePublished\":\"2025-12-24T15:12:42+00:00\",\"dateModified\":\"2025-12-24T15:33:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bkcbekakimya.com\/hakkimizda\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bkcbekakimya.com\/hakkimizda\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bkcbekakimya.com\/hakkimizda\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/bkcbekakimya.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hakk\u0131m\u0131zda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bkcbekakimya.com\/#website\",\"url\":\"https:\/\/bkcbekakimya.com\/\",\"name\":\"BKC Beka Kimya\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bkcbekakimya.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bkcbekakimya.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bkcbekakimya.com\/#organization\",\"name\":\"BKC Beka Kimya\",\"url\":\"https:\/\/bkcbekakimya.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/bkcbekakimya.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/upscalemedia-transformed_rev_2.png\",\"contentUrl\":\"https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/upscalemedia-transformed_rev_2.png\",\"width\":1894,\"height\":414,\"caption\":\"BKC Beka Kimya\"},\"image\":{\"@id\":\"https:\/\/bkcbekakimya.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hakk\u0131m\u0131zda - BKC Beka Kimya","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bkcbekakimya.com\/en\/hakkimizda\/","og_locale":"en_GB","og_type":"article","og_title":"Hakk\u0131m\u0131zda - BKC Beka Kimya","og_url":"https:\/\/bkcbekakimya.com\/en\/hakkimizda\/","og_site_name":"BKC Beka Kimya","article_modified_time":"2025-12-24T15:33:47+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bkcbekakimya.com\/hakkimizda\/","url":"https:\/\/bkcbekakimya.com\/hakkimizda\/","name":"Hakk\u0131m\u0131zda - BKC Beka Kimya","isPartOf":{"@id":"https:\/\/bkcbekakimya.com\/#website"},"datePublished":"2025-12-24T15:12:42+00:00","dateModified":"2025-12-24T15:33:47+00:00","breadcrumb":{"@id":"https:\/\/bkcbekakimya.com\/hakkimizda\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bkcbekakimya.com\/hakkimizda\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bkcbekakimya.com\/hakkimizda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/bkcbekakimya.com\/"},{"@type":"ListItem","position":2,"name":"Hakk\u0131m\u0131zda"}]},{"@type":"WebSite","@id":"https:\/\/bkcbekakimya.com\/#website","url":"https:\/\/bkcbekakimya.com\/","name":"BKC Beka Kimya","description":"","publisher":{"@id":"https:\/\/bkcbekakimya.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bkcbekakimya.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/bkcbekakimya.com\/#organization","name":"BKC Beka Kimya","url":"https:\/\/bkcbekakimya.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/bkcbekakimya.com\/#\/schema\/logo\/image\/","url":"https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/upscalemedia-transformed_rev_2.png","contentUrl":"https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/upscalemedia-transformed_rev_2.png","width":1894,"height":414,"caption":"BKC Beka Kimya"},"image":{"@id":"https:\/\/bkcbekakimya.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":2,"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}