{"id":18,"date":"2026-06-20T09:54:59","date_gmt":"2026-06-20T09:54:59","guid":{"rendered":"https:\/\/rubitek.com.tr\/?page_id=18"},"modified":"2026-08-31T01:34:06","modified_gmt":"2026-08-30T22:34:06","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/rubitek.com.tr\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18\" class=\"elementor elementor-18\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62bf2d9 e-con-full e-flex e-con e-parent\" data-id=\"62bf2d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c97e571 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c97e571\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- RUBITEK VIDEO + G\u00d6RSEL SLIDER -->\n<div class=\"rubitek-main-slider\" id=\"rubitekMainSlider\">\n\n    <!-- 1. SLIDE - VIDEO -->\n    <div class=\"rubitek-slider-item active rubitek-video-slide\" data-type=\"video\">\n\n        <video\n            class=\"rubitek-slider-media\"\n            muted\n            playsinline\n            webkit-playsinline\n            preload=\"auto\"\n            autoplay\n        >\n            <source\n                src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/slider1.mp4\"\n                type=\"video\/mp4\"\n            >\n        <\/video>\n\n        <!-- V\u0130DEO KARARTMA -->\n        <div class=\"rubitek-video-overlay\"><\/div>\n\n        <!-- V\u0130DEO \u00dcST\u00dc \u0130\u00c7ER\u0130K -->\n        <div class=\"rubitek-video-content\">\n\n            <img decoding=\"async\"\n                class=\"rubitek-video-logo\"\n                src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubiteklogo.svg\"\n                alt=\"Rubitek\"\n            >\n\n            <div class=\"rubitek-video-line\"><\/div>\n\n            <h1 class=\"rubitek-video-title\">\n                <span class=\"line-1\">\n                    Metalde G\u00fc\u00e7l\u00fc \u00c7\u00f6z\u00fcmler,\n                <\/span>\n\n                <span class=\"line-2\">\n                    \u00dcretimde M\u00fckemmellik\n                <\/span>\n            <\/h1>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- 2. SLIDE -->\n    <div class=\"rubitek-slider-item\" data-type=\"image\">\n\n        <img decoding=\"async\"\n            class=\"rubitek-slider-media\"\n            src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/kapak-01.jpg\"\n            alt=\"Rubitek Metal\"\n            loading=\"eager\"\n        >\n\n    <\/div>\n\n\n    <!-- 3. SLIDE -->\n    <div class=\"rubitek-slider-item\" data-type=\"image\">\n\n        <img decoding=\"async\"\n            class=\"rubitek-slider-media\"\n            src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/01-cnc.jpg\"\n            alt=\"Rubitek CNC\"\n            loading=\"lazy\"\n        >\n\n    <\/div>\n\n\n    <!-- 4. SLIDE -->\n    <div class=\"rubitek-slider-item\" data-type=\"image\">\n\n        <img decoding=\"async\"\n            class=\"rubitek-slider-media\"\n            src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/02-hassasiyet.jpg\"\n            alt=\"Rubitek Hassasiyet\"\n            loading=\"lazy\"\n        >\n\n    <\/div>\n\n\n    <!-- 5. SLIDE -->\n    <div class=\"rubitek-slider-item\" data-type=\"image\">\n\n        <img decoding=\"async\"\n            class=\"rubitek-slider-media\"\n            src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/01.jpg\"\n            alt=\"Rubitek Metal\"\n            loading=\"lazy\"\n        >\n\n    <\/div>\n\n\n    <!-- SOL OK -->\n    <button\n        class=\"rubitek-slider-arrow rubitek-slider-prev\"\n        type=\"button\"\n        aria-label=\"\u00d6nceki\"\n    >\n        &#10094;\n    <\/button>\n\n\n    <!-- SA\u011e OK -->\n    <button\n        class=\"rubitek-slider-arrow rubitek-slider-next\"\n        type=\"button\"\n        aria-label=\"Sonraki\"\n    >\n        &#10095;\n    <\/button>\n\n\n    <!-- NOKTALAR -->\n    <div class=\"rubitek-slider-dots\">\n\n        <button\n            class=\"rubitek-dot active\"\n            data-slide=\"0\"\n            aria-label=\"1. slayt\"\n        ><\/button>\n\n        <button\n            class=\"rubitek-dot\"\n            data-slide=\"1\"\n            aria-label=\"2. slayt\"\n        ><\/button>\n\n        <button\n            class=\"rubitek-dot\"\n            data-slide=\"2\"\n            aria-label=\"3. slayt\"\n        ><\/button>\n\n        <button\n            class=\"rubitek-dot\"\n            data-slide=\"3\"\n            aria-label=\"4. slayt\"\n        ><\/button>\n\n        <button\n            class=\"rubitek-dot\"\n            data-slide=\"4\"\n            aria-label=\"5. slayt\"\n        ><\/button>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ======================================================\n   ANA SLIDER\n====================================================== *\/\n\n#rubitekMainSlider {\n\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 1000 \/ 507;\n\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0;\n\n    background: #000;\n\n    isolation: isolate;\n\n}\n\n\n\/* ======================================================\n   SLIDE\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-slider-item {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    z-index: 1;\n\n    transition:\n        opacity 0.8s ease,\n        visibility 0.8s ease;\n\n}\n\n\n#rubitekMainSlider .rubitek-slider-item.active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n    z-index: 2;\n\n}\n\n\n\/* ======================================================\n   FOTO\u011eRAF + VIDEO\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-slider-media {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    object-position: center center;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n\n    transform: translateZ(0);\n\n    backface-visibility: hidden;\n\n}\n\n\n#rubitekMainSlider video {\n\n    background: #000;\n\n}\n\n\n\/* ======================================================\n   VIDEO SLIDE\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-video-slide {\n\n    overflow: hidden;\n\n}\n\n\n\/* ======================================================\n   VIDEO KARARTMA\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-video-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 4;\n\n    pointer-events: none;\n\n    opacity: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,0.10) 0%,\n            rgba(0,0,0,0.44) 45%,\n            rgba(0,0,0,0.56) 100%\n        );\n\n}\n\n\n\/* ======================================================\n   VIDEO \u0130\u00c7ER\u0130K\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-video-content {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 10;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    align-items: center;\n\n    text-align: center;\n\n    padding: 40px;\n\n    pointer-events: none;\n\n}\n\n\n\/* ======================================================\n   LOGO\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-video-logo {\n\n    \/*\n    \u00d6nceki max de\u011fer yakla\u015f\u0131k 290px idi.\n    Yakla\u015f\u0131k %20 b\u00fcy\u00fct\u00fcld\u00fc.\n    *\/\n\n    width: clamp(190px, 22vw, 350px);\n\n    height: auto;\n\n    display: block;\n\n    margin: 0 0 24px 0;\n\n    opacity: 0;\n\n    transform:\n        translateY(-24px)\n        scale(0.96);\n\n    \/*\n    LOGOYU TAMAMEN BEYAZ YAP\n    *\/\n\n    filter:\n        brightness(0)\n        invert(1)\n        drop-shadow(\n            0 8px 28px\n            rgba(0,0,0,0.35)\n        );\n\n}\n\n\n\/* ======================================================\n   LOGO ALT \u00c7\u0130ZG\u0130\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-video-line {\n\n    width: 0;\n\n    height: 1px;\n\n    margin-bottom: 24px;\n\n    opacity: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,255,0.95),\n            transparent\n        );\n\n}\n\n\n\/* ======================================================\n   BA\u015eLIK\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-video-title {\n\n    margin: 0;\n    padding: 0;\n\n    color: #fff;\n\n    font-family:\n        \"Montserrat\",\n        \"Arial\",\n        sans-serif;\n\n    font-size:\n        clamp(\n            30px,\n            4vw,\n            66px\n        );\n\n    line-height: 1.08;\n\n    font-weight: 700;\n\n    letter-spacing: -0.03em;\n\n    text-shadow:\n        0 5px 30px\n        rgba(0,0,0,0.40);\n\n}\n\n\n#rubitekMainSlider .rubitek-video-title span {\n\n    display: block;\n\n    opacity: 0;\n\n    filter: blur(8px);\n\n    transform:\n        translateY(30px);\n\n}\n\n\n\/* ======================================================\n   VIDEO AN\u0130MASYONLARI\n====================================================== *\/\n\n#rubitekMainSlider\n.rubitek-video-slide.active\n.rubitek-video-overlay {\n\n    animation:\n        rubitekOverlayReveal\n        8s\n        ease\n        forwards;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-video-slide.active\n.rubitek-video-logo {\n\n    animation:\n        rubitekLogoReveal\n        8s\n        cubic-bezier(.22,.61,.36,1)\n        forwards;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-video-slide.active\n.rubitek-video-line {\n\n    animation:\n        rubitekLineReveal\n        8s\n        ease\n        forwards;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-video-slide.active\n.rubitek-video-title\n.line-1 {\n\n    animation:\n        rubitekTextLine1\n        8s\n        cubic-bezier(.22,.61,.36,1)\n        forwards;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-video-slide.active\n.rubitek-video-title\n.line-2 {\n\n    animation:\n        rubitekTextLine2\n        8s\n        cubic-bezier(.22,.61,.36,1)\n        forwards;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-video-slide.active\nvideo {\n\n    animation:\n        rubitekVideoZoom\n        8s\n        linear\n        forwards;\n\n}\n\n\n\/* ======================================================\n   KARARTMA AN\u0130MASYONU\n====================================================== *\/\n\n@keyframes rubitekOverlayReveal {\n\n    0% {\n\n        opacity: 0;\n\n    }\n\n    10% {\n\n        opacity: 0;\n\n    }\n\n    22% {\n\n        opacity: 1;\n\n    }\n\n    88% {\n\n        opacity: 1;\n\n    }\n\n    100% {\n\n        opacity: 0;\n\n    }\n\n}\n\n\n\/* ======================================================\n   LOGO AN\u0130MASYONU\n====================================================== *\/\n\n@keyframes rubitekLogoReveal {\n\n    0%,\n    13% {\n\n        opacity: 0;\n\n        transform:\n            translateY(-24px)\n            scale(0.96);\n\n    }\n\n    24% {\n\n        opacity: 1;\n\n        transform:\n            translateY(0)\n            scale(1);\n\n    }\n\n    86% {\n\n        opacity: 1;\n\n        transform:\n            translateY(0)\n            scale(1);\n\n    }\n\n    100% {\n\n        opacity: 0;\n\n        transform:\n            translateY(-8px)\n            scale(0.99);\n\n    }\n\n}\n\n\n\/* ======================================================\n   \u00c7\u0130ZG\u0130 AN\u0130MASYONU\n====================================================== *\/\n\n@keyframes rubitekLineReveal {\n\n    0%,\n    20% {\n\n        width: 0;\n\n        opacity: 0;\n\n    }\n\n    30% {\n\n        width: 190px;\n\n        opacity: 0.9;\n\n    }\n\n    86% {\n\n        width: 190px;\n\n        opacity: 0.9;\n\n    }\n\n    100% {\n\n        width: 0;\n\n        opacity: 0;\n\n    }\n\n}\n\n\n\/* ======================================================\n   1. SATIR\n====================================================== *\/\n\n@keyframes rubitekTextLine1 {\n\n    0%,\n    25% {\n\n        opacity: 0;\n\n        filter: blur(8px);\n\n        transform:\n            translateY(30px);\n\n    }\n\n    37% {\n\n        opacity: 1;\n\n        filter: blur(0);\n\n        transform:\n            translateY(0);\n\n    }\n\n    88% {\n\n        opacity: 1;\n\n        filter: blur(0);\n\n        transform:\n            translateY(0);\n\n    }\n\n    100% {\n\n        opacity: 0;\n\n        filter: blur(4px);\n\n        transform:\n            translateY(-10px);\n\n    }\n\n}\n\n\n\/* ======================================================\n   2. SATIR\n====================================================== *\/\n\n@keyframes rubitekTextLine2 {\n\n    0%,\n    30% {\n\n        opacity: 0;\n\n        filter: blur(8px);\n\n        transform:\n            translateY(30px);\n\n    }\n\n    42% {\n\n        opacity: 1;\n\n        filter: blur(0);\n\n        transform:\n            translateY(0);\n\n    }\n\n    88% {\n\n        opacity: 1;\n\n        filter: blur(0);\n\n        transform:\n            translateY(0);\n\n    }\n\n    100% {\n\n        opacity: 0;\n\n        filter: blur(4px);\n\n        transform:\n            translateY(-10px);\n\n    }\n\n}\n\n\n\/* ======================================================\n   VIDEO ZOOM\n====================================================== *\/\n\n@keyframes rubitekVideoZoom {\n\n    from {\n\n        transform:\n            scale(1);\n\n    }\n\n    to {\n\n        transform:\n            scale(1.035);\n\n    }\n\n}\n\n\n\/* ======================================================\n   FOTO\u011eRAF ZOOM\n====================================================== *\/\n\n#rubitekMainSlider\n.rubitek-slider-item.active[data-type=\"image\"]\n.rubitek-slider-media {\n\n    animation:\n        rubitekSliderZoom\n        6s\n        ease-out\n        forwards;\n\n}\n\n\n@keyframes rubitekSliderZoom {\n\n    from {\n\n        transform:\n            scale(1);\n\n    }\n\n    to {\n\n        transform:\n            scale(1.035);\n\n    }\n\n}\n\n\n\/* ======================================================\n   OKLAR\n====================================================== *\/\n\n#rubitekMainSlider .rubitek-slider-arrow {\n\n    position: absolute;\n\n    top: 50%;\n\n    transform:\n        translateY(-50%);\n\n    z-index: 20;\n\n    width: 48px;\n    height: 48px;\n\n    padding: 0;\n\n    border:\n        1px solid\n        rgba(255,255,255,0.20);\n\n    border-radius: 50%;\n\n    background:\n        rgba(0,0,0,0.30);\n\n    backdrop-filter:\n        blur(8px);\n\n    -webkit-backdrop-filter:\n        blur(8px);\n\n    color: #fff;\n\n    font-size: 25px;\n\n    line-height: 1;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    cursor: pointer;\n\n    opacity: 0;\n\n    transition:\n        opacity 0.3s ease,\n        background 0.3s ease;\n\n}\n\n\n#rubitekMainSlider:hover\n.rubitek-slider-arrow {\n\n    opacity: 1;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-slider-arrow:hover {\n\n    background:\n        rgba(120,0,0,0.75);\n\n}\n\n\n#rubitekMainSlider\n.rubitek-slider-prev {\n\n    left: 24px;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-slider-next {\n\n    right: 24px;\n\n}\n\n\n\/* ======================================================\n   NOKTALAR\n====================================================== *\/\n\n#rubitekMainSlider\n.rubitek-slider-dots {\n\n    position: absolute;\n\n    z-index: 20;\n\n    left: 50%;\n\n    bottom: 20px;\n\n    transform:\n        translateX(-50%);\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-dot {\n\n    width: 8px;\n    height: 8px;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 100px;\n\n    background:\n        rgba(255,255,255,0.45);\n\n    cursor: pointer;\n\n    transition:\n        width 0.35s ease,\n        background 0.35s ease;\n\n}\n\n\n#rubitekMainSlider\n.rubitek-dot.active {\n\n    width: 30px;\n\n    background: #fff;\n\n}\n\n\n\/* ======================================================\n   TABLET\n====================================================== *\/\n\n@media (max-width: 1024px) {\n\n    #rubitekMainSlider\n    .rubitek-slider-arrow {\n\n        width: 42px;\n        height: 42px;\n\n        font-size: 20px;\n\n        opacity: 0.8;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-slider-prev {\n\n        left: 15px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-slider-next {\n\n        right: 15px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-content {\n\n        padding:\n            30px 50px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-logo {\n\n        width:\n            clamp(\n                150px,\n                25vw,\n                270px\n            );\n\n        margin-bottom: 18px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-line {\n\n        margin-bottom: 18px;\n\n    }\n\n}\n\n\n\/* ======================================================\n   MOB\u0130L\n====================================================== *\/\n\n@media (max-width: 767px) {\n\n    #rubitekMainSlider {\n\n        width: 100%;\n\n        aspect-ratio:\n            1000 \/ 507;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-slider-media {\n\n        object-fit: cover;\n\n        object-position:\n            center center;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-slider-arrow {\n\n        display: none;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-slider-dots {\n\n        bottom: 10px;\n\n        gap: 6px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-dot {\n\n        width: 6px;\n        height: 6px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-dot.active {\n\n        width: 22px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-content {\n\n        padding:\n            18px 22px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-logo {\n\n        width:\n            clamp(\n                120px,\n                32vw,\n                175px\n            );\n\n        margin-bottom: 11px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-line {\n\n        margin-bottom: 12px;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-video-title {\n\n        font-size:\n            clamp(\n                18px,\n                5.6vw,\n                32px\n            );\n\n        line-height: 1.12;\n\n        letter-spacing: -0.02em;\n\n    }\n\n\n    @keyframes rubitekLineReveal {\n\n        0%,\n        20% {\n\n            width: 0;\n\n            opacity: 0;\n\n        }\n\n        30% {\n\n            width: 110px;\n\n            opacity: 0.9;\n\n        }\n\n        86% {\n\n            width: 110px;\n\n            opacity: 0.9;\n\n        }\n\n        100% {\n\n            width: 0;\n\n            opacity: 0;\n\n        }\n\n    }\n\n}\n\n\n\/* ======================================================\n   HAREKET AZALTMA\n====================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #rubitekMainSlider\n    .rubitek-slider-item {\n\n        transition: none;\n\n    }\n\n\n    #rubitekMainSlider\n    .rubitek-slider-item.active[data-type=\"image\"]\n    .rubitek-slider-media {\n\n        animation: none;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    function initRubitekSlider() {\n\n        const slider =\n            document.getElementById(\n                'rubitekMainSlider'\n            );\n\n        if (!slider) return;\n\n\n        const slides =\n            slider.querySelectorAll(\n                '.rubitek-slider-item'\n            );\n\n\n        const dots =\n            slider.querySelectorAll(\n                '.rubitek-dot'\n            );\n\n\n        const prevButton =\n            slider.querySelector(\n                '.rubitek-slider-prev'\n            );\n\n\n        const nextButton =\n            slider.querySelector(\n                '.rubitek-slider-next'\n            );\n\n\n        if (!slides.length) return;\n\n\n        \/* ==================================================\n           AYARLAR\n        ================================================== *\/\n\n        \/*\n        FOTO\u011eRAFLARIN EKRANDA KALMA S\u00dcRES\u0130\n\n        5000 = 5 saniye\n        *\/\n\n        const IMAGE_DURATION = 5000;\n\n\n        \/*\n        Video 8 saniye.\n        G\u00fcvenlik zamanlay\u0131c\u0131s\u0131 da 8 saniye.\n        *\/\n\n        const VIDEO_DURATION = 8000;\n\n\n        let currentSlide = 0;\n\n        let slideTimer = null;\n\n        let videoTimer = null;\n\n        let touchStartX = 0;\n\n        let touchEndX = 0;\n\n\n        \/* ==================================================\n           TIMER TEM\u0130ZLE\n        ================================================== *\/\n\n        function clearTimers() {\n\n            if (slideTimer) {\n\n                clearTimeout(\n                    slideTimer\n                );\n\n                slideTimer = null;\n\n            }\n\n\n            if (videoTimer) {\n\n                clearTimeout(\n                    videoTimer\n                );\n\n                videoTimer = null;\n\n            }\n\n        }\n\n\n        \/* ==================================================\n           V\u0130DEOLARI DURDUR\n        ================================================== *\/\n\n        function stopVideos() {\n\n            slides.forEach(\n                function (slide) {\n\n                    const video =\n                        slide.querySelector(\n                            'video'\n                        );\n\n                    if (!video) return;\n\n\n                    video.pause();\n\n\n                    try {\n\n                        video.currentTime = 0;\n\n                    } catch (e) {}\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================================\n           NOKTALARI G\u00dcNCELLE\n        ================================================== *\/\n\n        function updateDots(index) {\n\n            dots.forEach(\n                function (dot) {\n\n                    dot.classList.remove(\n                        'active'\n                    );\n\n                }\n            );\n\n\n            if (dots[index]) {\n\n                dots[index].classList.add(\n                    'active'\n                );\n\n            }\n\n        }\n\n\n        \/* ==================================================\n           AN\u0130MASYON RESET\n        ================================================== *\/\n\n        function restartAnimations(slide) {\n\n            const elements =\n                slide.querySelectorAll(\n                    '.rubitek-video-overlay, ' +\n                    '.rubitek-video-logo, ' +\n                    '.rubitek-video-line, ' +\n                    '.rubitek-video-title span, ' +\n                    'video'\n                );\n\n\n            elements.forEach(\n                function (element) {\n\n                    element.style.animation =\n                        'none';\n\n                    void element.offsetWidth;\n\n                    element.style.animation =\n                        '';\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================================\n           SLIDE G\u00d6STER\n        ================================================== *\/\n\n        function showSlide(index) {\n\n            clearTimers();\n\n            stopVideos();\n\n\n            if (\n                index >= slides.length\n            ) {\n\n                index = 0;\n\n            }\n\n\n            if (\n                index < 0\n            ) {\n\n                index =\n                    slides.length - 1;\n\n            }\n\n\n            currentSlide = index;\n\n\n            slides.forEach(\n                function (slide) {\n\n                    slide.classList.remove(\n                        'active'\n                    );\n\n                }\n            );\n\n\n            const activeSlide =\n                slides[currentSlide];\n\n\n            activeSlide.classList.add(\n                'active'\n            );\n\n\n            updateDots(\n                currentSlide\n            );\n\n\n            const video =\n                activeSlide.querySelector(\n                    'video'\n                );\n\n\n            \/* ==============================================\n               VIDEO\n            ============================================== *\/\n\n            if (video) {\n\n                restartAnimations(\n                    activeSlide\n                );\n\n\n                video.muted = true;\n\n                video.playsInline = true;\n\n\n                video.setAttribute(\n                    'muted',\n                    ''\n                );\n\n\n                video.setAttribute(\n                    'playsinline',\n                    ''\n                );\n\n\n                video.setAttribute(\n                    'webkit-playsinline',\n                    ''\n                );\n\n\n                try {\n\n                    video.currentTime = 0;\n\n                } catch (e) {}\n\n\n                video.onended =\n                    function () {\n\n                        clearTimers();\n\n                        nextSlide();\n\n                    };\n\n\n                const playPromise =\n                    video.play();\n\n\n                if (\n                    playPromise !== undefined\n                ) {\n\n                    playPromise.catch(\n                        function () {\n\n                            video.addEventListener(\n                                'loadeddata',\n                                function () {\n\n                                    video.muted =\n                                        true;\n\n                                    video\n                                        .play()\n                                        .catch(\n                                            function () {}\n                                        );\n\n                                },\n                                {\n                                    once: true\n                                }\n                            );\n\n                        }\n                    );\n\n                }\n\n\n                \/*\n                Video ger\u00e7ek s\u00fcresi bekleniyor.\n                Ek olarak 8 saniyelik g\u00fcvenlik.\n                *\/\n\n                videoTimer =\n                    setTimeout(\n                        function () {\n\n                            nextSlide();\n\n                        },\n                        VIDEO_DURATION\n                    );\n\n            }\n\n\n            \/* ==============================================\n               FOTO\u011eRAF\n            ============================================== *\/\n\n            else {\n\n                slideTimer =\n                    setTimeout(\n                        function () {\n\n                            nextSlide();\n\n                        },\n                        IMAGE_DURATION\n                    );\n\n            }\n\n        }\n\n\n        \/* ==================================================\n           SONRAK\u0130\n        ================================================== *\/\n\n        function nextSlide() {\n\n            showSlide(\n                (\n                    currentSlide + 1\n                ) %\n                slides.length\n            );\n\n        }\n\n\n        \/* ==================================================\n           \u00d6NCEK\u0130\n        ================================================== *\/\n\n        function previousSlide() {\n\n            showSlide(\n                (\n                    currentSlide -\n                    1 +\n                    slides.length\n                ) %\n                slides.length\n            );\n\n        }\n\n\n        \/* ==================================================\n           OKLAR\n        ================================================== *\/\n\n        if (nextButton) {\n\n            nextButton.addEventListener(\n                'click',\n                function () {\n\n                    nextSlide();\n\n                }\n            );\n\n        }\n\n\n        if (prevButton) {\n\n            prevButton.addEventListener(\n                'click',\n                function () {\n\n                    previousSlide();\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================================\n           NOKTALAR\n        ================================================== *\/\n\n        dots.forEach(\n            function (dot) {\n\n                dot.addEventListener(\n                    'click',\n                    function () {\n\n                        const index =\n                            parseInt(\n                                this.getAttribute(\n                                    'data-slide'\n                                ),\n                                10\n                            );\n\n\n                        showSlide(\n                            index\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* ==================================================\n           MOB\u0130L SWIPE\n        ================================================== *\/\n\n        slider.addEventListener(\n            'touchstart',\n            function (event) {\n\n                touchStartX =\n                    event\n                        .changedTouches[0]\n                        .screenX;\n\n            },\n            {\n                passive: true\n            }\n        );\n\n\n        slider.addEventListener(\n            'touchend',\n            function (event) {\n\n                touchEndX =\n                    event\n                        .changedTouches[0]\n                        .screenX;\n\n\n                const difference =\n                    touchStartX -\n                    touchEndX;\n\n\n                if (\n                    Math.abs(\n                        difference\n                    ) < 50\n                ) {\n\n                    return;\n\n                }\n\n\n                if (\n                    difference > 0\n                ) {\n\n                    nextSlide();\n\n                }\n\n                else {\n\n                    previousSlide();\n\n                }\n\n            },\n            {\n                passive: true\n            }\n        );\n\n\n        \/* ==================================================\n           SEKME ARKA PLANA G\u0130DERSE\n        ================================================== *\/\n\n        document.addEventListener(\n            'visibilitychange',\n            function () {\n\n                const activeSlide =\n                    slides[\n                        currentSlide\n                    ];\n\n\n                if (!activeSlide) {\n                    return;\n                }\n\n\n                const activeVideo =\n                    activeSlide.querySelector(\n                        'video'\n                    );\n\n\n                if (\n                    document.hidden\n                ) {\n\n                    if (\n                        activeVideo\n                    ) {\n\n                        activeVideo.pause();\n\n                    }\n\n                }\n\n                else {\n\n                    if (\n                        activeVideo\n                    ) {\n\n                        activeVideo\n                            .play()\n                            .catch(\n                                function () {}\n                            );\n\n                    }\n\n                }\n\n            }\n        );\n\n\n        \/* ==================================================\n           BA\u015eLAT\n        ================================================== *\/\n\n        showSlide(0);\n\n    }\n\n\n    if (\n        document.readyState ===\n        'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initRubitekSlider\n        );\n\n    }\n\n    else {\n\n        initRubitekSlider();\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7897e07 e-con e-atomic-element e-flexbox-base e-30d62da \" data-id=\"7897e07\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7897e07\" data-e-type=\"e-flexbox\" data-id=\"7897e07\">\n    \t\t<div class=\"elementor-element elementor-element-5e3cded elementor-widget elementor-widget-html\" data-id=\"5e3cded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Rubitek Birle\u015fik Sekt\u00f6rler & Neden Biz Mod\u00fcl\u00fc (Geli\u015fmi\u015f Tipografi & Ayr\u0131lm\u0131\u015f Alanlar) -->\n<div class=\"rubitek-combined-module\" id=\"rubitekCombinedSection\">\n  \n  <!-- Arka Plan Desenleri & Ambient I\u015f\u0131klama -->\n  <div class=\"module-carbon-bg\"><\/div>\n  <div class=\"module-glow-top\"><\/div>\n  <div class=\"module-glow-bottom\"><\/div>\n\n  <div class=\"combined-wrapper\">\n\n    <!-- ================= B\u00d6L\u00dcM 1: H\u0130ZMET VERD\u0130\u011e\u0130M\u0130Z SEKT\u00d6RLER ================= -->\n    <div class=\"sectors-part\">\n      \n      <div class=\"sectors-header anim-fade-up\">\n        <h2>H\u0130ZMET VERD\u0130\u011e\u0130M\u0130Z <span class=\"red-glow-text\">SEKT\u00d6RLER<\/span><\/h2>\n        <div class=\"header-divider-gold\"><\/div>\n      <\/div>\n\n      <div class=\"sectors-grid\">\n        <!-- 1. Otomotiv -->\n        <div class=\"sector-card anim-fade-up delay-1\">\n          <div class=\"sec-badge\">\n            <div class=\"sec-badge-inner\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><path d=\"M5 10h11\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3>OTOMOT\u0130V<\/h3>\n          <p>\u015ease par\u00e7alar\u0131, braketler, fason CNC lazer kesim ve b\u00fck\u00fcm \u00e7\u00f6z\u00fcmleri<\/p>\n        <\/div>\n\n        <!-- 2. Tar\u0131m Makineleri -->\n        <div class=\"sector-card anim-fade-up delay-2\">\n          <div class=\"sec-badge\">\n            <div class=\"sec-badge-inner\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><circle cx=\"12\" cy=\"17\" r=\"4\"\/><path d=\"M12 13v1\"\/><path d=\"M12 21v2\"\/><path d=\"M2 11h20\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3>TARIM MAK\u0130NELER\u0130<\/h3>\n          <p>\u015easi karkaslar\u0131, bi\u00e7erd\u00f6ver\/trakt\u00f6r par\u00e7alar\u0131 ve kaynakl\u0131 imalat<\/p>\n        <\/div>\n\n        <!-- 3. \u0130\u015f Makineleri -->\n        <div class=\"sector-card anim-fade-up delay-3\">\n          <div class=\"sec-badge\">\n            <div class=\"sec-badge-inner\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 18h20\"\/><path d=\"M5 18V8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10\"\/><path d=\"M9 18v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4\"\/><circle cx=\"7.5\" cy=\"14.5\" r=\".5\"\/><circle cx=\"16.5\" cy=\"14.5\" r=\".5\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3>\u0130\u015e MAK\u0130NELER\u0130<\/h3>\n          <p>A\u011f\u0131r hizmet sac aksamlar\u0131, koruma muhafazalar\u0131 ve hassas b\u00fck\u00fcm<\/p>\n        <\/div>\n\n        <!-- 4. Beyaz E\u015fya -->\n        <div class=\"sector-card anim-fade-up delay-4\">\n          <div class=\"sec-badge\">\n            <div class=\"sec-badge-inner\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"20\" x=\"3\" y=\"2\" rx=\"2\"\/><circle cx=\"12\" cy=\"13\" r=\"5\"\/><path d=\"M12 10a3 3 0 0 0 0 6\"\/><line x1=\"7\" x2=\"7.01\" y1=\"6\" y2=\"6\"\/><line x1=\"10\" x2=\"10.01\" y1=\"6\" y2=\"6\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3>BEYAZ E\u015eYA<\/h3>\n          <p>\u0130\u00e7 mekanik sac kal\u0131plar, ta\u015f\u0131y\u0131c\u0131 braketler ve toz boyal\u0131 par\u00e7alar<\/p>\n        <\/div>\n\n        <!-- 5. \u0130n\u015faat -->\n        <div class=\"sector-card anim-fade-up delay-5\">\n          <div class=\"sec-badge\">\n            <div class=\"sec-badge-inner\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M9 22v-4h6v4\"\/><path d=\"M8 6h.01\"\/><path d=\"M16 6h.01\"\/><path d=\"M12 6h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M16 10h.01\"\/><path d=\"M16 14h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M8 14h.01\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3>\u0130N\u015eAAT & YAPI<\/h3>\n          <p>Yap\u0131sal ba\u011flant\u0131 elemanlar\u0131, ankraj plakalar\u0131 ve \u00f6zel \u00e7elik konstr\u00fcksiyonlar<\/p>\n        <\/div>\n\n        <!-- 6. Di\u011fer Sekt\u00f6rler -->\n        <div class=\"sector-card anim-fade-up delay-6\">\n          <div class=\"sec-badge\">\n            <div class=\"sec-badge-inner\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3>D\u0130\u011eER SEKT\u00d6RLER<\/h3>\n          <p>CAD\/CAM tasar\u0131m\u0131, proses fikst\u00fcrleri ve fason imalat deste\u011fi<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- G\u00fc\u00e7l\u00fc G\u00f6rsel Ay\u0131r\u0131c\u0131 (B\u00f6l\u00fcm B\u00f6l\u00fcm Hissiyat\u0131) -->\n    <div class=\"section-divider-deluxe\">\n      <div class=\"divider-line-left\"><\/div>\n      <div class=\"divider-center-badge\">\n        <span class=\"divider-icon\"><\/span>\n      <\/div>\n      <div class=\"divider-line-right\"><\/div>\n    <\/div>\n\n    <!-- ================= B\u00d6L\u00dcM 2: NEDEN RUB\u0130TEK METAL & \u0130STAT\u0130ST\u0130KLER ================= -->\n    <div class=\"whyus-part\">\n      \n      <!-- Sol Taraf: \u00d6zellikler & Anlat\u0131m -->\n      <div class=\"whyus-left-side anim-fade-left\">\n        <h2>PROJELER\u0130N\u0130ZE <span class=\"red-glow-text\">DE\u011eER KATAN G\u00dc\u00c7<\/span><\/h2>\n        \n        <p class=\"whyus-intro-text\">\n          Modern makine parkurumuz ve y\u00fcksek m\u00fchendislik tecr\u00fcbemiz ile end\u00fcstriyel imalatta g\u00fcvenilir \u00e7\u00f6z\u00fcm orta\u011f\u0131n\u0131z\u0131z.\n        <\/p>\n\n        <div class=\"feature-rows\">\n          <!-- \u00d6zellik 1 -->\n          <div class=\"feat-item-card\">\n            <div class=\"feat-badge\">\n              <div class=\"feat-badge-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"feat-info\">\n              <h4>Y\u00fcksek \u00dcretim Kapasitesi<\/h4>\n              <p>1350 m\u00b2 alanda kesintisiz ve dinamik imalat altyap\u0131s\u0131<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- \u00d6zellik 2 -->\n          <div class=\"feat-item-card\">\n            <div class=\"feat-badge\">\n              <div class=\"feat-badge-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"feat-info\">\n              <h4>Zaman\u0131nda Teslimat & S\u0131f\u0131r Hata<\/h4>\n              <p>Termin s\u00fcrelerine tam sadakat ve disiplinli kalite kontrol<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- \u00d6zellik 3 -->\n          <div class=\"feat-item-card\">\n            <div class=\"feat-badge\">\n              <div class=\"feat-badge-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h12l4 6-10 12L2 9z\"\/><path d=\"M11 3v18\"\/><path d=\"M2 9h20\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"feat-info\">\n              <h4>Rekabet\u00e7i Fiyat Politikas\u0131<\/h4>\n              <p>Optimize edilmi\u015f prosesler ile maksimum maliyet avantaj\u0131<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Orta K\u0131rm\u0131z\u0131 Lazer Ay\u0131r\u0131c\u0131 -->\n      <div class=\"laser-vertical-divider\"><\/div>\n\n      <!-- Sa\u011f Taraf: 2x2 \u0130statistik Kutular\u0131 -->\n      <div class=\"whyus-right-side anim-fade-right\">\n        <div class=\"stats-premium-grid\">\n          \n          <!-- \u0130statistik 1 -->\n          <div class=\"stat-vip-card\">\n            <div class=\"stat-top-badge\">\n              <div class=\"stat-top-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z\"\/><path d=\"M17 18h1\"\/><path d=\"M12 18h1\"\/><path d=\"M7 18h1\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"stat-val\" data-target=\"1350\" data-suffix=\"m\u00b2\">0<\/div>\n            <div class=\"stat-lbl\">\u00dcretim Alan\u0131<\/div>\n            <div class=\"stat-bottom-line\"><\/div>\n          <\/div>\n\n          <!-- \u0130statistik 2 -->\n          <div class=\"stat-vip-card\">\n            <div class=\"stat-top-badge\">\n              <div class=\"stat-top-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"stat-val\" data-target=\"20\" data-suffix=\"+\">0<\/div>\n            <div class=\"stat-lbl\">Uzman \u00c7al\u0131\u015fan<\/div>\n            <div class=\"stat-bottom-line\"><\/div>\n          <\/div>\n\n          <!-- \u0130statistik 3 -->\n          <div class=\"stat-vip-card\">\n            <div class=\"stat-top-badge\">\n              <div class=\"stat-top-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17\"\/><path d=\"m7 21 1.6-1.4c.4-.4.4-1 0-1.4l-2.2-2.2c-.4-.4-1-.4-1.4 0L2 18\"\/><path d=\"M15.8 9.2a2.5 2.5 0 0 0-3.5 0l-1.3 1.3\"\/><path d=\"M18 11.5 21 14\"\/><path d=\"M22 10a2 2 0 0 0-2-2h-3c-.6 0-1.1.2-1.4.6L14 11\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"stat-val\" data-target=\"500\" data-suffix=\"+\">0<\/div>\n            <div class=\"stat-lbl\">Mutlu M\u00fc\u015fteri<\/div>\n            <div class=\"stat-bottom-line\"><\/div>\n          <\/div>\n\n          <!-- \u0130statistik 4 -->\n          <div class=\"stat-vip-card\">\n            <div class=\"stat-top-badge\">\n              <div class=\"stat-top-inner\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#metalGradComb)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <div class=\"stat-val\" data-target=\"6\" data-suffix=\"\">0<\/div>\n            <div class=\"stat-lbl\">\u00dclkeye \u0130hracat<\/div>\n            <div class=\"stat-bottom-line\"><\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- Metalik Gradient SVG Tan\u0131mlamas\u0131 -->\n  <svg width=\"0\" height=\"0\" style=\"position:absolute;\">\n    <defs>\n      <linearGradient id=\"metalGradComb\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stop-color=\"#c52a34\" \/>\n        <stop offset=\"50%\" stop-color=\"#9E1B22\" \/>\n        <stop offset=\"100%\" stop-color=\"#711219\" \/>\n      <\/linearGradient>\n    <\/defs>\n  <\/svg>\n\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n  .rubitek-combined-module,\n  .rubitek-combined-module * {\n    box-sizing: border-box;\n  }\n\n  .rubitek-combined-module {\n    position: relative;\n    width: 100vw;\n    max-width: none;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 78px 0 82px;\n    background: #ffffff;\n    font-family: 'Inter', sans-serif;\n    overflow: hidden;\n    color: #17191d;\n  }\n\n  \/* \u00c7ok hafif kurumsal arka plan dokusu *\/\n  .module-carbon-bg {\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(19, 25, 35, 0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(19, 25, 35, 0.025) 1px, transparent 1px);\n    background-size: 34px 34px;\n    opacity: .55;\n    pointer-events: none;\n  }\n\n  .module-glow-top,\n  .module-glow-bottom {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(90px);\n    pointer-events: none;\n  }\n\n  .module-glow-top {\n    width: 520px;\n    height: 300px;\n    top: -170px;\n    right: 8%;\n    background: rgba(158, 27, 34, .075);\n  }\n\n  .module-glow-bottom {\n    width: 440px;\n    height: 260px;\n    bottom: -170px;\n    left: 8%;\n    background: rgba(25, 31, 43, .045);\n  }\n\n  .combined-wrapper {\n    width: min(100% - 40px, 1320px);\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .sectors-part,\n  .whyus-part {\n    width: 100%;\n  }\n\n  \/* Ba\u015fl\u0131klar *\/\n  .sectors-header {\n    max-width: 780px;\n    margin: 0 auto 36px;\n    text-align: center;\n  }\n\n  .sectors-header h2,\n  .whyus-left-side h2 {\n    font-family: 'Montserrat', sans-serif;\n    color: #17191d;\n    font-weight: 900;\n    letter-spacing: -.7px;\n    line-height: 1.16;\n  }\n\n  .sectors-header h2 {\n    margin: 0 0 14px;\n    font-size: clamp(28px, 3vw, 40px);\n  }\n\n  .whyus-left-side h2 {\n    margin: 0 0 14px;\n    font-size: clamp(25px, 2.4vw, 34px);\n  }\n\n  .red-glow-text {\n    color: #9E1B22;\n    background: none;\n    -webkit-background-clip: initial;\n    -webkit-text-fill-color: initial;\n    text-shadow: none;\n  }\n\n  .header-divider-gold {\n    width: 66px;\n    height: 3px;\n    margin: 0 auto;\n    border-radius: 99px;\n    background: #9E1B22;\n  }\n\n  \/* Sekt\u00f6rler *\/\n  .sectors-grid {\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .sector-card {\n    position: relative;\n    min-height: 188px;\n    padding: 24px 15px 22px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    text-align: center;\n    border-radius: 16px;\n    background: rgba(255,255,255,.92);\n    border: 1px solid #e8e9ed;\n    box-shadow: 0 8px 30px rgba(18, 24, 35, .055);\n    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n  }\n\n  .sector-card::after {\n    content: '';\n    position: absolute;\n    left: 22%;\n    right: 22%;\n    bottom: -1px;\n    height: 2px;\n    border-radius: 5px;\n    background: #9E1B22;\n    transform: scaleX(0);\n    transition: transform .28s ease;\n  }\n\n  .sector-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(158, 27, 34, .28);\n    box-shadow: 0 16px 38px rgba(18, 24, 35, .10);\n  }\n\n  .sector-card:hover::after {\n    transform: scaleX(1);\n  }\n\n  .sec-badge,\n  .feat-badge,\n  .stat-top-badge {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    padding: 0;\n    background: #fff5f5;\n    border: 1px solid rgba(158, 27, 34, .16);\n    box-shadow: none;\n  }\n\n  .sec-badge {\n    width: 54px;\n    height: 54px;\n    margin-bottom: 16px;\n    border-radius: 14px;\n  }\n\n  .sec-badge-inner,\n  .feat-badge-inner,\n  .stat-top-inner {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border-radius: inherit;\n  }\n\n  .sec-badge svg,\n  .feat-badge svg,\n  .stat-top-badge svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .sector-card h3 {\n    margin: 0 0 8px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 800;\n    color: #1c1f24;\n    letter-spacing: .1px;\n  }\n\n  .sector-card p {\n    margin: 0;\n    color: #69707d;\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n  \/* Sade kurumsal ay\u0131r\u0131c\u0131 *\/\n  .section-divider-deluxe {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin: 58px 0 52px;\n  }\n\n  .divider-line-left,\n  .divider-line-right {\n    flex: 1;\n    height: 1px;\n    background: #e6e8ec;\n  }\n\n  .divider-center-badge {\n    width: 10px;\n    height: 10px;\n    padding: 0;\n    border-radius: 50%;\n    background: #9E1B22;\n    box-shadow: 0 0 0 6px rgba(158, 27, 34, .08);\n  }\n\n  .divider-icon {\n    display: none;\n  }\n\n  \/* Neden Rubitek *\/\n  .whyus-part {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) 1px minmax(400px, .85fr);\n    align-items: center;\n    gap: 44px;\n  }\n\n  .whyus-intro-text {\n    max-width: 680px;\n    margin: 0 0 25px;\n    color: #646b76;\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .feature-rows {\n    display: grid;\n    gap: 12px;\n  }\n\n  .feat-item-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 15px 17px;\n    border: 1px solid #e8e9ed;\n    border-radius: 14px;\n    background: rgba(255,255,255,.94);\n    box-shadow: 0 7px 24px rgba(18, 24, 35, .04);\n    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n  }\n\n  .feat-item-card:hover {\n    transform: translateX(4px);\n    border-color: rgba(158, 27, 34, .25);\n    box-shadow: 0 12px 30px rgba(18, 24, 35, .075);\n  }\n\n  .feat-badge {\n    width: 46px;\n    height: 46px;\n    min-width: 46px;\n    border-radius: 12px;\n  }\n\n  .feat-info h4 {\n    margin: 0 0 4px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 14px;\n    line-height: 1.35;\n    font-weight: 800;\n    color: #20242a;\n  }\n\n  .feat-info p {\n    margin: 0;\n    color: #737a85;\n    font-size: 12.5px;\n    line-height: 1.5;\n  }\n\n  .laser-vertical-divider {\n    width: 1px;\n    height: 300px;\n    align-self: center;\n    background: linear-gradient(180deg, transparent, #dedfe3 18%, #dedfe3 82%, transparent);\n  }\n\n  .stats-premium-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .stat-vip-card {\n    position: relative;\n    min-height: 174px;\n    padding: 23px 14px 20px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    border: 1px solid #e8e9ed;\n    border-radius: 16px;\n    background: rgba(255,255,255,.94);\n    box-shadow: 0 8px 28px rgba(18, 24, 35, .05);\n    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n  }\n\n  .stat-vip-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(158, 27, 34, .28);\n    box-shadow: 0 15px 34px rgba(18, 24, 35, .09);\n  }\n\n  .stat-top-badge {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 13px;\n    border-radius: 13px;\n  }\n\n  .stat-val {\n    margin: 0 0 6px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: clamp(27px, 2.6vw, 34px);\n    line-height: 1;\n    font-weight: 900;\n    color: #17191d;\n    white-space: nowrap;\n  }\n\n  .stat-lbl {\n    color: #6d7480;\n    font-size: 12px;\n    line-height: 1.4;\n    font-weight: 600;\n  }\n\n  .stat-bottom-line {\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    width: 0;\n    height: 3px;\n    transform: translateX(-50%);\n    border-radius: 99px 99px 0 0;\n    background: #9E1B22;\n    transition: width .3s ease;\n  }\n\n  .stat-vip-card:hover .stat-bottom-line {\n    width: 42%;\n  }\n\n  \/* Giri\u015f animasyonlar\u0131 *\/\n  .anim-fade-up {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);\n  }\n\n  .anim-fade-left {\n    opacity: 0;\n    transform: translateX(-24px);\n    transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);\n  }\n\n  .anim-fade-right {\n    opacity: 0;\n    transform: translateX(24px);\n    transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);\n  }\n\n  .delay-1 { transition-delay: .05s; }\n  .delay-2 { transition-delay: .10s; }\n  .delay-3 { transition-delay: .15s; }\n  .delay-4 { transition-delay: .20s; }\n  .delay-5 { transition-delay: .25s; }\n  .delay-6 { transition-delay: .30s; }\n\n  .rubitek-combined-module.active .anim-fade-up,\n  .rubitek-combined-module.active .anim-fade-left,\n  .rubitek-combined-module.active .anim-fade-right {\n    opacity: 1;\n    transform: translate(0);\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 1100px) {\n    .rubitek-combined-module {\n      padding: 66px 0 70px;\n    }\n\n    .sectors-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .sector-card {\n      min-height: 172px;\n    }\n\n    .whyus-part {\n      grid-template-columns: 1fr;\n      gap: 28px;\n    }\n\n    .laser-vertical-divider {\n      display: none;\n    }\n\n    .whyus-right-side {\n      width: 100%;\n    }\n  }\n\n  \/* Telefon *\/\n  @media (max-width: 767px) {\n    .rubitek-combined-module {\n      padding: 50px 0 54px;\n    }\n\n    .combined-wrapper {\n      width: min(100% - 28px, 1320px);\n    }\n\n    .sectors-header {\n      margin-bottom: 27px;\n    }\n\n    .sectors-header h2 {\n      font-size: 27px;\n      letter-spacing: -.45px;\n    }\n\n    .sectors-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .sector-card {\n      min-height: 175px;\n      padding: 20px 10px 18px;\n      border-radius: 14px;\n    }\n\n    .sec-badge {\n      width: 48px;\n      height: 48px;\n      margin-bottom: 13px;\n    }\n\n    .sector-card h3 {\n      font-size: 12px;\n    }\n\n    .sector-card p {\n      font-size: 11px;\n      line-height: 1.5;\n    }\n\n    .section-divider-deluxe {\n      margin: 42px 0 38px;\n    }\n\n    .whyus-left-side h2 {\n      font-size: 25px;\n    }\n\n    .whyus-intro-text {\n      margin-bottom: 20px;\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .feat-item-card {\n      gap: 13px;\n      padding: 13px 14px;\n    }\n\n    .feat-badge {\n      width: 43px;\n      height: 43px;\n      min-width: 43px;\n    }\n\n    .feat-info h4 {\n      font-size: 13px;\n    }\n\n    .feat-info p {\n      font-size: 11.5px;\n    }\n\n    .stats-premium-grid {\n      gap: 10px;\n    }\n\n    .stat-vip-card {\n      min-height: 158px;\n      padding: 20px 8px 18px;\n    }\n\n    .stat-top-badge {\n      width: 44px;\n      height: 44px;\n      margin-bottom: 11px;\n    }\n\n    .stat-val {\n      font-size: 27px;\n    }\n  }\n\n  \/* Dar telefon *\/\n  @media (max-width: 480px) {\n    .combined-wrapper {\n      width: min(100% - 22px, 1320px);\n    }\n\n    .sectors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .sector-card {\n      min-height: auto;\n      padding: 20px 18px;\n    }\n\n    .sector-card p {\n      max-width: 310px;\n      font-size: 12px;\n    }\n\n    .stats-premium-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .stat-vip-card {\n      min-height: 150px;\n    }\n\n    .stat-val {\n      font-size: 25px;\n    }\n\n    .stat-lbl {\n      font-size: 11px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .rubitek-combined-module *,\n    .rubitek-combined-module *::before,\n    .rubitek-combined-module *::after {\n      transition-duration: .01ms !important;\n      animation-duration: .01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const combinedSection = document.getElementById('rubitekCombinedSection');\n    const counters = document.querySelectorAll('.rubitek-combined-module .stat-val');\n    const duration = 1000;\n\n    const animateCounter = (counter) => {\n      const target = +counter.getAttribute('data-target');\n      const suffix = counter.getAttribute('data-suffix') || '';\n      let startTime = null;\n\n      const step = (timestamp) => {\n        if (!startTime) startTime = timestamp;\n        const progress = Math.min((timestamp - startTime) \/ duration, 1);\n        const currentCount = Math.floor(progress * target);\n\n        counter.innerText = currentCount.toLocaleString('tr-TR') + suffix;\n\n        if (progress < 1) {\n          window.requestAnimationFrame(step);\n        } else {\n          counter.innerText = target.toLocaleString('tr-TR') + suffix;\n        }\n      };\n\n      window.requestAnimationFrame(step);\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          combinedSection.classList.add('active');\n          counters.forEach(counter => animateCounter(counter));\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n\n    if (combinedSection) {\n      observer.observe(combinedSection);\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b26139 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8b26139\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* Elementor \/ tema kaynakl\u0131 yatay ta\u015fmay\u0131 engeller *\/\nhtml,\nbody {\n    overflow-x: clip;\n}\n\n\/* Elementor widget ve HTML widget sarmalay\u0131c\u0131lar\u0131 hero geni\u015fli\u011fini k\u0131s\u0131tlamas\u0131n *\/\n.elementor-widget-html,\n.elementor-widget-html .elementor-widget-container {\n    overflow: visible !important;\n}\n\n\/* ==========================================================\n   RUBITEK METAL - FULL HOMEPAGE HERO\n   WordPress Custom HTML - Tek Par\u00e7a\n========================================================== *\/\n\n.rubitek-hero,\n.rubitek-hero * {\n    box-sizing: border-box;\n}\n\n.rubitek-hero {\n    --red: #e30613;\n    --red-light: #ff2a36;\n    --dark: #050607;\n    --dark-2: #0c0d0f;\n    --white: #ffffff;\n\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    min-height: 720px;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    overflow: hidden;\n    isolation: isolate;\n    background: #050607;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* ==========================================================\n   BACKGROUND SLIDER\n========================================================== *\/\n\n.rubitek-bg-slider {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    background: #050607;\n}\n\n.rubitek-bg-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .42s ease, visibility .42s ease;\n    overflow: hidden;\n}\n\n.rubitek-bg-slide.active {\n    opacity: 1;\n    visibility: visible;\n}\n\n.rubitek-bg-slide img {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 72%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    transform: scale(1.04);\n    filter: saturate(1.03) contrast(1.03);\n}\n\n.rubitek-bg-slide.active img {\n    animation: rubitekFastZoom .5s ease forwards;\n}\n\n@keyframes rubitekFastZoom {\n    from {\n        transform: scale(1.04);\n    }\n    to {\n        transform: scale(1.08);\n    }\n}\n\n\/* G\u00f6rselin sol taraf\u0131ndaki sert s\u0131n\u0131r\u0131 yumu\u015fat\u0131r *\/\n.rubitek-soft-edge {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5,6,7,1) 0%,\n            rgba(5,6,7,1) 15%,\n            rgba(5,6,7,.98) 24%,\n            rgba(5,6,7,.92) 33%,\n            rgba(5,6,7,.76) 42%,\n            rgba(5,6,7,.52) 50%,\n            rgba(5,6,7,.24) 58%,\n            rgba(5,6,7,.08) 66%,\n            rgba(5,6,7,.03) 74%,\n            rgba(5,6,7,.16) 100%\n        );\n}\n\n\/* Alt k\u0131s\u0131m hafif kararma *\/\n.rubitek-bottom-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            0deg,\n            rgba(0,0,0,.68) 0%,\n            rgba(0,0,0,.18) 34%,\n            rgba(0,0,0,.06) 55%,\n            rgba(0,0,0,.16) 100%\n        );\n}\n\n\/* Hafif genel blur \/ glow kar\u0131\u015f\u0131m\u0131 *\/\n.rubitek-atmosphere {\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n    pointer-events: none;\n    background:\n        radial-gradient(circle at 82% 30%, rgba(227,6,19,.10), transparent 28%),\n        radial-gradient(circle at 88% 78%, rgba(255,255,255,.05), transparent 22%);\n}\n\n\/* Sol \u00fcst k\u0131rm\u0131z\u0131 glow *\/\n.rubitek-red-glow {\n    position: absolute;\n    left: -300px;\n    top: -220px;\n    width: 650px;\n    height: 650px;\n    z-index: 5;\n    pointer-events: none;\n    filter: blur(34px);\n    background:\n        radial-gradient(\n            circle,\n            rgba(227,6,19,.25) 0%,\n            rgba(227,6,19,.10) 35%,\n            transparent 72%\n        );\n}\n\n\/* \u0130nce \u0131\u015f\u0131k \u00e7izgisi *\/\n.rubitek-diagonal {\n    position: absolute;\n    top: -180px;\n    right: 24%;\n    width: 2px;\n    height: 940px;\n    z-index: 5;\n    transform: rotate(17deg);\n    opacity: .36;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            to bottom,\n            transparent,\n            rgba(255,50,60,.85),\n            rgba(255,255,255,.45),\n            rgba(227,6,19,.65),\n            transparent\n        );\n    box-shadow:\n        0 0 12px rgba(227,6,19,.55),\n        0 0 28px rgba(227,6,19,.25);\n}\n\n\/* Noise *\/\n.rubitek-noise {\n    position: absolute;\n    inset: 0;\n    z-index: 6;\n    pointer-events: none;\n    opacity: .11;\n    background-image:\n        repeating-linear-gradient(\n            0deg,\n            rgba(255,255,255,.018) 0px,\n            rgba(255,255,255,.018) 1px,\n            transparent 1px,\n            transparent 3px\n        );\n}\n\n\/* ==========================================================\n   CONTENT AREA\n========================================================== *\/\n\n.rubitek-container {\n    position: relative;\n    z-index: 20;\n    width: min(1440px, calc(100% - 90px));\n    min-height: 720px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    padding: 80px 0 55px;\n}\n\n.rubitek-content {\n    width: min(740px, 54%);\n}\n\n.rubitek-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 2.4px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.78);\n}\n\n.rubitek-eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 2px;\n    background: linear-gradient(90deg, var(--red), #ff6068);\n    box-shadow: 0 0 12px rgba(227,6,19,.58);\n}\n\n.rubitek-title {\n    margin: 0;\n    max-width: 760px;\n    font-size: clamp(44px, 5vw, 76px);\n    line-height: .98;\n    letter-spacing: -3.4px;\n    font-weight: 900;\n    text-shadow: 0 6px 24px rgba(0,0,0,.5);\n}\n\n.rubitek-title span {\n    display: block;\n    color: transparent;\n    background: linear-gradient(90deg, #ffffff 0%, #ffffff 35%, #ff3945 70%, #d10612 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n}\n\n.rubitek-description {\n    max-width: 620px;\n    margin: 24px 0 0;\n    font-size: 16px;\n    line-height: 1.75;\n    color: rgba(255,255,255,.74);\n}\n\n.rubitek-description strong {\n    color: #ffffff;\n    font-weight: 700;\n}\n\n\/* ==========================================================\n   SERVICES\n========================================================== *\/\n\n.rubitek-services {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(100px, 1fr));\n    gap: 1px;\n    margin-top: 38px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 8px;\n    background: rgba(255,255,255,.08);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 24px 60px rgba(0,0,0,.30);\n}\n\n.rubitek-service {\n    position: relative;\n    min-height: 122px;\n    padding: 20px 14px 17px;\n    background: linear-gradient(180deg, rgba(11,11,12,.82), rgba(3,3,4,.77));\n    transition: transform .30s ease, background .30s ease, box-shadow .30s ease;\n}\n\n.rubitek-service::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #710008, #ff1724);\n    transition: width .30s ease;\n}\n\n.rubitek-service:hover {\n    transform: translateY(-4px);\n    background: linear-gradient(180deg, rgba(77,0,6,.82), rgba(7,7,8,.90));\n    box-shadow: inset 0 0 35px rgba(227,6,19,.11);\n}\n\n.rubitek-service:hover::after {\n    width: 100%;\n}\n\n.rubitek-icon {\n    width: 38px;\n    height: 38px;\n    margin-bottom: 13px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 7px;\n    border: 1px solid rgba(227,6,19,.42);\n    background: linear-gradient(145deg, rgba(227,6,19,.18), rgba(255,255,255,.02));\n    color: #ff2733;\n    box-shadow: inset 0 0 14px rgba(227,6,19,.09);\n}\n\n.rubitek-icon svg {\n    width: 21px;\n    height: 21px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.rubitek-service-title {\n    margin: 0 0 6px;\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 800;\n    color: #ffffff;\n}\n\n.rubitek-service-text {\n    margin: 0;\n    font-size: 8px;\n    line-height: 1.45;\n    letter-spacing: .4px;\n    color: rgba(255,255,255,.48);\n    text-transform: uppercase;\n}\n\n\/* ==========================================================\n   STATS\n========================================================== *\/\n\n.rubitek-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 25px;\n    margin-top: 30px;\n}\n\n.rubitek-stat {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding-right: 24px;\n    border-right: 1px solid rgba(255,255,255,.12);\n}\n\n.rubitek-stat:last-child {\n    border-right: 0;\n}\n\n.rubitek-stat-number {\n    font-size: 14px;\n    font-weight: 900;\n    color: #ef1724;\n}\n\n.rubitek-stat-label {\n    font-size: 9px;\n    line-height: 1.3;\n    letter-spacing: .5px;\n    color: rgba(255,255,255,.68);\n    text-transform: uppercase;\n}\n\n\/* Alt \u00e7izgi *\/\n.rubitek-corner {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: 25;\n    width: 150px;\n    height: 3px;\n    background: linear-gradient(90deg, #e30613, transparent);\n    box-shadow: 0 0 17px rgba(227,6,19,.70);\n}\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media (max-width: 1100px) {\n    .rubitek-container {\n        width: calc(100% - 50px);\n    }\n\n    .rubitek-content {\n        width: 64%;\n    }\n\n    .rubitek-bg-slide img {\n        width: 76%;\n    }\n\n    .rubitek-services {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n    .rubitek-hero {\n        min-height: auto;\n    }\n\n    .rubitek-bg-slide img {\n        width: 100%;\n        height: 56%;\n        top: 0;\n        right: 0;\n        object-position: center center;\n    }\n\n    .rubitek-soft-edge {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(0,0,0,.04) 0%,\n                rgba(0,0,0,.10) 18%,\n                rgba(5,6,7,.20) 34%,\n                rgba(5,6,7,.56) 48%,\n                rgba(5,6,7,.82) 60%,\n                rgba(5,6,7,.95) 72%,\n                rgba(5,6,7,1) 82%,\n                rgba(5,6,7,1) 100%\n            );\n    }\n\n    .rubitek-bottom-overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(0,0,0,.05) 0%,\n                rgba(0,0,0,.20) 25%,\n                rgba(5,6,7,.65) 52%,\n                rgba(5,6,7,.95) 72%,\n                #050607 100%\n            );\n    }\n\n    .rubitek-diagonal {\n        right: 5%;\n        opacity: .18;\n    }\n\n    .rubitek-red-glow {\n        left: -390px;\n        top: -260px;\n    }\n\n    .rubitek-container {\n        width: calc(100% - 30px);\n        min-height: 780px;\n        align-items: flex-end;\n        padding: 245px 0 30px;\n    }\n\n    .rubitek-content {\n        width: 100%;\n    }\n\n    .rubitek-eyebrow {\n        font-size: 9px;\n        letter-spacing: 1.8px;\n        margin-bottom: 14px;\n    }\n\n    .rubitek-title {\n        font-size: clamp(38px, 12vw, 54px);\n        line-height: .98;\n        letter-spacing: -2px;\n    }\n\n    .rubitek-description {\n        margin-top: 17px;\n        max-width: 100%;\n        font-size: 13px;\n        line-height: 1.65;\n    }\n\n    .rubitek-services {\n        margin-top: 25px;\n        grid-template-columns: repeat(2, 1fr);\n        border-radius: 6px;\n    }\n\n    .rubitek-service {\n        min-height: 107px;\n        padding: 15px 12px;\n    }\n\n    .rubitek-service:last-child {\n        grid-column: 1 \/ -1;\n        min-height: 93px;\n    }\n\n    .rubitek-icon {\n        width: 34px;\n        height: 34px;\n        margin-bottom: 9px;\n    }\n\n    .rubitek-service-title {\n        font-size: 10px;\n    }\n\n    .rubitek-service-text {\n        font-size: 7px;\n    }\n\n    .rubitek-stats {\n        margin-top: 22px;\n        gap: 15px 20px;\n    }\n\n    .rubitek-stat {\n        border-right: 0;\n        padding-right: 0;\n    }\n\n    .rubitek-stat-number {\n        font-size: 13px;\n    }\n\n    .rubitek-stat-label {\n        font-size: 8px;\n    }\n}\n\n@media (max-width: 420px) {\n    .rubitek-container {\n        padding-top: 225px;\n    }\n\n    .rubitek-title {\n        font-size: 38px;\n    }\n\n    .rubitek-description {\n        font-size: 12.5px;\n    }\n}\n<\/style>\n\n<section class=\"rubitek-hero\">\n\n    <!-- BACKGROUND SLIDER -->\n    <div class=\"rubitek-bg-slider\">\n\n        <div class=\"rubitek-bg-slide active\">\n            <img decoding=\"async\" src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrikagorseli.png\" alt=\"Rubitek Fabrika G\u00f6rseli 1\">\n        <\/div>\n\n        <div class=\"rubitek-bg-slide\">\n            <img decoding=\"async\" src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrika4-scaled.jpg\" alt=\"Rubitek Fabrika G\u00f6rseli 2\">\n        <\/div>\n\n        <div class=\"rubitek-bg-slide\">\n            <img decoding=\"async\" src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrika9-scaled.jpg\" alt=\"Rubitek Fabrika G\u00f6rseli 3\">\n        <\/div>\n\n        <div class=\"rubitek-bg-slide\">\n            <img decoding=\"async\" src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/lazerkesim1.png\" alt=\"Rubitek Lazer Kesim\">\n        <\/div>\n\n        <div class=\"rubitek-bg-slide\">\n            <img decoding=\"async\" src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/abkant1.png\" alt=\"Rubitek Abkant B\u00fck\u00fcm\">\n        <\/div>\n\n    <\/div>\n\n    <!-- OVERLAYS \/ EFFECTS -->\n    <div class=\"rubitek-soft-edge\"><\/div>\n    <div class=\"rubitek-bottom-overlay\"><\/div>\n    <div class=\"rubitek-atmosphere\"><\/div>\n    <div class=\"rubitek-red-glow\"><\/div>\n    <div class=\"rubitek-diagonal\"><\/div>\n    <div class=\"rubitek-noise\"><\/div>\n\n    <!-- CONTENT -->\n    <div class=\"rubitek-container\">\n        <div class=\"rubitek-content\">\n\n            <div class=\"rubitek-eyebrow\">\n                RUB\u0130TEK METAL TECHNOLOGIES\n            <\/div>\n\n            <h1 class=\"rubitek-title\">\n                Metalde G\u00fc\u00e7l\u00fc\n                <span>\u00c7\u00f6z\u00fcmler.<\/span>\n            <\/h1>\n\n            <p class=\"rubitek-description\">\n                Lazer kesimden kaynakl\u0131 imalata, elektrostatik toz boyadan m\u00fchendislik \u00e7\u00f6z\u00fcmlerine kadar\n                \u00fcretimin her a\u015famas\u0131nda\n                <strong>y\u00fcksek hassasiyet, g\u00fc\u00e7l\u00fc teknoloji ve s\u00fcrd\u00fcr\u00fclebilir kalite.<\/strong>\n            <\/p>\n\n            <div class=\"rubitek-services\">\n\n                <div class=\"rubitek-service\">\n                    <div class=\"rubitek-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 4h16\"><\/path>\n                            <path d=\"M7 4v5h10V4\"><\/path>\n                            <path d=\"M12 9v4\"><\/path>\n                            <path d=\"M9 16l3-3 3 3\"><\/path>\n                            <path d=\"M6 20l6-4 6 4\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"rubitek-service-title\">LAZER KES\u0130M<\/h3>\n                    <p class=\"rubitek-service-text\">Y\u00fcksek hassasiyet<\/p>\n                <\/div>\n\n                <div class=\"rubitek-service\">\n                    <div class=\"rubitek-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 5h16v5H4z\"><\/path>\n                            <path d=\"M7 10l5 5 5-5\"><\/path>\n                            <path d=\"M5 20h14\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"rubitek-service-title\">ABKANT B\u00dcK\u00dcM<\/h3>\n                    <p class=\"rubitek-service-text\">Profesyonel b\u00fck\u00fcm<\/p>\n                <\/div>\n\n                <div class=\"rubitek-service\">\n                    <div class=\"rubitek-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 18l7-7\"><\/path>\n                            <path d=\"M10 6l8 8\"><\/path>\n                            <path d=\"M13 3l8 8\"><\/path>\n                            <path d=\"M5 17l2 2\"><\/path>\n                            <path d=\"M3 21l2-4 3 3z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"rubitek-service-title\">KAYNAKLI \u0130MALAT<\/h3>\n                    <p class=\"rubitek-service-text\">Uzman kadro<\/p>\n                <\/div>\n\n                <div class=\"rubitek-service\">\n                    <div class=\"rubitek-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 4h8v4H5z\"><\/path>\n                            <path d=\"M13 6h4l2 2\"><\/path>\n                            <path d=\"M8 8v5\"><\/path>\n                            <path d=\"M4 18c3-3 6-3 9 0\"><\/path>\n                            <circle cx=\"18\" cy=\"14\" r=\"1\"><\/circle>\n                            <circle cx=\"20\" cy=\"17\" r=\"1\"><\/circle>\n                            <circle cx=\"17\" cy=\"19\" r=\"1\"><\/circle>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"rubitek-service-title\">TOZ BOYA<\/h3>\n                    <p class=\"rubitek-service-text\">\u00dcst\u00fcn y\u00fczey kalitesi<\/p>\n                <\/div>\n\n                <div class=\"rubitek-service\">\n                    <div class=\"rubitek-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M19 12a7 7 0 0 0-.1-1l2-1-2-4-2 1a7 7 0 0 0-2-1l-.3-2h-5l-.3 2a7 7 0 0 0-2 1l-2-1-2 4 2 1a7 7 0 0 0 0 2l-2 1 2 4 2-1a7 7 0 0 0 2 1l.3 2h5l.3-2a7 7 0 0 0 2-1l2 1 2-4-2-1a7 7 0 0 0 .1-1z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"rubitek-service-title\">M\u00dcHEND\u0130SL\u0130K<\/h3>\n                    <p class=\"rubitek-service-text\">AR-GE & TASARIM<\/p>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"rubitek-stats\">\n                <div class=\"rubitek-stat\">\n                    <div class=\"rubitek-stat-number\">1350 m\u00b2<\/div>\n                    <div class=\"rubitek-stat-label\">\u00dcretim Alan\u0131<\/div>\n                <\/div>\n\n                <div class=\"rubitek-stat\">\n                    <div class=\"rubitek-stat-number\">27+<\/div>\n                    <div class=\"rubitek-stat-label\">Uzman Personel<\/div>\n                <\/div>\n\n                <div class=\"rubitek-stat\">\n                    <div class=\"rubitek-stat-number\">Y\u00dcKSEK<\/div>\n                    <div class=\"rubitek-stat-label\">Seri \u00dcretim Kalitesi<\/div>\n                <\/div>\n\n                <div class=\"rubitek-stat\">\n                    <div class=\"rubitek-stat-number\">OEM<\/div>\n                    <div class=\"rubitek-stat-label\">Otomotiv & Trakt\u00f6r<\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"rubitek-corner\"><\/div>\n<\/section>\n\n<script>\n(function () {\n\n    function initRubitekSlider() {\n        const slider = document.querySelector(\".rubitek-bg-slider\");\n        if (!slider) return;\n\n        const slides = slider.querySelectorAll(\".rubitek-bg-slide\");\n        if (slides.length <= 1) return;\n\n        let currentSlide = 0;\n\n        setInterval(function () {\n            slides[currentSlide].classList.remove(\"active\");\n            currentSlide++;\n            if (currentSlide >= slides.length) {\n                currentSlide = 0;\n            }\n            slides[currentSlide].classList.add(\"active\");\n        }, 2000);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initRubitekSlider);\n    } else {\n        initRubitekSlider();\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9631310 e-con e-atomic-element e-flexbox-base e-1baff54 \" data-id=\"9631310\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9631310\" data-e-type=\"e-flexbox\" data-id=\"9631310\">\n    \t\t<div class=\"elementor-element elementor-element-94ba041 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"94ba041\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RUB\u0130TEK | REFERANSLARIMIZ\r\n     Compact \/ Premium \/ Full Width\r\n========================================================= -->\r\n\r\n<section id=\"rubitekReferencesSimple\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Inter:wght@400;500;600&display=swap');\r\n\r\n#rubitekReferencesSimple{\r\n    --rr-red:#9E1B22;\r\n    --rr-red-light:#d53c45;\r\n    --rr-dark:#0f1012;\r\n\r\n    position:relative;\r\n\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 50%,\r\n            rgba(158,27,34,.18),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 88% 50%,\r\n            rgba(158,27,34,.10),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #111214 0%,\r\n            #17181a 50%,\r\n            #0e0f11 100%\r\n        );\r\n\r\n    border-top:1px solid rgba(255,255,255,.06);\r\n    border-bottom:1px solid rgba(255,255,255,.06);\r\n\r\n    color:#fff;\r\n\r\n    font-family:'Inter',sans-serif;\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n#rubitekReferencesSimple *,\r\n#rubitekReferencesSimple *::before,\r\n#rubitekReferencesSimple *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED LIGHT\r\n========================================================= *\/\r\n\r\n#rubitekReferencesSimple::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:-100px;\r\n\r\n    width:440px;\r\n    height:180px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    border-radius:50%;\r\n\r\n    background:#9E1B22;\r\n\r\n    opacity:.16;\r\n\r\n    filter:blur(95px);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* top glowing line *\/\r\n\r\n#rubitekReferencesSimple::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:15%;\r\n    right:15%;\r\n    top:0;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(158,27,34,.25),\r\n            #d03942,\r\n            rgba(158,27,34,.25),\r\n            transparent\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 14px\r\n        rgba(158,27,34,.35);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n#rubitekReferencesSimple .rrs-inner{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1100px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:42px 22px 44px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LABEL\r\n========================================================= *\/\r\n\r\n#rubitekReferencesSimple .rrs-kicker{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:#d84b53;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n    font-size:7px;\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-kicker::before,\r\n#rubitekReferencesSimple .rrs-kicker::after{\r\n    content:\"\";\r\n\r\n    width:26px;\r\n    height:1px;\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-kicker::before{\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #9E1B22\r\n        );\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-kicker::after{\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #9E1B22,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#rubitekReferencesSimple .rrs-title{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n    font-size:clamp(28px,3.6vw,42px);\r\n    line-height:1;\r\n    font-weight:900;\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#rubitekReferencesSimple .rrs-text{\r\n    max-width:720px;\r\n\r\n    margin:13px auto 0;\r\n\r\n    color:rgba(255,255,255,.57);\r\n\r\n    font-size:12.5px;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* EMAIL *\/\r\n\r\n#rubitekReferencesSimple .rrs-text a{\r\n    position:relative;\r\n\r\n    color:#fff;\r\n\r\n    font-weight:600;\r\n\r\n    text-decoration:none;\r\n\r\n    transition:\r\n        color .25s ease;\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-text a::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:-3px;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #9E1B22,\r\n            #e34d55\r\n        );\r\n\r\n    transform:scaleX(.55);\r\n    transform-origin:center;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-text a:hover{\r\n    color:#f0b2b6;\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-text a:hover::after{\r\n    transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATION\r\n========================================================= *\/\r\n\r\n#rubitekReferencesSimple .rrs-line{\r\n    position:relative;\r\n\r\n    width:110px;\r\n    height:1px;\r\n\r\n    margin:19px auto 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.15),\r\n            transparent\r\n        );\r\n}\r\n\r\n#rubitekReferencesSimple .rrs-line::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    width:28px;\r\n    height:2px;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #d23c45,\r\n            transparent\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 10px\r\n        rgba(210,60,69,.5);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    #rubitekReferencesSimple .rrs-inner{\r\n        padding:\r\n            34px 18px\r\n            36px;\r\n    }\r\n\r\n    #rubitekReferencesSimple .rrs-title{\r\n        font-size:30px;\r\n    }\r\n\r\n    #rubitekReferencesSimple .rrs-text{\r\n        max-width:440px;\r\n\r\n        margin-top:11px;\r\n\r\n        font-size:11.5px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    #rubitekReferencesSimple .rrs-line{\r\n        margin-top:16px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"rrs-inner\">\r\n\r\n    <div class=\"rrs-kicker\">\r\n        RUB\u0130TEK\r\n    <\/div>\r\n\r\n    <h2 class=\"rrs-title\">\r\n        REFERANSLARIMIZ\r\n    <\/h2>\r\n\r\n    <p class=\"rrs-text\">\r\n        Referanslar\u0131m\u0131z i\u00e7in l\u00fctfen\r\n        <a href=\"mailto:info@rubitek.com.tr\">\r\n            info@rubitek.com.tr\r\n        <\/a>\r\n        adresi ile ileti\u015fime ge\u00e7ebilirsiniz.\r\n    <\/p>\r\n\r\n    <div class=\"rrs-line\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5721efa e-con e-atomic-element e-flexbox-base e-43c94e1 \" data-id=\"5721efa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5721efa\" data-e-type=\"e-flexbox\" data-id=\"5721efa\">\n    \t\t<div class=\"elementor-element elementor-element-40459c5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"40459c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     RUBITEK | 24 SAAT \u0130\u00c7\u0130NDE TEKL\u0130F ALIN\n     Elementor HTML Widget\n========================================================= -->\n\n<section class=\"rubitek-fast-quote\" id=\"rubitekFastQuote\">\n\n    <div class=\"rfq-grid-bg\"><\/div>\n    <div class=\"rfq-glow\"><\/div>\n\n    <div class=\"rfq-container\">\n\n        <!-- SOL -->\n        <div class=\"rfq-left\">\n\n            <div class=\"rfq-chip\">\n                <span><\/span>\n                HIZLI TEKL\u0130F S\u00dcREC\u0130\n            <\/div>\n\n            <h2>\n                24 SAAT \u0130\u00c7\u0130NDE\n                <strong>TEKL\u0130F ALIN<\/strong>\n            <\/h2>\n\n            <p class=\"rfq-desc\">\n                Teknik resminizi veya 3D CAD dosyan\u0131z\u0131 payla\u015f\u0131n;\n                m\u00fchendislik ekibimiz \u00fcretim detaylar\u0131n\u0131 inceleyerek\n                projenize \u00f6zel teklif haz\u0131rlas\u0131n.\n            <\/p>\n\n            <div class=\"rfq-benefits\">\n\n                <div class=\"rfq-benefit\">\n                    <div class=\"rfq-check\">\u2713<\/div>\n\n                    <div>\n                        <strong>Teknik Dosya Deste\u011fi<\/strong>\n                        <span>CAD, teknik resim ve \u00fcretim dosyalar\u0131n\u0131z\u0131 iletebilirsiniz.<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rfq-benefit\">\n                    <div class=\"rfq-check\">\u2713<\/div>\n\n                    <div>\n                        <strong>Gizlilik & G\u00fcvenlik<\/strong>\n                        <span>Proje verileriniz teklif de\u011ferlendirmesi kapsam\u0131nda korunur.<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rfq-benefit\">\n                    <div class=\"rfq-check\">\u2713<\/div>\n\n                    <div>\n                        <strong>M\u00fchendislik Deste\u011fi<\/strong>\n                        <span>\u00dcretilebilirlik ve proses detaylar\u0131 teknik ekibimizce de\u011ferlendirilir.<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- SA\u011e -->\n        <div class=\"rfq-right\">\n\n            <a\n                href=\"https:\/\/rubitek.com.tr\/teklif-al\/\"\n                class=\"rfq-upload-card\"\n                aria-label=\"Teklif Al sayfas\u0131na git\"\n            >\n\n                <div class=\"rfq-card-top\">\n\n                    <div class=\"rfq-upload-icon\">\n\n                        <svg\n                            width=\"29\"\n                            height=\"29\"\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                        >\n                            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                            <polyline points=\"17 8 12 3 7 8\"\/>\n                            <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div class=\"rfq-card-label\">\n                        TEKN\u0130K DOSYANIZ HAZIR MI?\n                    <\/div>\n\n                    <h3>\n                        Dosyan\u0131z\u0131 y\u00fckleyin,<br>\n                        <span>teklifinizi isteyin.<\/span>\n                    <\/h3>\n\n                    <p>\n                        Teknik \u00e7izim veya CAD dosyan\u0131z\u0131 teklif formumuz\n                        \u00fczerinden g\u00fcvenli \u015fekilde iletin.\n                    <\/p>\n\n                <\/div>\n\n\n                <!-- DOSYA FORMATLARI -->\n                <div class=\"rfq-formats\">\n\n                    <div class=\"rfq-format\">\n                        <span class=\"rfq-format-icon\">DXF<\/span>\n                        <small>AutoCAD<\/small>\n                    <\/div>\n\n                    <div class=\"rfq-format\">\n                        <span class=\"rfq-format-icon\">DWG<\/span>\n                        <small>Drawing<\/small>\n                    <\/div>\n\n                    <div class=\"rfq-format\">\n                        <span class=\"rfq-format-icon\">STEP<\/span>\n                        <small>3D CAD<\/small>\n                    <\/div>\n\n                    <div class=\"rfq-format\">\n                        <span class=\"rfq-format-icon\">IGES<\/span>\n                        <small>3D Model<\/small>\n                    <\/div>\n\n                    <div class=\"rfq-format\">\n                        <span class=\"rfq-format-icon\">PDF<\/span>\n                        <small>Teknik Resim<\/small>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- CTA -->\n                <div class=\"rfq-action\">\n\n                    <div class=\"rfq-action-copy\">\n\n                        <span>TEKL\u0130F FORMUNU A\u00c7<\/span>\n\n                        <small>\n                            Dosyan\u0131z\u0131 y\u00fckleyip proje bilgilerinizi payla\u015f\u0131n\n                        <\/small>\n\n                    <\/div>\n\n                    <div class=\"rfq-arrow\">\n                        \u2192\n                    <\/div>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.rubitek-fast-quote{\n    --rfq-red:#9E1B22;\n    --rfq-red-light:#ff4d55;\n\n    position:relative;\n\n    width:100vw;\n\n    left:50%;\n    margin-left:-50vw;\n\n    padding:60px 0;\n\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 78% 50%,\n            #3b0b0e 0%,\n            #170406 48%,\n            #090909 100%\n        );\n\n    font-family:'Inter','Segoe UI',Arial,sans-serif;\n\n    box-sizing:border-box;\n}\n\n\n.rubitek-fast-quote *,\n.rubitek-fast-quote *::before,\n.rubitek-fast-quote *::after{\n    box-sizing:border-box;\n}\n\n\n\/* GRID TEXTURE *\/\n\n.rfq-grid-bg{\n    position:absolute;\n    inset:0;\n\n    background-image:\n        radial-gradient(\n            rgba(255,255,255,.045) 1px,\n            transparent 1px\n        );\n\n    background-size:16px 16px;\n\n    opacity:.6;\n\n    pointer-events:none;\n}\n\n\n\/* GLOW *\/\n\n.rfq-glow{\n    position:absolute;\n\n    width:650px;\n    height:450px;\n\n    right:1%;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(158,27,34,.33),\n            transparent 68%\n        );\n\n    filter:blur(35px);\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.rfq-container{\n    position:relative;\n    z-index:2;\n\n    width:calc(100% - 40px);\n    max-width:1250px;\n\n    margin:0 auto;\n\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n\n    gap:65px;\n\n    align-items:center;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.rfq-chip{\n    display:inline-flex;\n    align-items:center;\n\n    gap:8px;\n\n    padding:7px 15px;\n\n    margin-bottom:17px;\n\n    border:1px solid rgba(255,77,85,.38);\n    border-radius:100px;\n\n    background:rgba(158,27,34,.15);\n\n    color:#ff656c;\n\n    font-family:'Montserrat',sans-serif;\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:1.6px;\n}\n\n\n.rfq-chip span{\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:#ff4d55;\n\n    box-shadow:0 0 10px #ff4d55;\n}\n\n\n.rfq-left h2{\n    margin:0 0 15px;\n\n    color:#fff;\n\n    font-family:'Montserrat',sans-serif;\n\n    font-size:clamp(30px,3vw,43px);\n\n    line-height:1.06;\n\n    font-weight:900;\n\n    letter-spacing:-1.2px;\n}\n\n\n.rfq-left h2 strong{\n    color:#c72b33;\n}\n\n\n.rfq-desc{\n    max-width:650px;\n\n    margin:0 0 29px;\n\n    color:#b7b7b7;\n\n    font-size:14px;\n\n    line-height:1.75;\n}\n\n\n\/* BENEFITS *\/\n\n.rfq-benefits{\n    display:flex;\n    flex-direction:column;\n\n    gap:17px;\n}\n\n\n.rfq-benefit{\n    display:flex;\n\n    align-items:flex-start;\n\n    gap:13px;\n}\n\n\n.rfq-check{\n    width:28px;\n    height:28px;\n\n    flex:0 0 28px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:8px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ff4d55,\n            #9E1B22\n        );\n\n    color:#fff;\n\n    font-size:15px;\n    font-weight:800;\n\n    box-shadow:\n        0 5px 15px rgba(158,27,34,.35);\n}\n\n\n.rfq-benefit strong{\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#fff;\n\n    font-size:12.5px;\n    font-weight:700;\n}\n\n\n.rfq-benefit span{\n    display:block;\n\n    color:#9c9c9c;\n\n    font-size:11px;\n\n    line-height:1.5;\n}\n\n\n\/* =========================================================\n   RIGHT CARD\n========================================================= *\/\n\n.rfq-upload-card{\n    position:relative;\n\n    display:block;\n\n    padding:31px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.12);\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.075),\n            rgba(255,255,255,.025)\n        );\n\n    box-shadow:\n        0 25px 60px rgba(0,0,0,.32);\n\n    backdrop-filter:blur(14px);\n\n    text-decoration:none !important;\n\n    transition:\n        transform .35s ease,\n        border-color .35s ease,\n        box-shadow .35s ease;\n}\n\n\n.rfq-upload-card:hover{\n    transform:translateY(-5px);\n\n    border-color:rgba(255,77,85,.5);\n\n    box-shadow:\n        0 30px 65px rgba(0,0,0,.38),\n        0 0 35px rgba(158,27,34,.2);\n}\n\n\n\/* ICON *\/\n\n.rfq-upload-icon{\n    width:57px;\n    height:57px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:22px;\n\n    border:1px solid rgba(255,77,85,.7);\n\n    border-radius:15px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #25272b,\n            #101114\n        );\n\n    color:#e3e5e8;\n\n    box-shadow:\n        0 8px 25px rgba(0,0,0,.35),\n        0 0 18px rgba(158,27,34,.18);\n}\n\n\n.rfq-card-label{\n    margin-bottom:9px;\n\n    color:#e35a61;\n\n    font-family:'Montserrat',sans-serif;\n\n    font-size:8px;\n    font-weight:900;\n\n    letter-spacing:1.8px;\n}\n\n\n.rfq-card-top h3{\n    margin:0;\n\n    color:#fff;\n\n    font-family:'Montserrat',sans-serif;\n\n    font-size:25px;\n    line-height:1.12;\n    font-weight:900;\n\n    letter-spacing:-.6px;\n}\n\n\n.rfq-card-top h3 span{\n    color:#d93e46;\n}\n\n\n.rfq-card-top p{\n    max-width:430px;\n\n    margin:12px 0 0;\n\n    color:#9c9c9c;\n\n    font-size:11px;\n\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   FILE FORMATS\n========================================================= *\/\n\n.rfq-formats{\n    display:grid;\n\n    grid-template-columns:\n        repeat(5,1fr);\n\n    gap:7px;\n\n    margin:27px 0 25px;\n}\n\n\n.rfq-format{\n    display:flex;\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    min-height:68px;\n\n    padding:10px 5px;\n\n    border:1px solid rgba(255,255,255,.08);\n\n    border-radius:10px;\n\n    background:rgba(0,0,0,.22);\n\n    transition:.25s ease;\n}\n\n\n.rfq-upload-card:hover .rfq-format{\n    border-color:rgba(255,77,85,.18);\n}\n\n\n.rfq-format-icon{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:#fff;\n\n    font-family:'Montserrat',sans-serif;\n\n    font-size:11px;\n    font-weight:900;\n\n    letter-spacing:.4px;\n}\n\n\n.rfq-format small{\n    color:#707070;\n\n    font-size:7px;\n\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ACTION BUTTON\n========================================================= *\/\n\n.rfq-action{\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    min-height:68px;\n\n    padding:13px 15px 13px 19px;\n\n    border-radius:12px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ff4d55,\n            #9E1B22\n        );\n\n    box-shadow:\n        0 10px 28px rgba(158,27,34,.28);\n}\n\n\n.rfq-action-copy{\n    display:flex;\n    flex-direction:column;\n\n    gap:3px;\n}\n\n\n.rfq-action-copy span{\n    color:#fff;\n\n    font-family:'Montserrat',sans-serif;\n\n    font-size:11px;\n    font-weight:900;\n\n    letter-spacing:.7px;\n}\n\n\n.rfq-action-copy small{\n    color:rgba(255,255,255,.68);\n\n    font-size:8.5px;\n}\n\n\n.rfq-arrow{\n    width:38px;\n    height:38px;\n\n    flex:0 0 38px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    background:rgba(0,0,0,.19);\n\n    color:#fff;\n\n    font-size:21px;\n\n    transition:.3s ease;\n}\n\n\n.rfq-upload-card:hover .rfq-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:992px){\n\n    .rfq-container{\n        grid-template-columns:1fr;\n        gap:40px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    .rubitek-fast-quote{\n        padding:48px 0;\n    }\n\n    .rfq-container{\n        width:calc(100% - 32px);\n    }\n\n    .rfq-left h2{\n        font-size:29px;\n    }\n\n    .rfq-desc{\n        font-size:12px;\n    }\n\n    .rfq-upload-card{\n        padding:22px;\n    }\n\n    .rfq-card-top h3{\n        font-size:21px;\n    }\n\n    .rfq-formats{\n        grid-template-columns:\n            repeat(3,1fr);\n    }\n\n    .rfq-action-copy small{\n        display:none;\n    }\n\n}\n\n\/* =========================================================\n   RUBITEK FAST QUOTE \u2014 COMPACT VERSION\n   Desktop + Mobile\n========================================================= *\/\n\n\n\/* ANA MOD\u00dcL Y\u00dcKSEKL\u0130\u011e\u0130 *\/\n.rubitek-fast-quote{\n    padding:34px 0;\n}\n\n\n\/* ANA \u0130K\u0130 KOLON *\/\n.rfq-container{\n    gap:45px;\n}\n\n\n\/* =========================================================\n   SOL TARAF \u2014 COMPACT\n========================================================= *\/\n\n.rfq-chip{\n    padding:5px 13px;\n    margin-bottom:11px;\n    font-size:9px;\n}\n\n\n.rfq-left h2{\n    margin-bottom:9px;\n\n    font-size:clamp(27px,2.6vw,37px);\n    line-height:1.03;\n}\n\n\n.rfq-desc{\n    max-width:620px;\n\n    margin-bottom:18px;\n\n    font-size:12px;\n    line-height:1.55;\n}\n\n\n\/* 3 \u00d6ZELL\u0130\u011e\u0130 MASA\u00dcST\u00dcNDE YAN YANA YAPIYORUZ *\/\n\n.rfq-benefits{\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:13px;\n}\n\n\n.rfq-benefit{\n    gap:9px;\n}\n\n\n.rfq-check{\n    width:24px;\n    height:24px;\n\n    flex-basis:24px;\n\n    border-radius:6px;\n\n    font-size:12px;\n}\n\n\n.rfq-benefit strong{\n    margin-bottom:2px;\n\n    font-size:10px;\n}\n\n\n.rfq-benefit span{\n    font-size:8.5px;\n    line-height:1.4;\n}\n\n\n\/* =========================================================\n   SA\u011e KART \u2014 COMPACT\n========================================================= *\/\n\n.rfq-upload-card{\n    padding:20px 22px;\n\n    border-radius:16px;\n}\n\n\n\/* \u00dcST KISIM *\/\n\n.rfq-card-top{\n    position:relative;\n\n    padding-left:55px;\n\n    min-height:45px;\n}\n\n\n.rfq-upload-icon{\n    position:absolute;\n\n    left:0;\n    top:0;\n\n    width:43px;\n    height:43px;\n\n    margin:0;\n\n    border-radius:11px;\n}\n\n\n.rfq-upload-icon svg{\n    width:22px;\n    height:22px;\n}\n\n\n.rfq-card-label{\n    margin-bottom:4px;\n\n    font-size:7px;\n}\n\n\n.rfq-card-top h3{\n    font-size:19px;\n\n    line-height:1.05;\n}\n\n\n.rfq-card-top h3 br{\n    display:none;\n}\n\n\n.rfq-card-top p{\n    display:none;\n}\n\n\n\/* =========================================================\n   FORMATLAR\n========================================================= *\/\n\n.rfq-formats{\n    gap:6px;\n\n    margin:16px 0 14px;\n}\n\n\n.rfq-format{\n    min-height:48px;\n\n    padding:7px 3px;\n\n    border-radius:8px;\n}\n\n\n.rfq-format-icon{\n    margin-bottom:2px;\n\n    font-size:9px;\n}\n\n\n.rfq-format small{\n    font-size:6px;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.rfq-action{\n    min-height:51px;\n\n    padding:8px 10px 8px 15px;\n\n    border-radius:9px;\n}\n\n\n.rfq-action-copy{\n    gap:1px;\n}\n\n\n.rfq-action-copy span{\n    font-size:9.5px;\n}\n\n\n.rfq-action-copy small{\n    font-size:7.5px;\n}\n\n\n.rfq-arrow{\n    width:33px;\n    height:33px;\n\n    flex-basis:33px;\n\n    border-radius:8px;\n\n    font-size:18px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:992px){\n\n    .rubitek-fast-quote{\n        padding:32px 0;\n    }\n\n    .rfq-container{\n        grid-template-columns:1fr;\n        gap:24px;\n    }\n\n    .rfq-benefits{\n        grid-template-columns:repeat(3,1fr);\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 \u00c7OK DAHA COMPACT\n========================================================= *\/\n\n@media(max-width:600px){\n\n    .rubitek-fast-quote{\n        padding:28px 0;\n    }\n\n\n    .rfq-container{\n        width:calc(100% - 28px);\n\n        gap:21px;\n    }\n\n\n    \/* CHIP *\/\n\n    .rfq-chip{\n        padding:4px 10px;\n\n        margin-bottom:9px;\n\n        font-size:7.5px;\n    }\n\n\n    \/* BA\u015eLIK *\/\n\n    .rfq-left h2{\n        margin-bottom:8px;\n\n        font-size:25px;\n\n        letter-spacing:-.7px;\n    }\n\n\n    \/* A\u00c7IKLAMA *\/\n\n    .rfq-desc{\n        margin-bottom:15px;\n\n        font-size:10.5px;\n\n        line-height:1.5;\n    }\n\n\n    \/* MOB\u0130LDE \u00d6ZELL\u0130KLER *\/\n\n    .rfq-benefits{\n        grid-template-columns:1fr;\n\n        gap:7px;\n    }\n\n\n    .rfq-benefit{\n        align-items:center;\n\n        gap:8px;\n    }\n\n\n    .rfq-check{\n        width:21px;\n        height:21px;\n\n        flex-basis:21px;\n\n        font-size:10px;\n    }\n\n\n    .rfq-benefit strong{\n        display:inline;\n\n        margin:0;\n\n        font-size:9px;\n    }\n\n\n    .rfq-benefit span{\n        display:inline;\n\n        margin-left:3px;\n\n        font-size:8px;\n    }\n\n\n    \/* SA\u011e KART *\/\n\n    .rfq-upload-card{\n        padding:17px;\n\n        border-radius:14px;\n    }\n\n\n    .rfq-card-top{\n        padding-left:49px;\n\n        min-height:39px;\n    }\n\n\n    .rfq-upload-icon{\n        width:39px;\n        height:39px;\n\n        border-radius:9px;\n    }\n\n\n    .rfq-upload-icon svg{\n        width:19px;\n        height:19px;\n    }\n\n\n    .rfq-card-label{\n        font-size:6px;\n    }\n\n\n    .rfq-card-top h3{\n        font-size:16px;\n    }\n\n\n    \/* DOSYA FORMATLARI MOB\u0130LDE TEK SATIR *\/\n\n    .rfq-formats{\n        grid-template-columns:repeat(5,1fr);\n\n        gap:4px;\n\n        margin:13px 0 12px;\n    }\n\n\n    .rfq-format{\n        min-height:42px;\n\n        padding:5px 2px;\n\n        border-radius:6px;\n    }\n\n\n    .rfq-format-icon{\n        font-size:7.5px;\n    }\n\n\n    .rfq-format small{\n        display:none;\n    }\n\n\n    \/* BUTON *\/\n\n    .rfq-action{\n        min-height:46px;\n\n        padding:7px 8px 7px 13px;\n    }\n\n\n    .rfq-action-copy span{\n        font-size:8.5px;\n    }\n\n\n    .rfq-action-copy small{\n        display:none;\n    }\n\n\n    .rfq-arrow{\n        width:30px;\n        height:30px;\n\n        flex-basis:30px;\n\n        font-size:16px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-93b526f e-con e-atomic-element e-flexbox-base e-3cae4d3 \" data-id=\"93b526f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"93b526f\" data-e-type=\"e-flexbox\" data-id=\"93b526f\">\n    \t\t<div class=\"elementor-element elementor-element-67a613d elementor-widget elementor-widget-html\" data-id=\"67a613d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     RUB\u0130TEK | GLOBAL HIZLI \u0130LET\u0130\u015e\u0130M BANDI\n     Full Width \/ Compact \/ Responsive\n========================================================= -->\n\n<section id=\"rubitekQuickContact\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n#rubitekQuickContact{\n    --rqc-red:#9E1B22;\n    --rqc-red-dark:#7a1319;\n    --rqc-black:#111214;\n    --rqc-text:#5f6367;\n    --rqc-border:#dedfe1;\n\n    position:relative;\n\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    background:\n        linear-gradient(\n            90deg,\n            #ffffff 0%,\n            #fafafa 48%,\n            #f5f5f5 100%\n        );\n\n    border-top:1px solid rgba(17,18,20,.08);\n    border-bottom:1px solid rgba(17,18,20,.08);\n\n    font-family:'Inter',sans-serif;\n    box-sizing:border-box;\n}\n\n#rubitekQuickContact *,\n#rubitekQuickContact *::before,\n#rubitekQuickContact *::after{\n    box-sizing:border-box;\n}\n\n#rubitekQuickContact a{\n    text-decoration:none;\n}\n\n\n\/* ince \u00fcst vurgu *\/\n\n#rubitekQuickContact::before{\n    content:\"\";\n\n    position:absolute;\n    left:0;\n    top:0;\n\n    width:100%;\n    height:2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent 0%,\n            var(--rqc-red) 18%,\n            var(--rqc-red) 82%,\n            transparent 100%\n        );\n\n    opacity:.75;\n}\n\n\n\/* dekoratif teknik grid *\/\n\n#rubitekQuickContact::after{\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    right:0;\n\n    width:360px;\n    height:100%;\n\n    opacity:.035;\n\n    background-image:\n        linear-gradient(#000 1px, transparent 1px),\n        linear-gradient(90deg,#000 1px,transparent 1px);\n\n    background-size:22px 22px;\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n#rubitekQuickContact .rqc-inner{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n    max-width:1260px;\n\n    margin:0 auto;\n\n    padding:21px 22px;\n\n    display:grid;\n    grid-template-columns:minmax(340px,1.15fr) auto auto;\n    gap:38px;\n\n    align-items:center;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n#rubitekQuickContact .rqc-left{\n    display:flex;\n    align-items:center;\n    gap:18px;\n}\n\n\n\/* Art\u0131k b\u00fcy\u00fck yuvarlak ikon yok *\/\n\n#rubitekQuickContact .rqc-mark{\n    position:relative;\n\n    width:42px;\n    height:42px;\n\n    flex:0 0 42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    color:var(--rqc-red);\n}\n\n#rubitekQuickContact .rqc-mark::before{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    border-left:2px solid var(--rqc-red);\n    border-top:1px solid #d8dadd;\n    border-bottom:1px solid #d8dadd;\n}\n\n#rubitekQuickContact .rqc-mark svg{\n    position:relative;\n    z-index:2;\n\n    width:19px;\n    height:19px;\n}\n\n\n#rubitekQuickContact .rqc-copy{\n    min-width:0;\n}\n\n#rubitekQuickContact .rqc-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:4px;\n\n    color:var(--rqc-red);\n\n    font-family:'Montserrat',sans-serif;\n    font-size:7px;\n    font-weight:900;\n    letter-spacing:1.8px;\n    text-transform:uppercase;\n}\n\n#rubitekQuickContact .rqc-eyebrow::after{\n    content:\"\";\n\n    width:28px;\n    height:1px;\n\n    background:rgba(158,27,34,.45);\n}\n\n#rubitekQuickContact .rqc-copy h3{\n    margin:0;\n\n    color:var(--rqc-black);\n\n    font-family:'Montserrat',sans-serif;\n    font-size:14px;\n    line-height:1.25;\n    font-weight:900;\n    letter-spacing:-.3px;\n}\n\n#rubitekQuickContact .rqc-copy p{\n    margin:4px 0 0;\n\n    color:var(--rqc-text);\n\n    font-size:11px;\n    line-height:1.5;\n}\n\n\n\/* =========================================================\n   CONTACT DETAILS\n========================================================= *\/\n\n#rubitekQuickContact .rqc-middle{\n    display:flex;\n    align-items:center;\n    gap:0;\n\n    border-left:1px solid var(--rqc-border);\n    border-right:1px solid var(--rqc-border);\n}\n\n#rubitekQuickContact .rqc-contact{\n    position:relative;\n\n    min-width:190px;\n\n    padding:4px 25px;\n\n    display:flex;\n    flex-direction:column;\n    gap:4px;\n\n    transition:.25s ease;\n}\n\n#rubitekQuickContact .rqc-contact + .rqc-contact{\n    border-left:1px solid var(--rqc-border);\n}\n\n#rubitekQuickContact .rqc-contact small{\n    color:#9a9da0;\n\n    font-family:'Montserrat',sans-serif;\n    font-size:7px;\n    font-weight:800;\n    letter-spacing:1.3px;\n    text-transform:uppercase;\n\n    transition:.25s ease;\n}\n\n#rubitekQuickContact .rqc-contact strong{\n    display:flex;\n    align-items:center;\n    gap:8px;\n\n    color:var(--rqc-black);\n\n    font-family:'Montserrat',sans-serif;\n    font-size:12px;\n    line-height:1.3;\n    font-weight:800;\n\n    white-space:nowrap;\n\n    transition:.25s ease;\n}\n\n#rubitekQuickContact .rqc-contact svg{\n    width:15px;\n    height:15px;\n\n    flex:0 0 15px;\n\n    color:var(--rqc-red);\n}\n\n#rubitekQuickContact .rqc-contact:hover small,\n#rubitekQuickContact .rqc-contact:hover strong{\n    color:var(--rqc-red);\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n#rubitekQuickContact .rqc-action{\n    display:flex;\n    align-items:center;\n    justify-content:flex-end;\n}\n\n#rubitekQuickContact .rqc-button{\n    position:relative;\n\n    min-width:176px;\n    height:47px;\n\n    padding:0 21px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:18px;\n\n    overflow:hidden;\n\n    background:var(--rqc-black);\n    color:#fff;\n\n    border-radius:5px;\n\n    font-family:'Montserrat',sans-serif;\n    font-size:9px;\n    font-weight:800;\n    letter-spacing:.8px;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        box-shadow .3s ease;\n}\n\n#rubitekQuickContact .rqc-button::before{\n    content:\"\";\n\n    position:absolute;\n    left:0;\n    top:0;\n\n    width:4px;\n    height:100%;\n\n    background:var(--rqc-red);\n\n    transition:width .35s ease;\n}\n\n#rubitekQuickContact .rqc-button span{\n    position:relative;\n    z-index:2;\n}\n\n#rubitekQuickContact .rqc-arrow{\n    position:relative;\n    z-index:2;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    width:24px;\n    height:24px;\n\n    color:#fff;\n\n    transition:transform .3s ease;\n}\n\n#rubitekQuickContact .rqc-button:hover{\n    transform:translateY(-2px);\n\n    background:var(--rqc-red);\n\n    box-shadow:0 9px 25px rgba(158,27,34,.20);\n}\n\n#rubitekQuickContact .rqc-button:hover::before{\n    width:100%;\n}\n\n#rubitekQuickContact .rqc-button:hover .rqc-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1050px){\n\n    #rubitekQuickContact .rqc-inner{\n        grid-template-columns:1fr auto;\n        gap:22px;\n    }\n\n    #rubitekQuickContact .rqc-middle{\n        grid-column:1 \/ -1;\n        grid-row:2;\n\n        width:100%;\n\n        border-left:0;\n        border-right:0;\n        border-top:1px solid var(--rqc-border);\n\n        padding-top:15px;\n    }\n\n    #rubitekQuickContact .rqc-contact{\n        flex:1;\n        padding:0 20px 0 0;\n    }\n\n    #rubitekQuickContact .rqc-contact + .rqc-contact{\n        padding-left:20px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n    #rubitekQuickContact::after{\n        display:none;\n    }\n\n    #rubitekQuickContact .rqc-inner{\n        padding:18px 16px;\n\n        grid-template-columns:1fr;\n        gap:17px;\n    }\n\n    #rubitekQuickContact .rqc-left{\n        gap:14px;\n    }\n\n    #rubitekQuickContact .rqc-mark{\n        width:38px;\n        height:38px;\n        flex-basis:38px;\n    }\n\n    #rubitekQuickContact .rqc-copy h3{\n        font-size:12px;\n        line-height:1.3;\n    }\n\n    #rubitekQuickContact .rqc-copy p{\n        font-size:10px;\n    }\n\n\n    \/* CONTACT *\/\n\n    #rubitekQuickContact .rqc-middle{\n        grid-column:auto;\n        grid-row:auto;\n\n        display:grid;\n        grid-template-columns:1fr;\n\n        padding-top:0;\n\n        border-top:1px solid var(--rqc-border);\n    }\n\n    #rubitekQuickContact .rqc-contact{\n        min-width:0;\n\n        padding:13px 0;\n\n        border-bottom:1px solid var(--rqc-border);\n    }\n\n    #rubitekQuickContact .rqc-contact + .rqc-contact{\n        padding:13px 0;\n\n        border-left:0;\n    }\n\n    #rubitekQuickContact .rqc-contact strong{\n        font-size:11px;\n        white-space:normal;\n    }\n\n\n    \/* BUTTON *\/\n\n    #rubitekQuickContact .rqc-action{\n        width:100%;\n    }\n\n    #rubitekQuickContact .rqc-button{\n        width:100%;\n        min-width:0;\n\n        height:48px;\n    }\n\n}\n\n\n\/* VERY SMALL *\/\n\n@media(max-width:380px){\n\n    #rubitekQuickContact .rqc-mark{\n        display:none;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"rqc-inner\">\n\n\n    <!-- =====================================================\n         LEFT\n    ====================================================== -->\n\n    <div class=\"rqc-left\">\n\n        <div class=\"rqc-mark\">\n\n            <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.8\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n            >\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n            <\/svg>\n\n        <\/div>\n\n\n        <div class=\"rqc-copy\">\n\n            <div class=\"rqc-eyebrow\">\n                PROJECT \/ CONTACT\n            <\/div>\n\n            <h3>\n                PROJEN\u0130Z\u0130 B\u0130RL\u0130KTE \u00dcRET\u0130ME D\u00d6N\u00dc\u015eT\u00dcREL\u0130M.\n            <\/h3>\n\n            <p>\n                Teknik ihtiya\u00e7lar\u0131n\u0131z\u0131 payla\u015f\u0131n, ekibimiz sizinle ileti\u015fime ge\u00e7sin.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CONTACT INFORMATION\n    ====================================================== -->\n\n    <div class=\"rqc-middle\">\n\n\n        <!-- PHONE -->\n\n        <a\n            href=\"tel:+902745021200\"\n            class=\"rqc-contact\"\n        >\n\n            <small>\n                TELEFON\n            <\/small>\n\n            <strong>\n\n                <svg\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                >\n                    <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n                <\/svg>\n\n                +90 274 502 12 00\n\n            <\/strong>\n\n        <\/a>\n\n\n\n        <!-- EMAIL -->\n\n        <a\n            href=\"mailto:info@rubitek.com.tr\"\n            class=\"rqc-contact\"\n        >\n\n            <small>\n                E-POSTA\n            <\/small>\n\n            <strong>\n\n                <svg\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                >\n                    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n                    <polyline points=\"22,6 12,13 2,6\"\/>\n                <\/svg>\n\n                info@rubitek.com.tr\n\n            <\/strong>\n\n        <\/a>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BUTTON\n    ====================================================== -->\n\n    <div class=\"rqc-action\">\n\n        <a\n            href=\"\/iletisim\/\"\n            class=\"rqc-button\"\n        >\n\n            <span>\n                \u0130LET\u0130\u015e\u0130ME GE\u00c7\n            <\/span>\n\n            <span class=\"rqc-arrow\">\n                \u2192\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-aa32ee1 e-con e-atomic-element e-flexbox-base e-aa32ee1-83c62d9 \" data-id=\"aa32ee1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aa32ee1\" data-e-type=\"e-flexbox\" data-id=\"aa32ee1\">\n    \t\t<div class=\"elementor-element elementor-element-d4bd420 elementor-widget elementor-widget-html\" data-id=\"d4bd420\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     RUB\u0130TEK METAL - INSTAGRAM TAK\u0130P B\u00d6L\u00dcM\u00dc\n     Full Width \/ Responsive \/ Animated Phone \/ Brand Logo\n========================================================= -->\n\n<section class=\"rubitek-instagram-section\" id=\"rubitekInstagramSection\">\n\n  <!-- Arka plan -->\n  <div class=\"ri-bg-grid\"><\/div>\n  <div class=\"ri-glow ri-glow-1\"><\/div>\n  <div class=\"ri-glow ri-glow-2\"><\/div>\n\n  <div class=\"ri-container\">\n\n    <!-- =====================================================\n         SOL TARAF\n    ====================================================== -->\n    <div class=\"ri-content\">\n\n      <div class=\"ri-eyebrow\">\n        <span class=\"ri-eyebrow-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\n            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n            <circle cx=\"17.5\" cy=\"6.5\" r=\"1\"><\/circle>\n          <\/svg>\n        <\/span>\n\n        <span>RUB\u0130TEK METAL \u00d7 INSTAGRAM<\/span>\n      <\/div>\n\n\n      <h2 class=\"ri-title\">\n        \u00dcRET\u0130M\u0130N\n        <span>ARKA PLANINI<\/span>\n        KE\u015eFED\u0130N.\n      <\/h2>\n\n\n      <p class=\"ri-description\">\n        Fabrikam\u0131zdan \u00fcretim anlar\u0131, projelerimiz, teknoloji yat\u0131r\u0131mlar\u0131m\u0131z\n        ve metalin \u015fekillendi\u011fi s\u00fcre\u00e7lerden kareler i\u00e7in bizi Instagram'da takip edin.\n      <\/p>\n\n\n      <!-- PROF\u0130L KARTI -->\n      <a\n        href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"ri-profile-row\"\n      >\n\n        <div class=\"ri-profile-avatar\">\n\n          <div class=\"ri-profile-avatar-inner\">\n            <img decoding=\"async\"\n              src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubi-icon.png\"\n              alt=\"Rubitek Metal\"\n            >\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"ri-profile-info\">\n          <strong>@rubitekmetal<\/strong>\n          <span>Rubitek Metal<\/span>\n        <\/div>\n\n\n        <div class=\"ri-live-badge\">\n          <span><\/span>\n          TAK\u0130P ET\n        <\/div>\n\n      <\/a>\n\n\n      <!-- BUTON -->\n      <div class=\"ri-actions\">\n\n        <a\n          href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          class=\"ri-main-button\"\n        >\n\n          <span class=\"ri-button-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\n              <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"1\"><\/circle>\n            <\/svg>\n          <\/span>\n\n\n          <span class=\"ri-button-text\">\n            <small>INSTAGRAM'DA<\/small>\n            <strong>TAK\u0130P ET<\/strong>\n          <\/span>\n\n\n          <span class=\"ri-arrow\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14\"><\/path>\n              <path d=\"m13 6 6 6-6 6\"><\/path>\n            <\/svg>\n          <\/span>\n\n        <\/a>\n\n\n        <div class=\"ri-action-note\">\n          <div class=\"ri-note-dot\"><\/div>\n          <span>\u00dcretimden ger\u00e7ek kareler<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         SA\u011e TARAF \/ TELEFON\n    ====================================================== -->\n    <div class=\"ri-phone-area\">\n\n      <!-- B\u00dcY\u00dcK RUB\u0130TEK R F\u0130L\u0130GRANI -->\n      <div class=\"ri-brand-watermark\">\n        <img decoding=\"async\"\n          src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubi-icon.png\"\n          alt=\"\"\n        >\n      <\/div>\n\n\n      <!-- HALKALAR -->\n      <div class=\"ri-orbit ri-orbit-1\"><\/div>\n      <div class=\"ri-orbit ri-orbit-2\"><\/div>\n      <div class=\"ri-orbit ri-orbit-3\"><\/div>\n\n\n      <!-- FLOATING CARD 1 -->\n      <div class=\"ri-floating-card ri-floating-card-1\">\n\n        <div class=\"ri-mini-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20.8 4.6c-1.5-1.5-4-1.5-5.5 0L12 7.9 8.7 4.6a3.9 3.9 0 0 0-5.5 5.5L12 19l8.8-8.9a3.9 3.9 0 0 0 0-5.5z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <strong>\u00dcretim<\/strong>\n          <span>Detaylar\u0131<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- FLOATING CARD 2 -->\n      <div class=\"ri-floating-card ri-floating-card-2\">\n\n        <div class=\"ri-pulse-dot\"><\/div>\n\n        <div>\n          <strong>Rubitek Metal<\/strong>\n          <span>Instagram'da<\/span>\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           TELEFON\n      ==================================================== -->\n      <div class=\"ri-phone-float\">\n\n        <div class=\"ri-phone-tilt\" id=\"rubitekPhoneTilt\">\n\n          <div class=\"ri-phone\">\n\n            <!-- Telefon yan tu\u015flar\u0131 -->\n            <div class=\"ri-phone-button ri-phone-button-left-1\"><\/div>\n            <div class=\"ri-phone-button ri-phone-button-left-2\"><\/div>\n            <div class=\"ri-phone-button ri-phone-button-left-3\"><\/div>\n            <div class=\"ri-phone-button ri-phone-button-right\"><\/div>\n\n\n            <!-- EKRAN -->\n            <div class=\"ri-phone-screen\">\n\n              <div class=\"ri-dynamic-island\"><\/div>\n\n\n              <!-- STATUS -->\n              <div class=\"ri-status\">\n\n                <span>09:41<\/span>\n\n                <div class=\"ri-status-icons\">\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M3 18h2\"><\/path>\n                    <path d=\"M7 15h2v3H7z\"><\/path>\n                    <path d=\"M11 12h2v6h-2z\"><\/path>\n                    <path d=\"M15 9h2v9h-2z\"><\/path>\n                  <\/svg>\n\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M5 12.5a10 10 0 0 1 14 0\"><\/path>\n                    <path d=\"M8 15.5a6 6 0 0 1 8 0\"><\/path>\n                    <path d=\"M11 18.5a2 2 0 0 1 2 0\"><\/path>\n                  <\/svg>\n\n\n                  <div class=\"ri-battery\">\n                    <span><\/span>\n                  <\/div>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- INSTAGRAM HEADER -->\n              <div class=\"ri-instagram-header\">\n\n                <div class=\"ri-instagram-word\">\n                  Instagram\n                <\/div>\n\n\n                <div class=\"ri-instagram-actions\">\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M12 5v14\"><\/path>\n                    <path d=\"M5 12h14\"><\/path>\n                  <\/svg>\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M20.8 4.6c-1.5-1.5-4-1.5-5.5 0L12 7.9 8.7 4.6a3.9 3.9 0 0 0-5.5 5.5L12 19l8.8-8.9a3.9 3.9 0 0 0 0-5.5z\"><\/path>\n                  <\/svg>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- =================================================\n                   INSTAGRAM PROF\u0130L\n              ================================================== -->\n              <div class=\"ri-ig-profile\">\n\n                <div class=\"ri-ig-profile-top\">\n\n                  <!-- GER\u00c7EK RUB\u0130TEK LOGOSU -->\n                  <div class=\"ri-ig-avatar-ring\">\n\n                    <div class=\"ri-ig-avatar\">\n                      <img decoding=\"async\"\n                        src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubi-icon.png\"\n                        alt=\"Rubitek Metal\"\n                      >\n                    <\/div>\n\n                  <\/div>\n\n\n                  <div class=\"ri-ig-stat\">\n                    <strong>\u00dcretim<\/strong>\n                    <span>teknolojisi<\/span>\n                  <\/div>\n\n\n                  <div class=\"ri-ig-stat\">\n                    <strong>Kalite<\/strong>\n                    <span>odakl\u0131<\/span>\n                  <\/div>\n\n\n                  <div class=\"ri-ig-stat\">\n                    <strong>Metal<\/strong>\n                    <span>\u00e7\u00f6z\u00fcmleri<\/span>\n                  <\/div>\n\n                <\/div>\n\n\n\n                <div class=\"ri-ig-bio\">\n\n                  <strong>Rubitek Metal<\/strong>\n\n                  <span>End\u00fcstriyel \u00dcretim<\/span>\n\n                  <p>\n                    Metalde g\u00fc\u00e7l\u00fc \u00e7\u00f6z\u00fcmler.<br>\n                    \u00dcretimde m\u00fckemmellik.\n                  <\/p>\n\n                <\/div>\n\n\n\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-ig-follow\"\n                >\n                  Takip Et\n                <\/a>\n\n              <\/div>\n\n\n\n              <!-- =================================================\n                   HIGHLIGHTS\n              ================================================== -->\n              <div class=\"ri-highlights\">\n\n                <div class=\"ri-highlight\">\n\n                  <div>\n                    <img decoding=\"async\"\n                      src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/lazerkesim1.png\"\n                      alt=\"Lazer Kesim\"\n                    >\n                  <\/div>\n\n                  <span>Lazer<\/span>\n\n                <\/div>\n\n\n                <div class=\"ri-highlight\">\n\n                  <div>\n                    <img decoding=\"async\"\n                      src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/abkant1.png\"\n                      alt=\"Abkant B\u00fck\u00fcm\"\n                    >\n                  <\/div>\n\n                  <span>B\u00fck\u00fcm<\/span>\n\n                <\/div>\n\n\n                <div class=\"ri-highlight\">\n\n                  <div>\n                    <img decoding=\"async\"\n                      src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrika4-scaled.jpg\"\n                      alt=\"Rubitek Fabrika\"\n                    >\n                  <\/div>\n\n                  <span>Fabrika<\/span>\n\n                <\/div>\n\n\n                <div class=\"ri-highlight\">\n\n                  <div class=\"ri-highlight-logo\">\n                    <img decoding=\"async\"\n                      src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubi-icon.png\"\n                      alt=\"Rubitek\"\n                    >\n                  <\/div>\n\n                  <span>Rubitek<\/span>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- =================================================\n                   INSTAGRAM TAB\n              ================================================== -->\n              <div class=\"ri-ig-tabs\">\n\n                <div class=\"active\">\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                  <\/svg>\n\n                <\/div>\n\n\n                <div>\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"><\/rect>\n                    <path d=\"m10 8 5 4-5 4z\"><\/path>\n                  <\/svg>\n\n                <\/div>\n\n\n                <div>\n\n                  <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect>\n                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                    <path d=\"M7 19c.7-3 2.4-4.5 5-4.5s4.3 1.5 5 4.5\"><\/path>\n                  <\/svg>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- =================================================\n                   POST GRID\n              ================================================== -->\n              <div class=\"ri-post-grid\">\n\n\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-post\"\n                >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrikagorseli.png\"\n                    alt=\"Rubitek Metal\"\n                  >\n\n                  <span class=\"ri-post-overlay\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                      <path d=\"M20.8 4.6c-1.5-1.5-4-1.5-5.5 0L12 7.9 8.7 4.6a3.9 3.9 0 0 0-5.5 5.5L12 19l8.8-8.9a3.9 3.9 0 0 0 0-5.5z\"><\/path>\n                    <\/svg>\n\n                  <\/span>\n\n                <\/a>\n\n\n\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-post\"\n                >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/lazerkesim1.png\"\n                    alt=\"Rubitek Metal\"\n                  >\n\n                  <span class=\"ri-reel-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                      <path d=\"m9 7 8 5-8 5z\"><\/path>\n                    <\/svg>\n\n                  <\/span>\n\n                <\/a>\n\n\n\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-post\"\n                >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/abkant1.png\"\n                    alt=\"Rubitek Metal\"\n                  >\n\n                <\/a>\n\n\n\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-post\"\n                >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrika4-scaled.jpg\"\n                    alt=\"Rubitek Metal\"\n                  >\n\n                <\/a>\n\n\n\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-post\"\n                >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/fabrika9-scaled.jpg\"\n                    alt=\"Rubitek Metal\"\n                  >\n\n                <\/a>\n\n\n\n                <!-- LOGOLU GRID -->\n                <a\n                  href=\"https:\/\/www.instagram.com\/rubitekmetal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  class=\"ri-post ri-logo-post\"\n                >\n\n                  <div class=\"ri-logo-post-inner\">\n\n                    <img decoding=\"async\"\n                      src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubi-icon.png\"\n                      alt=\"Rubitek Metal\"\n                    >\n\n                    <span>RUB\u0130TEK<\/span>\n\n                  <\/div>\n\n                <\/a>\n\n              <\/div>\n\n\n\n              <!-- =================================================\n                   ALT NAV\n              ================================================== -->\n              <div class=\"ri-ig-bottom-nav\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M3 11 12 4l9 7\"><\/path>\n                  <path d=\"M5 10v10h14V10\"><\/path>\n                <\/svg>\n\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n                  <path d=\"m16 16 5 5\"><\/path>\n                <\/svg>\n\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\n                  <path d=\"m9 8 7 4-7 4z\"><\/path>\n                <\/svg>\n\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 4h16v14H7l-3 3z\"><\/path>\n                <\/svg>\n\n\n                <!-- ALT MEN\u00dc RUB\u0130TEK LOGOSU -->\n                <div class=\"ri-bottom-avatar\">\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/rubitek.com.tr\/wp-content\/uploads\/2026\/08\/rubi-icon.png\"\n                    alt=\"Rubitek\"\n                  >\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ri-phone-shadow\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.rubitek-instagram-section,\n.rubitek-instagram-section * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ANA ALAN\n========================================================= *\/\n\n.rubitek-instagram-section {\n\n  --ri-red: #9e1b22;\n  --ri-red-light: #c52a34;\n  --ri-red-dark: #761117;\n\n  --ri-text: #101114;\n  --ri-muted: #6d7179;\n  --ri-border: #e7e8ec;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none !important;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 95px 0 85px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 78% 42%,\n      rgba(158, 27, 34, 0.055) 0%,\n      rgba(158, 27, 34, 0) 35%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fbfbfc 100%\n    );\n\n  color: var(--ri-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND GRID\n========================================================= *\/\n\n.ri-bg-grid {\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .8;\n\n  background-image:\n\n    linear-gradient(\n      rgba(16, 17, 20, .025) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(16, 17, 20, .025) 1px,\n      transparent 1px\n    );\n\n  background-size: 48px 48px;\n\n  -webkit-mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      black 27%,\n      black 83%,\n      transparent\n    );\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      black 27%,\n      black 83%,\n      transparent\n    );\n}\n\n\n\/* =========================================================\n   GLOW\n========================================================= *\/\n\n.ri-glow {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n\n.ri-glow-1 {\n\n  width: 520px;\n  height: 520px;\n\n  right: -220px;\n  top: -220px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(158, 27, 34, .065),\n      transparent 70%\n    );\n}\n\n\n.ri-glow-2 {\n\n  width: 430px;\n  height: 430px;\n\n  left: -280px;\n  bottom: -250px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(15, 17, 20, .04),\n      transparent 70%\n    );\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ri-container {\n\n  position: relative;\n\n  z-index: 5;\n\n  width: min(1320px, calc(100% - 70px));\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(430px, .95fr);\n\n  align-items: center;\n\n  gap: 70px;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.ri-content {\n\n  max-width: 670px;\n\n  opacity: 0;\n\n  transform:\n    translateY(25px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.2, .8, .2, 1);\n}\n\n\n.rubitek-instagram-section.ri-visible\n.ri-content {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.ri-eyebrow {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 23px;\n\n  padding:\n    7px 13px 7px 8px;\n\n  border:\n    1px solid rgba(158, 27, 34, .16);\n\n  border-radius: 999px;\n\n  background: #fff;\n\n  color: var(--ri-red);\n\n  box-shadow:\n    0 6px 22px\n    rgba(25, 25, 30, .035);\n\n  font-size: 11px;\n\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: 1.4px;\n}\n\n\n.ri-eyebrow-icon {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 27px;\n  height: 27px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #833ab4 0%,\n      #fd1d1d 52%,\n      #fcb045 100%\n    );\n}\n\n\n.ri-eyebrow-icon svg {\n\n  width: 15px;\n  height: 15px;\n\n  fill: none;\n\n  stroke: #fff;\n\n  stroke-width: 1.8;\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.ri-title {\n\n  margin: 0;\n\n  color: var(--ri-text);\n\n  font-size:\n    clamp(42px, 4.4vw, 70px);\n\n  font-weight: 900;\n\n  line-height: .97;\n\n  letter-spacing: -3px;\n}\n\n\n.ri-title span {\n\n  display: block;\n\n  background:\n    linear-gradient(\n      105deg,\n      var(--ri-red-dark) 0%,\n      #bd2831 50%,\n      var(--ri-red) 100%\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.ri-description {\n\n  max-width: 590px;\n\n  margin:\n    28px 0 28px;\n\n  color: var(--ri-muted);\n\n  font-size: 16px;\n\n  line-height: 1.8;\n\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   PROFILE CARD\n========================================================= *\/\n\n.ri-profile-row {\n\n  display: flex;\n\n  align-items: center;\n\n  width: fit-content;\n\n  min-width: 390px;\n\n  padding:\n    10px 14px 10px 10px;\n\n  margin-bottom: 28px;\n\n  border:\n    1px solid var(--ri-border);\n\n  border-radius: 17px;\n\n  background:\n    rgba(255, 255, 255, .88);\n\n  box-shadow:\n    0 12px 45px\n    rgba(17, 18, 24, .055);\n\n  backdrop-filter:\n    blur(10px);\n\n  text-decoration: none !important;\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.ri-profile-row:hover {\n\n  transform:\n    translateY(-3px);\n\n  border-color:\n    rgba(158, 27, 34, .19);\n\n  box-shadow:\n    0 18px 46px\n    rgba(17, 18, 24, .09);\n}\n\n\n\/* =========================================================\n   PROF\u0130L LOGOSU\n========================================================= *\/\n\n.ri-profile-avatar {\n\n  position: relative;\n\n  width: 54px;\n  height: 54px;\n\n  flex: 0 0 54px;\n\n  margin-right: 13px;\n\n  padding: 2px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      45deg,\n      #feda75,\n      #fa7e1e,\n      #d62976,\n      #962fbf,\n      #4f5bd5\n    );\n}\n\n\n.ri-profile-avatar-inner {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 5px;\n\n  overflow: hidden;\n\n  border:\n    2px solid #fff;\n\n  border-radius: 50%;\n\n  background: #fff;\n}\n\n\n.ri-profile-avatar img {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n}\n\n\n\/* =========================================================\n   PROFILE INFO\n========================================================= *\/\n\n.ri-profile-info {\n\n  display: flex;\n\n  flex-direction: column;\n\n  min-width: 130px;\n}\n\n\n.ri-profile-info strong {\n\n  color: #16171a;\n\n  font-size: 14px;\n\n  font-weight: 800;\n}\n\n\n.ri-profile-info span {\n\n  margin-top: 3px;\n\n  color: #8b8e95;\n\n  font-size: 12px;\n}\n\n\n\/* =========================================================\n   FOLLOW BADGE\n========================================================= *\/\n\n.ri-live-badge {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 6px;\n\n  margin-left: auto;\n\n  padding:\n    7px 10px;\n\n  border-radius: 7px;\n\n  background:\n    rgba(158, 27, 34, .07);\n\n  color: var(--ri-red);\n\n  font-size: 9px;\n\n  font-weight: 900;\n\n  letter-spacing: .8px;\n}\n\n\n.ri-live-badge > span {\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background:\n    var(--ri-red);\n\n  animation:\n    riPulse 1.8s infinite;\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n.ri-actions {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 20px;\n}\n\n\n\/* =========================================================\n   MAIN BUTTON\n========================================================= *\/\n\n.ri-main-button {\n\n  position: relative;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n  min-width: 225px;\n\n  padding:\n    10px 12px;\n\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  color: #fff;\n\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(\n      115deg,\n      #7b1118 0%,\n      #9e1b22 45%,\n      #c22630 100%\n    );\n\n  box-shadow:\n    0 15px 35px\n    rgba(158, 27, 34, .18);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.ri-main-button::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -70%;\n  left: -50%;\n\n  width: 35%;\n  height: 240%;\n\n  transform:\n    rotate(24deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, .28),\n      transparent\n    );\n\n  transition:\n    left .65s ease;\n}\n\n\n.ri-main-button:hover {\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 20px 45px\n    rgba(158, 27, 34, .28);\n\n  color: #fff;\n}\n\n\n.ri-main-button:hover::before {\n\n  left: 125%;\n}\n\n\n\/* =========================================================\n   BUTTON ICON\n========================================================= *\/\n\n.ri-button-icon {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 43px;\n  height: 43px;\n\n  flex: 0 0 43px;\n\n  border-radius: 10px;\n\n  background:\n    rgba(255, 255, 255, .13);\n}\n\n\n.ri-button-icon svg {\n\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n}\n\n\n.ri-button-text {\n\n  display: flex;\n\n  flex-direction: column;\n\n  flex: 1;\n\n  line-height: 1;\n}\n\n\n.ri-button-text small {\n\n  margin-bottom: 5px;\n\n  color:\n    rgba(255, 255, 255, .65);\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1px;\n}\n\n\n.ri-button-text strong {\n\n  color: #fff;\n\n  font-size: 13px;\n\n  font-weight: 900;\n\n  letter-spacing: .6px;\n}\n\n\n.ri-arrow {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255, 255, 255, .11);\n\n  transition:\n    transform .3s ease;\n}\n\n\n.ri-arrow svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n.ri-main-button:hover\n.ri-arrow {\n\n  transform:\n    translateX(3px);\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.ri-action-note {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #8c8e94;\n\n  font-size: 12px;\n\n  white-space: nowrap;\n}\n\n\n.ri-note-dot {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #47ad69;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(71, 173, 105, .10);\n}\n\n\n\/* =========================================================\n   PHONE AREA\n========================================================= *\/\n\n.ri-phone-area {\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-height: 610px;\n\n  perspective: 1300px;\n\n  opacity: 0;\n\n  transform:\n    translateY(30px);\n\n  transition:\n    opacity 1s .15s ease,\n    transform 1s .15s cubic-bezier(.2, .8, .2, 1);\n}\n\n\n.rubitek-instagram-section.ri-visible\n.ri-phone-area {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\n\/* =========================================================\n   RUB\u0130TEK R WATERMARK\n========================================================= *\/\n\n.ri-brand-watermark {\n\n  position: absolute;\n\n  z-index: 0;\n\n  top: 50%;\n  left: 50%;\n\n  width: 500px;\n  height: 500px;\n\n  transform:\n    translate(-50%, -50%)\n    rotate(-8deg);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  pointer-events: none;\n\n  opacity: .035;\n}\n\n\n.ri-brand-watermark img {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n\n  filter:\n    grayscale(1)\n    contrast(1.3);\n}\n\n\n\/* =========================================================\n   PHONE FLOAT\n========================================================= *\/\n\n.ri-phone-float {\n\n  position: relative;\n\n  z-index: 5;\n\n  animation:\n    riPhoneFloat\n    5s\n    cubic-bezier(.45, .05, .55, .95)\n    infinite;\n}\n\n\n.ri-phone-tilt {\n\n  position: relative;\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform .2s ease-out;\n\n  will-change: transform;\n}\n\n\n\/* =========================================================\n   PHONE BODY\n========================================================= *\/\n\n.ri-phone {\n\n  position: relative;\n\n  width: 294px;\n  height: 594px;\n\n  padding: 8px;\n\n  border:\n    1px solid #292b30;\n\n  border-radius: 44px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #3e4147 0%,\n      #111216 22%,\n      #050506 53%,\n      #34363c 100%\n    );\n\n  box-shadow:\n    0 42px 80px rgba(19, 20, 24, .23),\n    0 14px 28px rgba(19, 20, 24, .16),\n    inset 0 0 0 1px rgba(255, 255, 255, .13),\n    inset 0 0 0 3px #070708;\n\n  transform:\n    rotateZ(2deg);\n\n  transition:\n    transform .35s ease;\n}\n\n\n.ri-phone:hover {\n\n  transform:\n    rotateZ(0deg)\n    scale(1.012);\n}\n\n\n\/* =========================================================\n   PHONE SCREEN\n========================================================= *\/\n\n.ri-phone-screen {\n\n  position: relative;\n\n  width: 100%;\n  height: 100%;\n\n  overflow: hidden;\n\n  border-radius: 37px;\n\n  background: #fff;\n\n  color: #101114;\n}\n\n\n\/* =========================================================\n   SIDE BUTTONS\n========================================================= *\/\n\n.ri-phone-button {\n\n  position: absolute;\n\n  border-radius: 3px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #34363b,\n      #111216\n    );\n}\n\n\n.ri-phone-button-left-1 {\n\n  top: 105px;\n  left: -4px;\n\n  width: 4px;\n  height: 29px;\n}\n\n\n.ri-phone-button-left-2 {\n\n  top: 150px;\n  left: -4px;\n\n  width: 4px;\n  height: 54px;\n}\n\n\n.ri-phone-button-left-3 {\n\n  top: 215px;\n  left: -4px;\n\n  width: 4px;\n  height: 54px;\n}\n\n\n.ri-phone-button-right {\n\n  top: 162px;\n  right: -4px;\n\n  width: 4px;\n  height: 80px;\n}\n\n\n\/* =========================================================\n   DYNAMIC ISLAND\n========================================================= *\/\n\n.ri-dynamic-island {\n\n  position: absolute;\n\n  z-index: 20;\n\n  top: 10px;\n  left: 50%;\n\n  width: 82px;\n  height: 23px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 18px;\n\n  background: #050505;\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.ri-status {\n\n  position: relative;\n\n  z-index: 12;\n\n  height: 38px;\n\n  padding:\n    10px 17px 0;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  justify-content: space-between;\n\n  color: #111;\n\n  font-size: 9px;\n\n  font-weight: 700;\n}\n\n\n.ri-status-icons {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 4px;\n}\n\n\n.ri-status-icons svg {\n\n  width: 12px;\n  height: 12px;\n\n  fill: none;\n\n  stroke: #111;\n\n  stroke-width: 1.8;\n}\n\n\n.ri-battery {\n\n  position: relative;\n\n  width: 17px;\n  height: 8px;\n\n  padding: 1px;\n\n  border:\n    1px solid #111;\n\n  border-radius: 2px;\n}\n\n\n.ri-battery::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  right: -3px;\n  top: 2px;\n\n  width: 2px;\n  height: 4px;\n\n  border-radius:\n    0 2px 2px 0;\n\n  background: #111;\n}\n\n\n.ri-battery span {\n\n  display: block;\n\n  width: 80%;\n  height: 100%;\n\n  background: #111;\n\n  border-radius: 1px;\n}\n\n\n\/* =========================================================\n   INSTAGRAM HEADER\n========================================================= *\/\n\n.ri-instagram-header {\n\n  height: 37px;\n\n  padding:\n    0 13px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-bottom:\n    1px solid #eeeeef;\n}\n\n\n.ri-instagram-word {\n\n  font-family:\n    \"Brush Script MT\",\n    cursive;\n\n  font-size: 20px;\n\n  font-weight: 500;\n}\n\n\n.ri-instagram-actions {\n\n  display: flex;\n\n  gap: 12px;\n}\n\n\n.ri-instagram-actions svg {\n\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: #161616;\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   IG PROFILE\n========================================================= *\/\n\n.ri-ig-profile {\n\n  padding:\n    13px 13px 10px;\n}\n\n\n.ri-ig-profile-top {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n}\n\n\n\/* =========================================================\n   INSTAGRAM RUB\u0130TEK AVATAR\n========================================================= *\/\n\n.ri-ig-avatar-ring {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 64px;\n  height: 64px;\n\n  flex: 0 0 64px;\n\n  padding: 2px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      45deg,\n      #feda75,\n      #fa7e1e,\n      #d62976,\n      #962fbf,\n      #4f5bd5\n    );\n}\n\n\n.ri-ig-avatar {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 6px;\n\n  overflow: hidden;\n\n  border:\n    2px solid #fff;\n\n  border-radius: 50%;\n\n  background: #fff;\n}\n\n\n.ri-ig-avatar img {\n\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: contain;\n}\n\n\n\/* =========================================================\n   IG STATS\n========================================================= *\/\n\n.ri-ig-stat {\n\n  display: flex;\n\n  flex: 1;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  min-width: 0;\n}\n\n\n.ri-ig-stat strong {\n\n  color: #161616;\n\n  font-size: 9px;\n\n  line-height: 1.1;\n\n  font-weight: 800;\n}\n\n\n.ri-ig-stat span {\n\n  margin-top: 3px;\n\n  color: #7e8187;\n\n  font-size: 6.5px;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   BIO\n========================================================= *\/\n\n.ri-ig-bio {\n\n  padding-top: 9px;\n\n  font-size: 9px;\n\n  line-height: 1.4;\n}\n\n\n.ri-ig-bio strong {\n\n  display: block;\n\n  color: #151515;\n\n  font-size: 10px;\n\n  font-weight: 800;\n}\n\n\n.ri-ig-bio > span {\n\n  display: block;\n\n  margin:\n    1px 0 3px;\n\n  color: #92949a;\n\n  font-size: 8px;\n}\n\n\n.ri-ig-bio p {\n\n  margin: 0;\n\n  color: #34353a;\n\n  font-size: 8.5px;\n\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   FOLLOW BUTTON\n========================================================= *\/\n\n.ri-ig-follow {\n\n  display: block;\n\n  width: 100%;\n\n  margin-top: 9px;\n\n  padding: 6px;\n\n  border-radius: 5px;\n\n  background: #0095f6;\n\n  color: white !important;\n\n  text-align: center;\n\n  text-decoration: none !important;\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n\n.ri-ig-follow:hover {\n\n  background: #1877d2;\n\n  transform:\n    translateY(-1px);\n}\n\n\n\/* =========================================================\n   HIGHLIGHTS\n========================================================= *\/\n\n.ri-highlights {\n\n  display: flex;\n\n  gap: 12px;\n\n  padding:\n    3px 14px 10px;\n\n  overflow: hidden;\n}\n\n\n.ri-highlight {\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 4px;\n}\n\n\n.ri-highlight > div {\n\n  width: 39px;\n  height: 39px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border:\n    1px solid #dedfe2;\n\n  border-radius: 50%;\n\n  background: #fff;\n}\n\n\n.ri-highlight img {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  border-radius: 50%;\n\n  object-fit: cover;\n}\n\n\n.ri-highlight-logo {\n\n  padding: 6px !important;\n}\n\n\n.ri-highlight-logo img {\n\n  object-fit: contain !important;\n}\n\n\n.ri-highlight span {\n\n  color: #505157;\n\n  font-size: 7px;\n}\n\n\n\/* =========================================================\n   TABS\n========================================================= *\/\n\n.ri-ig-tabs {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  height: 30px;\n\n  border-top:\n    1px solid #ececee;\n}\n\n\n.ri-ig-tabs > div {\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.ri-ig-tabs > div.active::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -1px;\n  left: 12%;\n\n  width: 76%;\n  height: 1px;\n\n  background: #171717;\n}\n\n\n.ri-ig-tabs svg {\n\n  width: 13px;\n  height: 13px;\n\n  fill: none;\n\n  stroke: #87898e;\n\n  stroke-width: 1.5;\n}\n\n\n.ri-ig-tabs\n.active svg {\n\n  stroke: #1a1b1e;\n}\n\n\n\/* =========================================================\n   POST GRID\n========================================================= *\/\n\n.ri-post-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 1px;\n\n  background: #fff;\n}\n\n\n.ri-post {\n\n  position: relative;\n\n  display: block;\n\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  background: #eee;\n\n  text-decoration: none;\n}\n\n\n.ri-post > img {\n\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  transition:\n    transform .5s\n    cubic-bezier(.2, .8, .2, 1);\n}\n\n\n.ri-post:hover > img {\n\n  transform:\n    scale(1.08);\n}\n\n\n\/* =========================================================\n   LOGO POST\n========================================================= *\/\n\n.ri-logo-post {\n\n  background:\n    linear-gradient(\n      145deg,\n      #f8f8f9,\n      #ffffff\n    );\n}\n\n\n.ri-logo-post-inner {\n\n  position: absolute;\n\n  inset: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 4px;\n}\n\n\n.ri-logo-post-inner img {\n\n  display: block;\n\n  width: 43%;\n  height: 43%;\n\n  object-fit: contain;\n\n  transition:\n    transform .4s ease;\n}\n\n\n.ri-logo-post:hover\n.ri-logo-post-inner img {\n\n  transform:\n    scale(1.08)\n    rotate(-3deg);\n}\n\n\n.ri-logo-post-inner span {\n\n  color: #17181b;\n\n  font-size: 6px;\n\n  font-weight: 900;\n\n  letter-spacing: 1.4px;\n}\n\n\n\/* =========================================================\n   POST OVERLAY\n========================================================= *\/\n\n.ri-post-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  opacity: 0;\n\n  background:\n    rgba(0, 0, 0, .25);\n\n  transition:\n    opacity .25s ease;\n}\n\n\n.ri-post:hover\n.ri-post-overlay {\n\n  opacity: 1;\n}\n\n\n.ri-post-overlay svg,\n.ri-reel-icon svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: #fff;\n\n  stroke-width: 2;\n}\n\n\n.ri-reel-icon {\n\n  position: absolute;\n\n  top: 6px;\n  right: 6px;\n}\n\n\n\/* =========================================================\n   BOTTOM NAV\n========================================================= *\/\n\n.ri-ig-bottom-nav {\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  z-index: 10;\n\n  height: 38px;\n\n  padding:\n    0 15px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  border-top:\n    1px solid #eeeeef;\n\n  background:\n    rgba(255, 255, 255, .96);\n\n  backdrop-filter:\n    blur(10px);\n}\n\n\n.ri-ig-bottom-nav svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: #111;\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   BOTTOM RUB\u0130TEK AVATAR\n========================================================= *\/\n\n.ri-bottom-avatar {\n\n  width: 21px;\n  height: 21px;\n\n  padding: 2px;\n\n  overflow: hidden;\n\n  border:\n    1px solid #d8d9dd;\n\n  border-radius: 50%;\n\n  background: #fff;\n}\n\n\n.ri-bottom-avatar img {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n\n  border-radius: 50%;\n}\n\n\n\/* =========================================================\n   PHONE SHADOW\n========================================================= *\/\n\n.ri-phone-shadow {\n\n  position: absolute;\n\n  z-index: 1;\n\n  bottom: 8px;\n  left: 50%;\n\n  width: 260px;\n  height: 35px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    rgba(20, 21, 24, .16);\n\n  filter:\n    blur(18px);\n\n  animation:\n    riShadow\n    5s\n    cubic-bezier(.45, .05, .55, .95)\n    infinite;\n}\n\n\n\/* =========================================================\n   ORBITS\n========================================================= *\/\n\n.ri-orbit {\n\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%, -50%);\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n\n.ri-orbit-1 {\n\n  width: 455px;\n  height: 455px;\n\n  border:\n    1px solid\n    rgba(158, 27, 34, .08);\n}\n\n\n.ri-orbit-2 {\n\n  width: 385px;\n  height: 385px;\n\n  border:\n    1px dashed\n    rgba(158, 27, 34, .12);\n\n  animation:\n    riOrbitRotate\n    26s linear infinite;\n}\n\n\n.ri-orbit-3 {\n\n  width: 320px;\n  height: 320px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(158, 27, 34, .04),\n      rgba(158, 27, 34, 0)\n      70%\n    );\n}\n\n\n\/* =========================================================\n   FLOATING CARDS\n========================================================= *\/\n\n.ri-floating-card {\n\n  position: absolute;\n\n  z-index: 8;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  padding:\n    10px 12px;\n\n  border:\n    1px solid\n    rgba(20, 21, 24, .07);\n\n  border-radius: 12px;\n\n  background:\n    rgba(255, 255, 255, .88);\n\n  box-shadow:\n    0 14px 35px\n    rgba(20, 21, 24, .08);\n\n  backdrop-filter:\n    blur(12px);\n\n  pointer-events: none;\n}\n\n\n.ri-floating-card strong {\n\n  display: block;\n\n  color: #1a1b1e;\n\n  font-size: 10px;\n\n  line-height: 1.2;\n\n  font-weight: 800;\n}\n\n\n.ri-floating-card span {\n\n  display: block;\n\n  margin-top: 2px;\n\n  color: #8d9096;\n\n  font-size: 8px;\n}\n\n\n.ri-floating-card-1 {\n\n  top: 110px;\n  left: 7%;\n\n  animation:\n    riFloatCard1\n    4.5s ease-in-out infinite;\n}\n\n\n.ri-floating-card-2 {\n\n  right: 0;\n  bottom: 145px;\n\n  animation:\n    riFloatCard2\n    5.2s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   MINI ICON\n========================================================= *\/\n\n.ri-mini-icon {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 29px;\n  height: 29px;\n\n  border-radius: 9px;\n\n  background:\n    rgba(158, 27, 34, .08);\n\n  color: var(--ri-red);\n}\n\n\n.ri-mini-icon svg {\n\n  width: 14px;\n  height: 14px;\n\n  fill:\n    rgba(158, 27, 34, .13);\n\n  stroke:\n    var(--ri-red);\n\n  stroke-width: 1.7;\n}\n\n\n\/* =========================================================\n   PULSE\n========================================================= *\/\n\n.ri-pulse-dot {\n\n  width: 9px;\n  height: 9px;\n\n  border-radius: 50%;\n\n  background: #24b35a;\n\n  box-shadow:\n    0 0 0 5px\n    rgba(36, 179, 90, .10);\n\n  animation:\n    riGreenPulse\n    1.8s infinite;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes riPhoneFloat {\n\n  0%,\n  100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-16px);\n\n  }\n\n}\n\n\n@keyframes riShadow {\n\n  0%,\n  100% {\n\n    opacity: .7;\n\n    transform:\n      translateX(-50%)\n      scale(1);\n\n  }\n\n  50% {\n\n    opacity: .4;\n\n    transform:\n      translateX(-50%)\n      scale(.84);\n\n  }\n\n}\n\n\n@keyframes riOrbitRotate {\n\n  from {\n\n    transform:\n      translate(-50%, -50%)\n      rotate(0deg);\n\n  }\n\n  to {\n\n    transform:\n      translate(-50%, -50%)\n      rotate(360deg);\n\n  }\n\n}\n\n\n@keyframes riFloatCard1 {\n\n  0%,\n  100% {\n\n    transform:\n      translate(0, 0)\n      rotate(-2deg);\n\n  }\n\n  50% {\n\n    transform:\n      translate(-5px, -11px)\n      rotate(1deg);\n\n  }\n\n}\n\n\n@keyframes riFloatCard2 {\n\n  0%,\n  100% {\n\n    transform:\n      translate(0, 0)\n      rotate(2deg);\n\n  }\n\n  50% {\n\n    transform:\n      translate(7px, -10px)\n      rotate(-1deg);\n\n  }\n\n}\n\n\n@keyframes riPulse {\n\n  0% {\n\n    box-shadow:\n      0 0 0 0\n      rgba(158, 27, 34, .22);\n\n  }\n\n  70% {\n\n    box-shadow:\n      0 0 0 7px\n      rgba(158, 27, 34, 0);\n\n  }\n\n  100% {\n\n    box-shadow:\n      0 0 0 0\n      rgba(158, 27, 34, 0);\n\n  }\n\n}\n\n\n@keyframes riGreenPulse {\n\n  0% {\n\n    box-shadow:\n      0 0 0 0\n      rgba(36, 179, 90, .23);\n\n  }\n\n  70% {\n\n    box-shadow:\n      0 0 0 7px\n      rgba(36, 179, 90, 0);\n\n  }\n\n  100% {\n\n    box-shadow:\n      0 0 0 0\n      rgba(36, 179, 90, 0);\n\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .ri-container {\n\n    width:\n      min(940px, calc(100% - 50px));\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(350px, .8fr);\n\n    gap: 30px;\n  }\n\n\n  .ri-title {\n\n    font-size:\n      clamp(38px, 5vw, 56px);\n\n    letter-spacing: -2.2px;\n  }\n\n\n  .ri-phone-area {\n\n    min-height: 560px;\n\n    transform-origin: center;\n  }\n\n\n  .ri-phone {\n\n    width: 268px;\n    height: 542px;\n  }\n\n\n  .ri-brand-watermark {\n\n    width: 430px;\n    height: 430px;\n  }\n\n\n  .ri-floating-card-1 {\n\n    left: -1%;\n  }\n\n\n  .ri-floating-card-2 {\n\n    right: -4%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOB\u0130L\n========================================================= *\/\n\n@media (max-width: 820px) {\n\n  .rubitek-instagram-section {\n\n    padding:\n      68px 0 55px;\n  }\n\n\n  .ri-container {\n\n    width:\n      min(660px, calc(100% - 32px));\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 22px;\n  }\n\n\n  .ri-content {\n\n    width: 100%;\n\n    max-width: 590px;\n\n    text-align: center;\n  }\n\n\n  .ri-eyebrow {\n\n    margin-left: auto;\n\n    margin-right: auto;\n  }\n\n\n  .ri-title {\n\n    font-size:\n      clamp(38px, 10vw, 57px);\n\n    line-height: .98;\n\n    letter-spacing: -2px;\n  }\n\n\n  .ri-description {\n\n    margin:\n      22px auto 24px;\n\n    font-size: 14px;\n\n    line-height: 1.7;\n  }\n\n\n  .ri-profile-row {\n\n    margin:\n      0 auto 24px;\n\n    text-align: left;\n  }\n\n\n  .ri-actions {\n\n    justify-content: center;\n  }\n\n\n  .ri-phone-area {\n\n    width: 100%;\n\n    min-height: 610px;\n  }\n\n\n  .ri-brand-watermark {\n\n    width: 420px;\n    height: 420px;\n\n    opacity: .03;\n  }\n\n}\n\n\n\/* =========================================================\n   TELEFON MOB\u0130L\n========================================================= *\/\n\n@media (max-width: 560px) {\n\n  .rubitek-instagram-section {\n\n    padding:\n      55px 0 40px;\n  }\n\n\n  .ri-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .ri-eyebrow {\n\n    font-size: 9px;\n\n    letter-spacing: 1px;\n  }\n\n\n  .ri-title {\n\n    font-size:\n      clamp(36px, 11.5vw, 49px);\n\n    letter-spacing: -1.7px;\n  }\n\n\n  .ri-description {\n\n    padding:\n      0 5px;\n  }\n\n\n  .ri-profile-row {\n\n    width: 100%;\n\n    min-width: 0;\n\n    max-width: 390px;\n  }\n\n\n  .ri-profile-info {\n\n    min-width: 0;\n\n    flex: 1;\n  }\n\n\n  .ri-live-badge {\n\n    font-size: 8px;\n  }\n\n\n  .ri-actions {\n\n    flex-direction: column;\n\n    gap: 15px;\n  }\n\n\n  .ri-main-button {\n\n    width: 100%;\n\n    max-width: 360px;\n  }\n\n\n  .ri-action-note {\n\n    font-size: 11px;\n  }\n\n\n  .ri-phone-area {\n\n    min-height: 565px;\n  }\n\n\n  .ri-phone {\n\n    width: 260px;\n    height: 525px;\n\n    border-radius: 40px;\n  }\n\n\n  .ri-phone-screen {\n\n    border-radius: 33px;\n  }\n\n\n  .ri-orbit-1 {\n\n    width: 340px;\n    height: 340px;\n  }\n\n\n  .ri-orbit-2 {\n\n    width: 305px;\n    height: 305px;\n  }\n\n\n  .ri-orbit-3 {\n\n    width: 270px;\n    height: 270px;\n  }\n\n\n  .ri-brand-watermark {\n\n    width: 350px;\n    height: 350px;\n\n    opacity: .028;\n  }\n\n\n  .ri-floating-card {\n\n    transform:\n      scale(.9);\n  }\n\n\n  .ri-floating-card-1 {\n\n    top: 82px;\n    left: -4px;\n  }\n\n\n  .ri-floating-card-2 {\n\n    right: -3px;\n    bottom: 95px;\n  }\n\n}\n\n\n\/* =========================================================\n   \u00c7OK K\u00dc\u00c7\u00dcK EKRAN\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .ri-floating-card {\n\n    display: none;\n  }\n\n\n  .ri-phone-area {\n\n    min-height: 535px;\n  }\n\n\n  .ri-phone {\n\n    width: 250px;\n    height: 505px;\n  }\n\n\n  .ri-brand-watermark {\n\n    width: 300px;\n    height: 300px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ri-phone-float,\n  .ri-phone-shadow,\n  .ri-orbit-2,\n  .ri-floating-card,\n  .ri-live-badge > span,\n  .ri-pulse-dot {\n\n    animation:\n      none !important;\n  }\n\n\n  .ri-phone-tilt {\n\n    transform:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function () {\n\n    const section =\n      document.getElementById(\n        \"rubitekInstagramSection\"\n      );\n\n    const phone =\n      document.getElementById(\n        \"rubitekPhoneTilt\"\n      );\n\n\n    if (!section) {\n      return;\n    }\n\n\n\n    \/* ========================================\n       SAYFAYA G\u0130R\u0130\u015e AN\u0130MASYONU\n    ======================================== *\/\n\n    if (\n      \"IntersectionObserver\" in window\n    ) {\n\n      const observer =\n        new IntersectionObserver(\n\n          function (entries) {\n\n            entries.forEach(\n              function (entry) {\n\n                if (\n                  entry.isIntersecting\n                ) {\n\n                  section.classList.add(\n                    \"ri-visible\"\n                  );\n\n                  observer.unobserve(\n                    section\n                  );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold: 0.15\n          }\n\n        );\n\n\n      observer.observe(\n        section\n      );\n\n    }\n\n    else {\n\n      section.classList.add(\n        \"ri-visible\"\n      );\n\n    }\n\n\n\n    \/* ========================================\n       TELEFON 3D MOUSE HAREKET\u0130\n    ======================================== *\/\n\n    if (\n\n      phone &&\n\n      window.matchMedia(\n        \"(min-width: 821px)\"\n      ).matches &&\n\n      !window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches\n\n    ) {\n\n      const area =\n        section.querySelector(\n          \".ri-phone-area\"\n        );\n\n\n      if (area) {\n\n        area.addEventListener(\n          \"mousemove\",\n          function (e) {\n\n            const rect =\n              area.getBoundingClientRect();\n\n\n            const mouseX =\n              e.clientX -\n              rect.left;\n\n\n            const mouseY =\n              e.clientY -\n              rect.top;\n\n\n            const centerX =\n              rect.width \/ 2;\n\n\n            const centerY =\n              rect.height \/ 2;\n\n\n            const rotateY =\n              (\n                (mouseX - centerX)\n                \/ centerX\n              ) * 7;\n\n\n            const rotateX =\n              (\n                (centerY - mouseY)\n                \/ centerY\n              ) * 5;\n\n\n            phone.style.transform =\n              \"rotateX(\" +\n              rotateX +\n              \"deg) rotateY(\" +\n              rotateY +\n              \"deg)\";\n\n          }\n        );\n\n\n        area.addEventListener(\n          \"mouseleave\",\n          function () {\n\n            phone.style.transform =\n              \"rotateX(0deg) rotateY(0deg)\";\n\n          }\n        );\n\n      }\n\n    }\n\n  }\n);\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Metalde G\u00fc\u00e7l\u00fc \u00c7\u00f6z\u00fcmler, \u00dcretimde M\u00fckemmellik &#10094; &#10095; H\u0130ZMET VERD\u0130\u011e\u0130M\u0130Z SEKT\u00d6RLER OTOMOT\u0130V \u015ease par\u00e7alar\u0131, braketler, fason CNC lazer kesim ve b\u00fck\u00fcm \u00e7\u00f6z\u00fcmleri TARIM MAK\u0130NELER\u0130 \u015easi karkaslar\u0131, bi\u00e7erd\u00f6ver\/trakt\u00f6r par\u00e7alar\u0131 ve kaynakl\u0131 imalat \u0130\u015e MAK\u0130NELER\u0130 A\u011f\u0131r hizmet sac aksamlar\u0131, koruma muhafazalar\u0131 ve hassas b\u00fck\u00fcm BEYAZ E\u015eYA \u0130\u00e7 mekanik sac kal\u0131plar, ta\u015f\u0131y\u0131c\u0131 braketler ve toz boyal\u0131 par\u00e7alar \u0130N\u015eAAT &#038; [&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-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":114,"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/pages\/18\/revisions\/481"}],"wp:attachment":[{"href":"https:\/\/rubitek.com.tr\/en\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}