{"id":11,"date":"2025-12-24T15:12:20","date_gmt":"2025-12-24T15:12:20","guid":{"rendered":"https:\/\/bkcbekakimya.com\/?page_id=11"},"modified":"2025-12-24T15:33:25","modified_gmt":"2025-12-24T15:33:25","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/bkcbekakimya.com\/en\/","title":{"rendered":"HOME"},"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 Ana Sayfa 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-ana-sayfa {\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        }\n\n        \/* Enhanced Multi-Layer Molek\u00fcl Animasyonu *\/\n        .molekul-container {\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        \/* Kimyasal Ba\u011f Efektleri *\/\n        .chemical-bonds {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.05;\n        }\n\n        .bond-line {\n            position: absolute;\n            background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);\n            height: 1px;\n            animation: bondFloat 15s infinite linear;\n        }\n\n        .bond-line:nth-child(1) { width: 200px; top: 20%; left: 10%; animation-delay: 0s; }\n        .bond-line:nth-child(2) { width: 150px; top: 40%; left: 70%; animation-delay: 5s; }\n        .bond-line:nth-child(3) { width: 180px; top: 60%; left: 30%; animation-delay: 10s; }\n        .bond-line:nth-child(4) { width: 120px; top: 80%; left: 80%; animation-delay: 7s; }\n\n        @keyframes bondFloat {\n            0% { opacity: 0; transform: translateX(-50px) rotate(0deg); }\n            50% { opacity: 0.3; }\n            100% { opacity: 0; transform: translateX(100px) rotate(45deg); }\n        }\n\n        \/* Geli\u015ftirilmi\u015f Molek\u00fcl Efektleri *\/\n        .molekul {\n            position: absolute;\n            opacity: 0.06;\n            animation: molekulFloat 25s infinite linear;\n        }\n\n        \/* Farkl\u0131 Molek\u00fcl T\u00fcrleri *\/\n        .molekul.type-1::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, #3b82f6, #1e40af);\n            border-radius: 50%;\n            box-shadow:\n                0 0 20px rgba(59, 130, 246, 0.4),\n                0 0 40px rgba(59, 130, 246, 0.1);\n            animation: atomPulse 4s infinite;\n        }\n\n        .molekul.type-2::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 6px;\n            height: 6px;\n            background: radial-gradient(circle, #ef4444, #dc2626);\n            border-radius: 50%;\n            box-shadow:\n                0 0 15px rgba(239, 68, 68, 0.5),\n                0 0 30px rgba(239, 68, 68, 0.2);\n            animation: atomPulse 3.5s infinite;\n        }\n\n        .molekul.type-3::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, #10b981, #059669);\n            border-radius: 50%;\n            box-shadow:\n                0 0 25px rgba(16, 185, 129, 0.3),\n                0 0 50px rgba(16, 185, 129, 0.1);\n            animation: atomPulse 4.5s infinite;\n        }\n\n        \/* Orbital Efektleri *\/\n        .molekul::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 20px;\n            height: 20px;\n            border: 1px solid rgba(59, 130, 246, 0.15);\n            border-radius: 50%;\n            animation: orbitalRotate 6s infinite linear;\n        }\n\n        .molekul.type-2::after {\n            border-color: rgba(239, 68, 68, 0.15);\n            animation: orbitalRotate 5s infinite linear reverse;\n        }\n\n        .molekul.type-3::after {\n            border-color: rgba(16, 185, 129, 0.15);\n            animation: orbitalRotate 7s infinite linear;\n        }\n\n        @keyframes atomPulse {\n            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n            50% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.2; }\n        }\n\n        @keyframes orbitalRotate {\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        .molekul:nth-child(1) { left: 8%; animation-delay: 0s; }\n        .molekul:nth-child(2) { left: 18%; animation-delay: 3s; }\n        .molekul:nth-child(3) { left: 28%; animation-delay: 6s; }\n        .molekul:nth-child(4) { left: 38%; animation-delay: 9s; }\n        .molekul:nth-child(5) { left: 48%; animation-delay: 12s; }\n        .molekul:nth-child(6) { left: 58%; animation-delay: 15s; }\n        .molekul:nth-child(7) { left: 68%; animation-delay: 18s; }\n        .molekul:nth-child(8) { left: 78%; animation-delay: 21s; }\n        .molekul:nth-child(9) { left: 88%; animation-delay: 24s; }\n        .molekul:nth-child(10) { left: 98%; animation-delay: 27s; }\n\n        @keyframes molekulFloat {\n            0% {\n                transform: translateY(110vh) rotate(0deg) scale(0.2);\n                opacity: 0;\n            }\n            15% { opacity: 0.06; }\n            85% { opacity: 0.06; }\n            100% {\n                transform: translateY(-10vh) rotate(720deg) scale(1.2);\n                opacity: 0;\n            }\n        }\n\n        \/* Hero Slider Section *\/\n        .bkc-hero-slider {\n            position: relative;\n            height: 100vh;\n            overflow: hidden;\n        }\n\n        .bkc-slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transform: translateX(100%) scale(0.9);\n            transition: all 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);\n            color: white;\n            text-align: center;\n        }\n\n        .bkc-slide.active {\n            opacity: 1;\n            transform: translateX(0) scale(1);\n        }\n\n        .bkc-slide.prev {\n            transform: translateX(-100%) scale(0.9);\n        }\n\n        .bkc-slide::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0, 0, 0, 0.5);\n            z-index: 1;\n        }\n\n        .bkc-slide::after {\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=\"hexGrid\" width=\"20\" height=\"17.32\" patternUnits=\"userSpaceOnUse\"><polygon points=\"10,1 18,5 18,13 10,17 2,13 2,5\" fill=\"none\" stroke=\"rgba(255,255,255,0.02)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23hexGrid)\" \/><\/svg>');\n            z-index: 2;\n            animation: backgroundFloat 20s ease-in-out infinite;\n        }\n\n        @keyframes backgroundFloat {\n            0%, 100% { opacity: 0.3; transform: translateY(0px); }\n            50% { opacity: 0.6; transform: translateY(-10px); }\n        }\n\n        .bkc-slide-content {\n            max-width: 900px;\n            padding: 0 20px;\n            z-index: 3;\n            position: relative;\n            margin-top: -80px;\n        }\n\n        .bkc-slide-logo {\n            display: none;\n        }\n\n        @keyframes logoFloat {\n            0%, 100% { transform: translateY(0px) scale(1); }\n            50% { transform: translateY(-10px) scale(1.05); }\n        }\n\n        .bkc-slide h1 {\n            font-size: 3rem;\n            font-weight: 600;\n            margin: 0 0 20px 0;\n            letter-spacing: -1px;\n            color: #ffffff;\n            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n            line-height: 1.2;\n        }\n\n        .bkc-slide p {\n            font-size: 1.1rem;\n            font-weight: 400;\n            margin-bottom: 30px;\n            line-height: 1.6;\n            color: #ffffff;\n            text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);\n            max-width: 650px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0.95;\n        }\n\n        .bkc-slide-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 15px;\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(239, 68, 68, 0.3) 100%);\n            border: 2px solid rgba(255, 255, 255, 0.4);\n            color: white;\n            padding: 20px 50px;\n            border-radius: 60px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            backdrop-filter: blur(25px);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .bkc-slide-cta::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.3),\n                transparent);\n            transition: left 0.6s ease;\n        }\n\n        .bkc-slide-cta:hover::before {\n            left: 100%;\n        }\n\n        .bkc-slide-cta:hover {\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.5) 0%, rgba(239, 68, 68, 0.5) 100%);\n            border-color: rgba(255, 255, 255, 0.7);\n            transform: translateY(-5px) scale(1.08);\n            box-shadow:\n                0 25px 50px rgba(59, 130, 246, 0.3),\n                0 0 80px rgba(239, 68, 68, 0.2);\n        }\n\n        \/* Slider Navigation *\/\n        .bkc-slider-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(255, 255, 255, 0.1);\n            border: 2px solid rgba(255, 255, 255, 0.2);\n            color: white;\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            z-index: 10;\n        }\n\n        .bkc-slider-nav:hover {\n            background: rgba(255, 255, 255, 0.2);\n            border-color: rgba(255, 255, 255, 0.4);\n            transform: translateY(-50%) scale(1.1);\n        }\n\n        .bkc-slider-nav.prev {\n            left: 30px;\n        }\n\n        .bkc-slider-nav.next {\n            right: 30px;\n        }\n\n        .bkc-slider-dots {\n            position: absolute;\n            bottom: 120px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 12px;\n            z-index: 11;\n        }\n\n        .bkc-slider-dot {\n            width: 15px;\n            height: 15px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.3);\n            border: 2px solid rgba(255, 255, 255, 0.5);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .bkc-slider-dot.active {\n            background: rgba(255, 255, 255, 0.8);\n            transform: scale(1.2);\n            box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);\n        }\n\n        \/* Scroll Down Indicator *\/\n        .bkc-scroll-down {\n            position: absolute;\n            bottom: 25px;\n            left: 50%;\n            transform: translateX(-50%);\n            text-align: center;\n            z-index: 12;\n            color: rgba(255, 255, 255, 0.9);\n        }\n\n        .bkc-scroll-arrow {\n            width: 50px;\n            height: 50px;\n            border: 2px solid rgba(255, 255, 255, 0.4);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 8px;\n            font-size: 18px;\n            animation: scrollBounce 2s infinite;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            background: rgba(255, 255, 255, 0.1);\n        }\n\n        .bkc-scroll-arrow:hover {\n            border-color: rgba(255, 255, 255, 0.8);\n            background: rgba(255, 255, 255, 0.2);\n            transform: scale(1.1);\n        }\n\n        .bkc-scroll-text {\n            font-size: 0.9rem;\n            font-weight: 400;\n            opacity: 0.8;\n            display: block;\n        }\n\n        @keyframes scrollBounce {\n            0%, 20%, 50%, 80%, 100% {\n                transform: translateY(0);\n            }\n            40% {\n                transform: translateY(-10px);\n            }\n            60% {\n                transform: translateY(-5px);\n            }\n        }\n\n\n        \/* Services Section *\/\n        .bkc-services {\n            padding: 100px 0;\n            background: white;\n        }\n\n        .bkc-services-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-section-header {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .bkc-section-title {\n            font-size: 2.5rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 20px;\n            letter-spacing: -1px;\n        }\n\n        .bkc-section-subtitle {\n            font-size: 1.1rem;\n            color: #64748b;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.7;\n        }\n\n        .bkc-services-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n        }\n\n        \/* Responsive Services Grid *\/\n        @media (max-width: 1024px) {\n            .bkc-services-grid {\n                grid-template-columns: repeat(1, 1fr);\n                gap: 30px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .bkc-services-grid {\n                grid-template-columns: repeat(1, 1fr);\n                gap: 20px;\n            }\n        }\n\n        .bkc-service-card {\n            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n            padding: 45px 35px;\n            border-radius: 28px;\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            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.08);\n        }\n\n        .bkc-service-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            transform: translateX(-100%);\n            transition: transform 0.6s ease;\n        }\n\n        .bkc-service-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\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-service-card:hover::before {\n            transform: translateX(0);\n        }\n\n        .bkc-service-card:hover::after {\n            transform: scale(1);\n        }\n\n        .bkc-service-card:hover {\n            transform: translateY(-15px) scale(1.02);\n            box-shadow:\n                0 35px 90px rgba(59, 130, 246, 0.25),\n                0 0 60px rgba(239, 68, 68, 0.1);\n            border-color: rgba(59, 130, 246, 0.3);\n            background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);\n        }\n\n        .bkc-service-icon {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            border-radius: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 30px;\n            color: white;\n            font-size: 32px;\n            position: relative;\n            transition: all 0.4s ease;\n            box-shadow:\n                0 15px 35px rgba(59, 130, 246, 0.3),\n                inset 0 2px 0 rgba(255, 255, 255, 0.2);\n        }\n\n        .bkc-service-icon::before {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n            background: linear-gradient(135deg, #3b82f6, #ef4444, #10b981);\n            border-radius: 27px;\n            z-index: -1;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .bkc-service-card:hover .bkc-service-icon::before {\n            opacity: 1;\n        }\n\n        .bkc-service-card:hover .bkc-service-icon {\n            transform: scale(1.15) rotate(-10deg);\n            box-shadow:\n                0 20px 50px rgba(59, 130, 246, 0.4),\n                0 0 40px rgba(239, 68, 68, 0.2),\n                inset 0 3px 0 rgba(255, 255, 255, 0.3);\n        }\n\n        .bkc-service-title {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 16px;\n        }\n\n        .bkc-service-desc {\n            color: #64748b;\n            line-height: 1.7;\n            font-size: 1rem;\n        }\n\n        \/* Technologies Section *\/\n        .bkc-tech {\n            padding: 100px 0;\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        }\n\n        .bkc-tech-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .bkc-tech-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n            margin-top: 60px;\n        }\n\n        .bkc-tech-item {\n            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n            padding: 50px 30px;\n            border-radius: 25px;\n            text-align: center;\n            box-shadow: 0 15px 40px rgba(59, 130, 246, 0.12);\n            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 1px solid rgba(59, 130, 246, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .bkc-tech-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            transform: translateX(-100%);\n            transition: transform 0.6s ease;\n        }\n\n        .bkc-tech-item::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.05), transparent 60%);\n            transform: scale(0);\n            transition: transform 0.5s ease;\n        }\n\n        .bkc-tech-item:hover::before {\n            transform: translateX(0);\n        }\n\n        .bkc-tech-item:hover::after {\n            transform: scale(1);\n        }\n\n        .bkc-tech-item:hover {\n            transform: translateY(-15px) scale(1.05);\n            box-shadow:\n                0 30px 80px rgba(59, 130, 246, 0.25),\n                0 0 50px 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-tech-icon {\n            font-size: 42px;\n            background: linear-gradient(135deg, #3b82f6 0%, #ef4444 50%, #10b981 100%);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-bottom: 25px;\n            display: inline-block;\n            transition: all 0.4s ease;\n            position: relative;\n        }\n\n        .bkc-tech-icon::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 70px;\n            height: 70px;\n            border: 2px solid rgba(59, 130, 246, 0.1);\n            border-radius: 50%;\n            transform: translate(-50%, -50%) scale(0);\n            transition: transform 0.4s ease;\n        }\n\n        .bkc-tech-item:hover .bkc-tech-icon::after {\n            transform: translate(-50%, -50%) scale(1);\n        }\n\n        .bkc-tech-item:hover .bkc-tech-icon {\n            transform: scale(1.2) rotate(8deg);\n        }\n\n        .bkc-tech-item h4 {\n            color: #1e293b;\n            font-size: 1.3rem;\n            font-weight: 600;\n            margin: 0;\n            position: relative;\n            z-index: 2;\n            transition: all 0.3s ease;\n        }\n\n        .bkc-tech-item:hover h4 {\n            color: #3b82f6;\n            transform: translateY(-3px);\n        }\n\n        \/* CTA Section *\/\n        .bkc-cta-section {\n            padding: 100px 0;\n            background-image: url('https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/arka-plann.png');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            color: white;\n            text-align: center;\n            position: relative;\n        }\n\n        .bkc-cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0, 0, 0, 0.7);\n            z-index: 1;\n        }\n\n        .bkc-cta-container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .bkc-cta-title {\n            font-size: 3rem;\n            font-weight: 100;\n            margin-bottom: 24px;\n            letter-spacing: -1px;\n        }\n\n        .bkc-cta-desc {\n            font-size: 1.2rem;\n            margin-bottom: 40px;\n            opacity: 0.9;\n            line-height: 1.7;\n        }\n\n        .bkc-cta-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .bkc-btn-primary {\n            background: rgba(255, 255, 255, 0.15);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            color: white;\n            padding: 16px 32px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n        }\n\n        .bkc-btn-primary:hover {\n            background: rgba(255, 255, 255, 0.25);\n            border-color: rgba(255, 255, 255, 0.5);\n            transform: translateY(-2px);\n        }\n\n        .bkc-btn-secondary {\n            background: transparent;\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            color: white;\n            padding: 16px 32px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 500;\n            transition: all 0.3s ease;\n        }\n\n        .bkc-btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: rgba(255, 255, 255, 0.5);\n        }\n\n        \/* Enhanced Responsive Design *\/\n        @media (max-width: 1200px) {\n            .bkc-tech-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 30px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .bkc-tech-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n            \n            .bkc-tech-item {\n                padding: 40px 25px;\n            }\n        }\n\n        @media (max-width: 1024px) {\n            .bkc-slide h1 {\n                font-size: 2.6rem;\n            }\n            \n            .bkc-slide p {\n                font-size: 1rem;\n                max-width: 500px;\n            }\n            \n            .bkc-slide-content {\n                margin-top: -60px;\n            }\n\n            .bkc-tech-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 25px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .bkc-slide h1 {\n                font-size: 2.2rem;\n                letter-spacing: -0.5px;\n            }\n\n            .bkc-slide p {\n                font-size: 0.95rem;\n                max-width: 400px;\n                margin-bottom: 25px;\n            }\n\n            .bkc-slide-content {\n                margin-top: -40px;\n            }\n\n            .bkc-section-title {\n                font-size: 2rem;\n            }\n\n            .bkc-service-card, .bkc-tech-item {\n                padding: 35px 25px;\n            }\n\n            .bkc-service-icon {\n                width: 60px;\n                height: 60px;\n                font-size: 24px;\n            }\n\n            .bkc-tech-icon {\n                font-size: 32px;\n            }\n\n            .bkc-tech-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 25px;\n            }\n\n            .bkc-cta-title {\n                font-size: 2rem;\n            }\n\n            .bkc-cta-buttons {\n                flex-direction: column;\n                align-items: center;\n                gap: 15px;\n            }\n\n            .bkc-slider-nav {\n                width: 45px;\n                height: 45px;\n            }\n\n            .bkc-slider-nav.prev {\n                left: 15px;\n            }\n\n            .bkc-slider-nav.next {\n                right: 15px;\n            }\n\n            .bkc-slider-dots {\n                bottom: 90px;\n                gap: 10px;\n            }\n\n            .bkc-slider-dot {\n                width: 12px;\n                height: 12px;\n            }\n\n            .bkc-scroll-down {\n                bottom: 20px;\n            }\n\n            .bkc-scroll-arrow {\n                width: 45px;\n                height: 45px;\n                font-size: 16px;\n                margin-bottom: 6px;\n            }\n\n            .bkc-scroll-text {\n                font-size: 0.85rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .bkc-slide h1 {\n                font-size: 2rem;\n                margin-bottom: 16px;\n            }\n\n            .bkc-slide p {\n                font-size: 0.9rem;\n                max-width: 320px;\n                margin-bottom: 22px;\n            }\n\n            .bkc-slide-content {\n                margin-top: -20px;\n            }\n\n            .bkc-tech-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .bkc-service-card, .bkc-tech-item {\n                padding: 30px 20px;\n            }\n\n            .bkc-service-icon {\n                width: 50px;\n                height: 50px;\n                font-size: 20px;\n                margin-bottom: 20px;\n            }\n\n            .bkc-tech-icon {\n                font-size: 28px;\n            }\n\n            .bkc-section-title {\n                font-size: 1.8rem;\n            }\n\n            .bkc-slide-cta {\n                padding: 14px 28px;\n                font-size: 0.95rem;\n            }\n\n            .bkc-cta-title {\n                font-size: 1.8rem;\n            }\n\n            .bkc-slider-dots {\n                bottom: 80px;\n                gap: 8px;\n            }\n\n            .bkc-slider-dot {\n                width: 10px;\n                height: 10px;\n            }\n\n            .bkc-scroll-down {\n                bottom: 15px;\n            }\n\n            .bkc-scroll-arrow {\n                width: 40px;\n                height: 40px;\n                font-size: 14px;\n                margin-bottom: 5px;\n            }\n\n            .bkc-scroll-text {\n                font-size: 0.75rem;\n            }\n        }\n    <\/style>\n\n    <div class=\"bkc-ana-sayfa\">\n        <!-- Geli\u015ftirilmi\u015f Molek\u00fcl Animasyonu -->\n        <div class=\"molekul-container\">\n            <!-- Kimyasal Ba\u011f Efektleri -->\n            <div class=\"chemical-bonds\">\n                <div class=\"bond-line\"><\/div>\n                <div class=\"bond-line\"><\/div>\n                <div class=\"bond-line\"><\/div>\n                <div class=\"bond-line\"><\/div>\n            <\/div>\n            \n            <!-- \u00c7e\u015fitli Molek\u00fcl T\u00fcrleri -->\n            <div class=\"molekul type-1\"><\/div>\n            <div class=\"molekul type-2\"><\/div>\n            <div class=\"molekul type-3\"><\/div>\n            <div class=\"molekul type-1\"><\/div>\n            <div class=\"molekul type-2\"><\/div>\n            <div class=\"molekul type-3\"><\/div>\n            <div class=\"molekul type-1\"><\/div>\n            <div class=\"molekul type-2\"><\/div>\n            <div class=\"molekul type-3\"><\/div>\n            <div class=\"molekul type-1\"><\/div>\n        <\/div>\n\n        <!-- Hero Slider Section -->\n        <section class=\"bkc-hero-slider\" id=\"bkcSlider\">\n            <!-- Slide 1 - Transformation -->\n            <div class=\"bkc-slide active\" style=\"background-image: url('https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/karbon_ticareti.jpg');\">\n                <div class=\"bkc-slide-content\">\n                    <h1>Advancement begins when the right conditions come together.<\/h1>\n                    <p>The Point Where Chemical Solutions Meet Industrial Processes<\/p>\n                    <a href=\"https:\/\/bkcbekakimya.com\/en\/hakkimizda\/\" class=\"bkc-slide-cta\">\n                        <span>More Information<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 2 - Tekstil Kimyasallar\u0131 -->\n            <div class=\"bkc-slide\" style=\"background-image: url('https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/pha_sourcing-fashion-1920-2.jpg');\">\n                <div class=\"bkc-slide-content\">\n                    <h1>Textile Auxiliary Chemicals<\/h1>\n                    <p>High-performance chemical solutions for the textile industry,\nwith expert technical support throughout\u00a0every\u00a0stage.<\/p>\n                    <a href=\"https:\/\/bkcbekakimya.com\/en\/urunler\/\" class=\"bkc-slide-cta\">\n                        <span>Browse our products<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Slide 3 - K\u00e2\u011f\u0131t Kimyasallar\u0131 -->\n            <div class=\"bkc-slide\" style=\"background-image: url('https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/istockphoto-513542264-612x612-1.jpg');\">\n                <div class=\"bkc-slide-content\">\n                    <h1>Paper Chemicals<\/h1>\n                    <p>We are in the field with high-performance chemical solutions developed for paper production, supported by our technical support\u00a0services.<\/p>\n                    <a href=\"https:\/\/bkcbekakimya.com\/en\/urunler\/\" class=\"bkc-slide-cta\">\n                        <span>Browse our products<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 4 - Yap\u0131 Kimyasallar\u0131 -->\n            <div class=\"bkc-slide\" style=\"background-image: url('https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/2025-issizlik-maasi-ne-kadar.jpg');\">\n                <div class=\"bkc-slide-content\">\n                    <h1>Construction Chemicals<\/h1>\n                    <p>We are aware of the importance of sustainability, delivering the best solutions exactly where they are\u00a0needed\u00a0most.<\/p>\n                    <a href=\"https:\/\/bkcbekakimya.com\/en\/urunler\/\" class=\"bkc-slide-cta\">\n                        <span>Browse our products<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 5 - Proses Kimyasallar\u0131 -->\n            <div class=\"bkc-slide\" style=\"background-image: url('https:\/\/bkcbekakimya.com\/wp-content\/uploads\/2025\/12\/solutions-wastewater-treatment-04.jpg');\">\n                <div class=\"bkc-slide-content\">\n                    <h1>Process Chemicals<\/h1>\n                    <p>With our portfolio of process chemicals, we continuously follow developments in innovation, quality, and technical\u00a0service.<\/p>\n                    <a href=\"https:\/\/bkcbekakimya.com\/en\/urunler\/\" class=\"bkc-slide-cta\">\n                        <span>Browse our products<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Navigation Arrows -->\n            <div class=\"bkc-slider-nav prev\" onclick=\"bkcChangeSlide(-1)\">\n                <i class=\"fas fa-chevron-left\"><\/i>\n            <\/div>\n            <div class=\"bkc-slider-nav next\" onclick=\"bkcChangeSlide(1)\">\n                <i class=\"fas fa-chevron-right\"><\/i>\n            <\/div>\n            \n            <!-- Navigation Dots -->\n            <div class=\"bkc-slider-dots\">\n                <div class=\"bkc-slider-dot active\" onclick=\"bkcCurrentSlide(1)\"><\/div>\n                <div class=\"bkc-slider-dot\" onclick=\"bkcCurrentSlide(2)\"><\/div>\n                <div class=\"bkc-slider-dot\" onclick=\"bkcCurrentSlide(3)\"><\/div>\n                <div class=\"bkc-slider-dot\" onclick=\"bkcCurrentSlide(4)\"><\/div>\n                <div class=\"bkc-slider-dot\" onclick=\"bkcCurrentSlide(5)\"><\/div>\n            <\/div>\n            \n        <\/section>\n    <\/div>\n\n    <script>\n        \/\/ Hero Slider Functionality\n        let currentSlide = 0;\n        const slides = document.querySelectorAll('.bkc-slide');\n        const dots = document.querySelectorAll('.bkc-slider-dot');\n        const totalSlides = slides.length;\n\n        function bkcShowSlide(n) {\n            slides[currentSlide].classList.remove('active');\n            dots[currentSlide].classList.remove('active');\n            \n            currentSlide = (n + totalSlides) % totalSlides;\n            \n            slides[currentSlide].classList.add('active');\n            dots[currentSlide].classList.add('active');\n        }\n\n        function bkcChangeSlide(n) {\n            bkcShowSlide(currentSlide + n);\n        }\n\n        function bkcCurrentSlide(n) {\n            bkcShowSlide(n - 1);\n        }\n\n        \/\/ Auto-play slider removed - manual navigation only\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        \/\/ Enhanced Intersection Observer for animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = 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                        entry.target.classList.add('animated');\n                    }, index * 100);\n                }\n            });\n        }, observerOptions);\n\n\n        \/\/ Touch\/swipe support for mobile\n        let startX = 0;\n        let endX = 0;\n\n        document.querySelector('.bkc-hero-slider').addEventListener('touchstart', e => {\n            startX = e.changedTouches[0].screenX;\n        });\n\n        document.querySelector('.bkc-hero-slider').addEventListener('touchend', e => {\n            endX = e.changedTouches[0].screenX;\n            handleSwipe();\n        });\n\n        function handleSwipe() {\n            const threshold = 50;\n            if (startX - endX > threshold) {\n                bkcChangeSlide(1); \/\/ Swipe left\n            } else if (endX - startX > threshold) {\n                bkcChangeSlide(-1); \/\/ Swipe right\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-11","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>Ana Sayfa - 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\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_GB\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Ana Sayfa - BKC Beka Kimya\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/bkcbekakimya.com\/en\/\" \/>\r\n<meta property=\"og:site_name\" content=\"BKC Beka Kimya\" \/>\r\n<meta property=\"article:modified_time\" content=\"2025-12-24T15:33:25+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\/\",\"url\":\"https:\/\/bkcbekakimya.com\/\",\"name\":\"Ana Sayfa - BKC Beka Kimya\",\"isPartOf\":{\"@id\":\"https:\/\/bkcbekakimya.com\/#website\"},\"datePublished\":\"2025-12-24T15:12:20+00:00\",\"dateModified\":\"2025-12-24T15:33:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bkcbekakimya.com\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bkcbekakimya.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bkcbekakimya.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/bkcbekakimya.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ana Sayfa\"}]},{\"@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":"Ana Sayfa - 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\/","og_locale":"en_GB","og_type":"article","og_title":"Ana Sayfa - BKC Beka Kimya","og_url":"https:\/\/bkcbekakimya.com\/en\/","og_site_name":"BKC Beka Kimya","article_modified_time":"2025-12-24T15:33:25+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bkcbekakimya.com\/","url":"https:\/\/bkcbekakimya.com\/","name":"Ana Sayfa - BKC Beka Kimya","isPartOf":{"@id":"https:\/\/bkcbekakimya.com\/#website"},"datePublished":"2025-12-24T15:12:20+00:00","dateModified":"2025-12-24T15:33:25+00:00","breadcrumb":{"@id":"https:\/\/bkcbekakimya.com\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bkcbekakimya.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bkcbekakimya.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/bkcbekakimya.com\/"},{"@type":"ListItem","position":2,"name":"Ana Sayfa"}]},{"@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\/11","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=11"}],"version-history":[{"count":2,"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/bkcbekakimya.com\/en\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}