{"id":34,"date":"2026-08-09T19:02:04","date_gmt":"2026-08-09T19:02:04","guid":{"rendered":"https:\/\/www.yenimahallesutesisati.com.tr\/?page_id=34"},"modified":"2026-08-10T13:07:07","modified_gmt":"2026-08-10T13:07:07","slug":"yenimahalle-su-tesisat-cati-aktarimi","status":"publish","type":"page","link":"https:\/\/www.yenimahallesutesisati.com.tr\/","title":{"rendered":"Yenimahalle Su Tesisat \u00c7at\u0131 Aktar\u0131m\u0131"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34\" class=\"elementor elementor-34\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08023e9 e-con-full e-flex e-con e-parent\" data-id=\"08023e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba3b73d elementor-widget elementor-widget-html\" data-id=\"ba3b73d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   HERO - FINAL\r\n========================================================= *\/\r\n\r\n.hoke-final-hero,\r\n.hoke-final-hero *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-final-hero{\r\n    --navy:#03162e;\r\n    --navy2:#08264e;\r\n    --red:#e3181f;\r\n    --white:#ffffff;\r\n\r\n    width:100%;\r\n    min-height:760px;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    font-family:Arial,Helvetica,sans-serif;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(1,14,30,.98) 0%,\r\n            rgba(1,14,30,.96) 28%,\r\n            rgba(1,14,30,.72) 45%,\r\n            rgba(1,14,30,.18) 68%,\r\n            rgba(1,14,30,.04) 100%\r\n        ),\r\n        url(\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/HERO-GORSEL.png\");\r\n\r\n    background-size:cover;\r\n    background-position:center center;\r\n    background-repeat:no-repeat;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0130\u00c7ER\u0130K\r\n========================================================= *\/\r\n\r\n.hoke-final-hero-inner{\r\n    width:min(1460px,94%);\r\n    min-height:760px;\r\n\r\n    margin:0 auto;\r\n\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    padding:54px 0 170px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOL MET\u0130N\r\n========================================================= *\/\r\n\r\n.hoke-final-content{\r\n    width:48%;\r\n    max-width:690px;\r\n}\r\n\r\n.hoke-final-kicker{\r\n    margin:0 0 16px;\r\n\r\n    color:var(--red);\r\n\r\n    font-size:20px;\r\n    line-height:1.1;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-final-title{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:58px;\r\n    line-height:1.01;\r\n\r\n    letter-spacing:-1.7px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-final-title .red{\r\n    color:var(--red);\r\n}\r\n\r\n.hoke-final-line{\r\n    width:42px;\r\n    height:2px;\r\n\r\n    margin:18px 0 18px;\r\n\r\n    background:var(--red);\r\n}\r\n\r\n.hoke-final-description{\r\n    max-width:590px;\r\n\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.95);\r\n\r\n    font-size:17px;\r\n    line-height:1.58;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.hoke-final-call{\r\n    display:inline-flex;\r\n    align-items:stretch;\r\n\r\n    margin-top:28px;\r\n\r\n    position:relative;\r\n\r\n    border-radius:42px;\r\n\r\n    isolation:isolate;\r\n\r\n    box-shadow:\r\n        0 7px 24px rgba(0,0,0,.32);\r\n}\r\n\r\n\r\n\/* HEMEN ARA *\/\r\n\r\n.hoke-final-call-now{\r\n    min-height:68px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n    padding:0 28px 0 18px;\r\n\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    border-radius:40px 0 0 40px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #df1118 0%,\r\n            #f52c33 52%,\r\n            #cf080e 100%\r\n        );\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:22px;\r\n    font-weight:900;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* HEMEN ARA PARLAMA *\/\r\n\r\n.hoke-final-call-now::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-80%;\r\n    left:-50%;\r\n\r\n    width:45%;\r\n    height:260%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            transparent,\r\n            rgba(255,255,255,.43),\r\n            transparent\r\n        );\r\n\r\n    transform:rotate(15deg);\r\n\r\n    animation:hokeButtonShine 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes hokeButtonShine{\r\n\r\n    0%{\r\n        left:-50%;\r\n    }\r\n\r\n    45%{\r\n        left:135%;\r\n    }\r\n\r\n    100%{\r\n        left:135%;\r\n    }\r\n}\r\n\r\n\r\n\/* TELEFON \u0130KONU *\/\r\n\r\n.hoke-final-phone{\r\n    width:44px;\r\n    height:44px;\r\n\r\n    flex:0 0 44px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n    color:var(--red);\r\n}\r\n\r\n.hoke-final-phone svg{\r\n    width:23px;\r\n    height:23px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMARA\r\n========================================================= *\/\r\n\r\n.hoke-final-number{\r\n    min-height:68px;\r\n\r\n    padding:0 37px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    border-radius:0 40px 40px 0;\r\n\r\n    background:#fff;\r\n\r\n    color:#cf1117;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:26px;\r\n    line-height:1;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA DI\u015e \u00c7ER\u00c7EVE\r\n========================================================= *\/\r\n\r\n.hoke-final-call::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:-3px;\r\n\r\n    border-radius:44px;\r\n\r\n    border:1px solid rgba(255,50,55,.80);\r\n\r\n    box-shadow:\r\n        0 0 6px rgba(255,30,40,.65),\r\n        0 0 14px rgba(255,30,40,.30);\r\n\r\n    pointer-events:none;\r\n\r\n    z-index:4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA ETRAFINDA DOLA\u015eAN \u0130NCE I\u015eIK\r\n========================================================= *\/\r\n\r\n.hoke-border-runner{\r\n    position:absolute;\r\n\r\n    inset:-4px;\r\n\r\n    border-radius:46px;\r\n\r\n    pointer-events:none;\r\n\r\n    z-index:8;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/*\r\n   \u0130nce \u0131\u015f\u0131k \"pin\" gibi \u00e7er\u00e7eve \u00fczerinde dola\u015f\u0131r.\r\n   CTA'n\u0131n kendisi d\u00f6nmez.\r\n*\/\r\n\r\n.hoke-border-runner::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:44px;\r\n    height:3px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 0%,\r\n            rgba(255,15,25,.45) 18%,\r\n            #ff171f 42%,\r\n            #ffffff 62%,\r\n            #ff171f 82%,\r\n            transparent 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 3px #fff,\r\n        0 0 7px rgba(255,20,30,.95),\r\n        0 0 13px rgba(255,20,30,.65);\r\n\r\n    animation:hokeBorderTrace 4.2s linear infinite;\r\n}\r\n\r\n\r\n\/* CTA perimeter boyunca hareket *\/\r\n@keyframes hokeBorderTrace{\r\n\r\n    \/* \u00fcst - soldan sa\u011fa *\/\r\n    0%{\r\n        left:20px;\r\n        top:0;\r\n        transform:rotate(0deg);\r\n    }\r\n\r\n    28%{\r\n        left:calc(100% - 64px);\r\n        top:0;\r\n        transform:rotate(0deg);\r\n    }\r\n\r\n    \/* sa\u011f k\u00f6\u015fe a\u015fa\u011f\u0131 *\/\r\n    31%{\r\n        left:calc(100% - 23px);\r\n        top:10px;\r\n        transform:rotate(90deg);\r\n    }\r\n\r\n    47%{\r\n        left:calc(100% - 23px);\r\n        top:calc(100% - 13px);\r\n        transform:rotate(90deg);\r\n    }\r\n\r\n    \/* alt - sa\u011fdan sola *\/\r\n    50%{\r\n        left:calc(100% - 64px);\r\n        top:calc(100% - 3px);\r\n        transform:rotate(180deg);\r\n    }\r\n\r\n    78%{\r\n        left:20px;\r\n        top:calc(100% - 3px);\r\n        transform:rotate(180deg);\r\n    }\r\n\r\n    \/* sol k\u00f6\u015fe yukar\u0131 *\/\r\n    81%{\r\n        left:-20px;\r\n        top:calc(100% - 13px);\r\n        transform:rotate(270deg);\r\n    }\r\n\r\n    97%{\r\n        left:-20px;\r\n        top:10px;\r\n        transform:rotate(270deg);\r\n    }\r\n\r\n    100%{\r\n        left:20px;\r\n        top:0;\r\n        transform:rotate(360deg);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA ALT NOT\r\n========================================================= *\/\r\n\r\n.hoke-final-note{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin:10px 0 0 94px;\r\n\r\n    color:rgba(255,255,255,.86);\r\n\r\n    font-size:13px;\r\n\r\n    font-style:italic;\r\n}\r\n\r\n.hoke-final-note svg{\r\n    width:27px;\r\n    height:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT G\u00dcVEN \u015eER\u0130D\u0130\r\n========================================================= *\/\r\n\r\n.hoke-final-trust{\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:28px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    width:min(1460px,94%);\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            rgba(2,22,47,.97),\r\n            rgba(7,39,78,.96),\r\n            rgba(2,22,47,.97)\r\n        );\r\n\r\n    border:1px solid rgba(255,255,255,.24);\r\n\r\n    border-radius:13px;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:\r\n        0 12px 34px rgba(0,0,0,.28);\r\n\r\n    backdrop-filter:blur(7px);\r\n}\r\n\r\n.hoke-final-trust-item{\r\n    min-height:112px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:18px;\r\n\r\n    padding:20px 27px;\r\n\r\n    position:relative;\r\n}\r\n\r\n.hoke-final-trust-item:not(:last-child)::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:24px;\r\n\r\n    width:1px;\r\n    height:64px;\r\n\r\n    background:rgba(255,255,255,.18);\r\n}\r\n\r\n.hoke-final-trust-icon{\r\n    width:57px;\r\n    height:57px;\r\n\r\n    flex:0 0 57px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.hoke-final-trust-icon.red{\r\n    color:#f11b22;\r\n}\r\n\r\n.hoke-final-trust-icon svg{\r\n    width:50px;\r\n    height:50px;\r\n}\r\n\r\n.hoke-final-trust-text h3{\r\n    margin:0 0 5px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:16px;\r\n    line-height:1.15;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-final-trust-text p{\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.87);\r\n\r\n    font-size:12.5px;\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n    .hoke-final-title{\r\n        font-size:49px;\r\n    }\r\n\r\n    .hoke-final-content{\r\n        width:53%;\r\n    }\r\n\r\n    .hoke-final-trust-item{\r\n        padding:18px;\r\n        gap:13px;\r\n    }\r\n\r\n    .hoke-final-trust-icon{\r\n        width:47px;\r\n        height:47px;\r\n        flex-basis:47px;\r\n    }\r\n\r\n    .hoke-final-trust-icon svg{\r\n        width:42px;\r\n        height:42px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .hoke-final-hero{\r\n        min-height:760px;\r\n\r\n        background-position:60% center;\r\n    }\r\n\r\n    .hoke-final-hero-inner{\r\n        width:92%;\r\n\r\n        min-height:760px;\r\n\r\n        padding:48px 0 210px;\r\n    }\r\n\r\n    .hoke-final-content{\r\n        width:67%;\r\n    }\r\n\r\n    .hoke-final-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .hoke-final-description{\r\n        font-size:15px;\r\n    }\r\n\r\n    .hoke-final-trust{\r\n        width:92%;\r\n\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .hoke-final-trust-item{\r\n        min-height:90px;\r\n    }\r\n\r\n    .hoke-final-trust-item:nth-child(2)::after{\r\n        display:none;\r\n    }\r\n\r\n    .hoke-final-trust-item:nth-child(1),\r\n    .hoke-final-trust-item:nth-child(2){\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.14);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .hoke-final-hero{\r\n        min-height:0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                rgba(2,18,38,.90),\r\n                rgba(2,18,38,.91)\r\n            ),\r\n            url(\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/HERO-GORSEL.png\");\r\n\r\n        background-size:cover;\r\n        background-position:60% center;\r\n    }\r\n\r\n    .hoke-final-hero-inner{\r\n        width:92%;\r\n\r\n        min-height:0;\r\n\r\n        padding:34px 0 385px;\r\n    }\r\n\r\n    .hoke-final-content{\r\n        width:100%;\r\n    }\r\n\r\n    .hoke-final-kicker{\r\n        font-size:13px;\r\n        margin-bottom:12px;\r\n    }\r\n\r\n    .hoke-final-title{\r\n        font-size:33px;\r\n        line-height:1.05;\r\n\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .hoke-final-line{\r\n        margin:15px 0;\r\n    }\r\n\r\n    .hoke-final-description{\r\n        font-size:14px;\r\n        line-height:1.55;\r\n    }\r\n\r\n\r\n    \/* CTA *\/\r\n\r\n    .hoke-final-call{\r\n        width:100%;\r\n\r\n        margin-top:23px;\r\n    }\r\n\r\n    .hoke-final-call-now{\r\n        flex:0 0 44%;\r\n\r\n        min-height:56px;\r\n\r\n        padding:0 13px;\r\n\r\n        gap:8px;\r\n\r\n        font-size:15px;\r\n    }\r\n\r\n    .hoke-final-phone{\r\n        width:34px;\r\n        height:34px;\r\n\r\n        flex-basis:34px;\r\n    }\r\n\r\n    .hoke-final-phone svg{\r\n        width:18px;\r\n        height:18px;\r\n    }\r\n\r\n    .hoke-final-number{\r\n        flex:1;\r\n\r\n        min-height:56px;\r\n\r\n        padding:0 8px;\r\n\r\n        font-size:17px;\r\n    }\r\n\r\n    .hoke-final-note{\r\n        margin-left:18px;\r\n    }\r\n\r\n\r\n    \/* TRUST *\/\r\n\r\n    .hoke-final-trust{\r\n        bottom:22px;\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hoke-final-trust-item{\r\n        min-height:76px;\r\n\r\n        padding:13px 18px;\r\n\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.13) !important;\r\n    }\r\n\r\n    .hoke-final-trust-item:last-child{\r\n        border-bottom:none !important;\r\n    }\r\n\r\n    .hoke-final-trust-item::after{\r\n        display:none !important;\r\n    }\r\n\r\n    .hoke-final-trust-icon{\r\n        width:42px;\r\n        height:42px;\r\n\r\n        flex-basis:42px;\r\n    }\r\n\r\n    .hoke-final-trust-icon svg{\r\n        width:37px;\r\n        height:37px;\r\n    }\r\n\r\n    .hoke-final-trust-text h3{\r\n        font-size:14px;\r\n    }\r\n\r\n    .hoke-final-trust-text p{\r\n        font-size:11.5px;\r\n    }\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .hoke-final-title{\r\n        font-size:29px;\r\n    }\r\n\r\n    .hoke-final-call-now{\r\n        font-size:13px;\r\n    }\r\n\r\n    .hoke-final-number{\r\n        font-size:15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-final-hero\">\r\n\r\n    <div class=\"hoke-final-hero-inner\">\r\n\r\n        <div class=\"hoke-final-content\">\r\n\r\n\r\n            <div class=\"hoke-final-kicker\">\r\n                YEN\u0130MAHALLE VE ANKARA'DA\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"hoke-final-title\">\r\n\r\n                PROFESYONEL<br>\r\n\r\n                SU TES\u0130SATI ,<br>\r\n\r\n                \u00c7ATI AKTARIM VE<br>\r\n\r\n                KENET KAPLAMA<br>\r\n\r\n                <span class=\"red\">\r\n                    H\u0130ZMETLER\u0130N\u0130\r\n                <\/span><br>\r\n\r\n                SUNUYORUZ.\r\n\r\n            <\/h1>\r\n\r\n\r\n            <div class=\"hoke-final-line\"><\/div>\r\n\r\n\r\n            <p class=\"hoke-final-description\">\r\n\r\n                Ankara\u2019n\u0131n t\u00fcm il\u00e7elerinde; ev, i\u015f yeri, d\u00fckkan ve\r\n                binalarda su tesisat\u0131, \u00e7at\u0131 aktarma, oluk i\u015fleri ve\r\n                kenet kaplama hizmetlerinde uzman ekibimizle kal\u0131c\u0131\r\n                ve g\u00fcvenilir \u00e7\u00f6z\u00fcmler sunuyoruz.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- CTA -->\r\n\r\n            <div class=\"hoke-final-call\">\r\n\r\n\r\n                <a\r\n                    href=\"tel:+905466326457\"\r\n                    class=\"hoke-final-call-now\">\r\n\r\n\r\n                    <span class=\"hoke-final-phone\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.1\">\r\n\r\n                            <path\r\n                                d=\"M6.6 10.8a15.5 15.5 0 006.6 6.6l2.2-2.2\r\n                                a1 1 0 011-.24 11.4 11.4 0 003.6.58\r\n                                1 1 0 011 1V20a1 1 0 01-1 1\r\n                                C10.6 21 3 13.4 3 4a1 1 0 011-1h3.5\r\n                                a1 1 0 011 1 11.4 11.4 0 00.58 3.6\r\n                                1 1 0 01-.25 1z\">\r\n                            <\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    HEMEN ARA\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"tel:+905466326457\"\r\n                    class=\"hoke-final-number\">\r\n\r\n                    0546 632 64 57\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- \u00c7EVREDE DOLA\u015eAN \u0130NCE I\u015eIK -->\r\n\r\n                <span class=\"hoke-border-runner\"><\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-final-note\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 30 20\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.3\">\r\n\r\n                    \r\n\r\n                <\/svg>\r\n\r\n                \r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         ALT \u015eER\u0130T\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-final-trust\">\r\n\r\n\r\n        <!-- 01 -->\r\n\r\n        <div class=\"hoke-final-trust-item\">\r\n\r\n            <div class=\"hoke-final-trust-icon red\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 64 64\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.2\">\r\n\r\n                    <circle cx=\"23\" cy=\"22\" r=\"7\"><\/circle>\r\n                    <circle cx=\"42\" cy=\"24\" r=\"6\"><\/circle>\r\n\r\n                    <path d=\"M8 53c1-12 6-18 15-18s14 6 15 18\"><\/path>\r\n                    <path d=\"M35 53c1-9 5-14 11-14s10 5 11 14\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-final-trust-text\">\r\n\r\n                <h3>UZMAN KADRO<\/h3>\r\n\r\n                <p>\r\n                    Alan\u0131nda deneyimli<br>\r\n                    profesyonel ekip\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 -->\r\n\r\n        <div class=\"hoke-final-trust-item\">\r\n\r\n            <div class=\"hoke-final-trust-icon\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 64 64\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.2\">\r\n\r\n                    <path\r\n                        d=\"M32 7l20 8v14c0 13-8 23-20 29\r\n                        C20 52 12 42 12 29V15z\">\r\n                    <\/path>\r\n\r\n                    <path d=\"M22 31l7 7 14-16\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-final-trust-text\">\r\n\r\n                <h3>KAL\u0130TEL\u0130 MALZEME<\/h3>\r\n\r\n                <p>\r\n                    Birinci s\u0131n\u0131f malzeme ile<br>\r\n                    uzun \u00f6m\u00fcrl\u00fc \u00e7\u00f6z\u00fcmler\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 03 -->\r\n\r\n        <div class=\"hoke-final-trust-item\">\r\n\r\n            <div class=\"hoke-final-trust-icon\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 64 64\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.2\">\r\n\r\n                    <path\r\n                        d=\"M37 13a14 14 0 01-17 17L9 41l14 14\r\n                        11-11a14 14 0 0017-17l-8 8-8-8z\">\r\n                    <\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-final-trust-text\">\r\n\r\n                <h3>KALICI \u00c7\u00d6Z\u00dcMLER<\/h3>\r\n\r\n                <p>\r\n                    Sorunlara kal\u0131c\u0131 ve<br>\r\n                    g\u00fcvenilir \u00e7\u00f6z\u00fcmler\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 04 -->\r\n\r\n        <div class=\"hoke-final-trust-item\">\r\n\r\n            <div class=\"hoke-final-trust-icon red\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 64 64\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.2\">\r\n\r\n                    <circle cx=\"32\" cy=\"32\" r=\"21\"><\/circle>\r\n\r\n                    <path d=\"M32 18v14\"><\/path>\r\n                    <path d=\"M32 32l10 5\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-final-trust-text\">\r\n\r\n                <h3>7\/24 DESTEK<\/h3>\r\n\r\n                <p>\r\n                    Her zaman ula\u015f\u0131labilir<br>\r\n                    destek hatt\u0131\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<style>\r\n\/* =========================================================\r\n   H\u00d6KE HERO \u2014 SADECE MOB\u0130L \u0130Y\u0130LE\u015eT\u0130RME\r\n   MASA\u00dcST\u00dc VE TABLET\u0130 ETK\u0130LEMEZ\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px){\r\n\r\n    \/* HERO ANA ALANI *\/\r\n    .hoke-final-hero{\r\n        min-height:auto;\r\n    }\r\n\r\n    \/* ANA B\u00dcY\u00dcK BA\u015eLIK *\/\r\n    .hoke-final-hero h1{\r\n        font-size:30px !important;\r\n        line-height:1.04 !important;\r\n        letter-spacing:-0.6px !important;\r\n        margin-bottom:22px !important;\r\n    }\r\n\r\n    \/* KIRMIZI \u00dcST BA\u015eLIK *\/\r\n    .hoke-final-hero h1 + *{\r\n        max-width:100%;\r\n    }\r\n\r\n    \/* HERO PARAGRAFLARI *\/\r\n    .hoke-final-hero p{\r\n        line-height:1.55;\r\n    }\r\n\r\n    \/* BUTONLAR \/ CTA *\/\r\n    .hoke-final-hero a{\r\n        max-width:100%;\r\n    }\r\n\r\n    \/* SVG VE \u0130KONLAR MOB\u0130LDE TA\u015eMASIN *\/\r\n    .hoke-final-hero svg{\r\n        max-width:100%;\r\n    }\r\n}\r\n\r\n\r\n\/* DAHA DAR TELEFONLAR *\/\r\n@media (max-width: 390px){\r\n\r\n    .hoke-final-hero h1{\r\n        font-size:28px !important;\r\n        line-height:1.04 !important;\r\n        letter-spacing:-0.5px !important;\r\n    }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abe0cfa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"abe0cfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   ANA H\u0130ZMETLER\u0130M\u0130Z - FINAL\r\n========================================================= *\/\r\n\r\n.hoke-services-final,\r\n.hoke-services-final *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-services-final{\r\n    width:100%;\r\n    background:#fff;\r\n    padding:40px 0 52px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.hoke-services-final-inner{\r\n    width:min(1180px,92%);\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.hoke-services-final-head{\r\n    text-align:center;\r\n    margin-bottom:24px;\r\n}\r\n\r\n.hoke-services-final-title{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:18px;\r\n}\r\n\r\n.hoke-services-final-title span{\r\n    width:58px;\r\n    height:1px;\r\n}\r\n\r\n.hoke-services-final-title span:first-child{\r\n    background:linear-gradient(90deg,transparent,#e3181f);\r\n}\r\n\r\n.hoke-services-final-title span:last-child{\r\n    background:linear-gradient(90deg,#e3181f,transparent);\r\n}\r\n\r\n.hoke-services-final-title h2{\r\n    margin:0;\r\n    color:#08264e;\r\n    font-size:27px;\r\n    line-height:1;\r\n    font-weight:900;\r\n    letter-spacing:-.45px;\r\n}\r\n\r\n.hoke-services-final-head p{\r\n    margin:9px 0 0;\r\n    color:#5b6674;\r\n    font-size:12.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   H\u0130ZMET SATIRI\r\n========================================================= *\/\r\n\r\n.hoke-service-final-row{\r\n    position:relative;\r\n\r\n    width:100%;\r\n    min-height:230px;\r\n\r\n    display:grid;\r\n    grid-template-columns:42% 58%;\r\n\r\n    margin-bottom:10px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid #dfe5ec;\r\n    border-radius:4px;\r\n\r\n    background:#fff;\r\n}\r\n\r\n.hoke-service-final-row:last-child{\r\n    margin-bottom:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTO\u011eRAF\r\n========================================================= *\/\r\n\r\n.hoke-service-final-photo{\r\n    position:relative;\r\n    min-height:230px;\r\n    overflow:hidden;\r\n}\r\n\r\n.hoke-service-final-photo img{\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n\r\n    transition:transform .4s ease;\r\n}\r\n\r\n.hoke-service-final-row:hover .hoke-service-final-photo img{\r\n    transform:scale(1.015);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOL FOTO\u011eRAF \/ SA\u011e PANEL\r\n========================================================= *\/\r\n\r\n.hoke-service-final-row.photo-left .hoke-service-final-photo{\r\n    clip-path:polygon(\r\n        0 0,\r\n        100% 0,\r\n        88% 100%,\r\n        0 100%\r\n    );\r\n\r\n    z-index:2;\r\n}\r\n\r\n.hoke-service-final-row.photo-left .hoke-service-final-content{\r\n    margin-left:-7%;\r\n    padding-left:12%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOL PANEL \/ SA\u011e FOTO\u011eRAF\r\n========================================================= *\/\r\n\r\n.hoke-service-final-row.photo-right{\r\n    grid-template-columns:57% 43%;\r\n}\r\n\r\n.hoke-service-final-row.photo-right .hoke-service-final-content{\r\n    grid-column:1;\r\n    grid-row:1;\r\n\r\n    padding-right:12%;\r\n}\r\n\r\n.hoke-service-final-row.photo-right .hoke-service-final-photo{\r\n    grid-column:2;\r\n    grid-row:1;\r\n\r\n    margin-left:-7%;\r\n\r\n    clip-path:polygon(\r\n        12% 0,\r\n        100% 0,\r\n        100% 100%,\r\n        0 100%\r\n    );\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0130\u00c7ER\u0130K\r\n========================================================= *\/\r\n\r\n.hoke-service-final-content{\r\n    min-height:230px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    position:relative;\r\n\r\n    padding:28px 38px;\r\n}\r\n\r\n.hoke-service-final-content.navy{\r\n    color:#fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            115deg,\r\n            #061f41 0%,\r\n            #082d5b 58%,\r\n            #061f41 100%\r\n        );\r\n}\r\n\r\n.hoke-service-final-content.white{\r\n    color:#08264e;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #ffffff 0%,\r\n            #f8fafc 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMARA\r\n========================================================= *\/\r\n\r\n.hoke-service-final-number{\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n\r\n    z-index:7;\r\n\r\n    width:58px;\r\n    height:58px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#fff;\r\n\r\n    background:#08264e;\r\n\r\n    font-size:20px;\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-service-final-number.red{\r\n    background:#e3181f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK SATIRI\r\n========================================================= *\/\r\n\r\n.hoke-service-final-heading{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:16px;\r\n\r\n    margin-bottom:11px;\r\n}\r\n\r\n.hoke-service-final-icon{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    flex:0 0 58px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:2px solid currentColor;\r\n    border-radius:50%;\r\n}\r\n\r\n.hoke-service-final-icon svg{\r\n    width:29px;\r\n    height:29px;\r\n}\r\n\r\n.hoke-service-final-heading h3{\r\n    margin:0;\r\n\r\n    font-size:22px;\r\n    line-height:1.15;\r\n\r\n    font-weight:900;\r\n    letter-spacing:-.25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   A\u00c7IKLAMA\r\n========================================================= *\/\r\n\r\n.hoke-service-final-desc{\r\n    margin:0 0 15px;\r\n\r\n    max-width:650px;\r\n\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n.navy .hoke-service-final-desc{\r\n    color:rgba(255,255,255,.88);\r\n}\r\n\r\n.white .hoke-service-final-desc{\r\n    color:#3e4857;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MADDELER\r\n========================================================= *\/\r\n\r\n.hoke-service-final-points{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n\r\n    gap:8px 20px;\r\n\r\n    max-width:610px;\r\n}\r\n\r\n.hoke-service-final-point{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    font-size:12px;\r\n    line-height:1.35;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n.hoke-service-final-check{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    flex:0 0 17px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    font-size:10px;\r\n    font-weight:900;\r\n}\r\n\r\n.navy .hoke-service-final-check{\r\n    color:#fff;\r\n    border:1px solid rgba(255,255,255,.9);\r\n}\r\n\r\n.white .hoke-service-final-check{\r\n    color:#e3181f;\r\n    border:1px solid #e3181f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .hoke-service-final-row{\r\n        grid-template-columns:44% 56%;\r\n        min-height:215px;\r\n    }\r\n\r\n    .hoke-service-final-row.photo-right{\r\n        grid-template-columns:56% 44%;\r\n    }\r\n\r\n    .hoke-service-final-photo,\r\n    .hoke-service-final-content{\r\n        min-height:215px;\r\n    }\r\n\r\n    .hoke-service-final-content{\r\n        padding:24px 28px;\r\n    }\r\n\r\n    .hoke-service-final-heading h3{\r\n        font-size:19px;\r\n    }\r\n\r\n    .hoke-service-final-icon{\r\n        width:50px;\r\n        height:50px;\r\n        flex-basis:50px;\r\n    }\r\n\r\n    .hoke-service-final-icon svg{\r\n        width:25px;\r\n        height:25px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-services-final{\r\n        padding:32px 0 40px;\r\n    }\r\n\r\n    .hoke-services-final-inner{\r\n        width:92%;\r\n    }\r\n\r\n    .hoke-services-final-title{\r\n        gap:11px;\r\n    }\r\n\r\n    .hoke-services-final-title span{\r\n        width:28px;\r\n    }\r\n\r\n    .hoke-services-final-title h2{\r\n        font-size:20px;\r\n    }\r\n\r\n    .hoke-services-final-head p{\r\n        font-size:12px;\r\n    }\r\n\r\n\r\n    \/* tek s\u00fctun *\/\r\n\r\n    .hoke-service-final-row,\r\n    .hoke-service-final-row.photo-right{\r\n        display:flex;\r\n        flex-direction:column;\r\n\r\n        min-height:0;\r\n\r\n        margin-bottom:15px;\r\n\r\n        border-radius:6px;\r\n    }\r\n\r\n    .hoke-service-final-photo{\r\n        order:1;\r\n\r\n        width:100%;\r\n        min-height:0;\r\n        height:230px;\r\n\r\n        margin:0 !important;\r\n\r\n        clip-path:none !important;\r\n    }\r\n\r\n    .hoke-service-final-content{\r\n        order:2;\r\n\r\n        width:100%;\r\n\r\n        min-height:0;\r\n\r\n        margin:0 !important;\r\n\r\n        padding:25px 21px !important;\r\n    }\r\n\r\n    .hoke-service-final-number{\r\n        width:50px;\r\n        height:50px;\r\n\r\n        font-size:17px;\r\n    }\r\n\r\n    .hoke-service-final-heading{\r\n        gap:12px;\r\n    }\r\n\r\n    .hoke-service-final-heading h3{\r\n        font-size:18px;\r\n    }\r\n\r\n    .hoke-service-final-icon{\r\n        width:46px;\r\n        height:46px;\r\n\r\n        flex-basis:46px;\r\n    }\r\n\r\n    .hoke-service-final-icon svg{\r\n        width:23px;\r\n        height:23px;\r\n    }\r\n\r\n    .hoke-service-final-desc{\r\n        font-size:12.5px;\r\n    }\r\n\r\n    .hoke-service-final-points{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-services-final\" id=\"hizmetlerimiz\">\r\n\r\n<div class=\"hoke-services-final-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BA\u015eLIK\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-services-final-head\">\r\n\r\n        <div class=\"hoke-services-final-title\">\r\n\r\n            <span><\/span>\r\n\r\n            <h2>ANA H\u0130ZMETLER\u0130M\u0130Z<\/h2>\r\n\r\n            <span><\/span>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n            Uzman kadromuzla en \u00e7ok tercih edilen \u00fc\u00e7 ana hizmetimiz.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         01 - SU TES\u0130SATI\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-service-final-row photo-left\">\r\n\r\n        <span class=\"hoke-service-final-number\">01<\/span>\r\n\r\n\r\n        <div class=\"hoke-service-final-photo\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/01-su-tesisati-panel-tam.png\"\r\n                alt=\"Ankara Su Tesisat\u0131 Hizmeti\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hoke-service-final-content navy\">\r\n\r\n            <div class=\"hoke-service-final-heading\">\r\n\r\n                <div class=\"hoke-service-final-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\">\r\n\r\n                        <path d=\"M4 8h11\"><\/path>\r\n                        <path d=\"M8 8v5\"><\/path>\r\n                        <path d=\"M5 13h6\"><\/path>\r\n                        <path d=\"M8 13v6\"><\/path>\r\n                        <path d=\"M5 19h6\"><\/path>\r\n                        <path d=\"M15 6v5h4a2 2 0 012 2v2\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>SU TES\u0130SATI<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"hoke-service-final-desc\">\r\n                Ev, i\u015f yeri, d\u00fckkan ve binalarda su tesisat\u0131 yenileme,\r\n                boru de\u011fi\u015fimi, bak\u0131m ve onar\u0131m uygulamalar\u0131nda\r\n                profesyonel \u00e7\u00f6z\u00fcmler sunuyoruz.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hoke-service-final-points\">\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Boru De\u011fi\u015fimi\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Yeni Tesisat Kurulumu\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Tesisat Yenileme\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Bak\u0131m &amp; Onar\u0131m\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         02 - \u00c7ATI AKTARMA & OLUK\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-service-final-row photo-right\">\r\n\r\n        <span class=\"hoke-service-final-number red\">02<\/span>\r\n\r\n\r\n        <div class=\"hoke-service-final-content white\">\r\n\r\n            <div class=\"hoke-service-final-heading\">\r\n\r\n                <h3>\r\n                    \u00c7ATI AKTARMA &amp; OLUK \u0130\u015eLER\u0130\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"hoke-service-final-desc\">\r\n                \u00c7at\u0131 aktarma, ya\u011fmur olu\u011fu ve su tahliye sistemleriyle\r\n                yap\u0131n\u0131z\u0131 ya\u011fmur ve d\u0131\u015f etkenlere kar\u015f\u0131 koruyan\r\n                profesyonel uygulamalar ger\u00e7ekle\u015ftiriyoruz.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hoke-service-final-points\">\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    \u00c7at\u0131 Aktarma\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Ya\u011fmur Olu\u011fu\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Su Tahliye Sistemleri\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hoke-service-final-photo\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/02-cati-aktarma-oluk-panel-tam.png\"\r\n                alt=\"Ankara \u00c7at\u0131 Aktarma ve Oluk \u0130\u015fleri\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         03 - KENET KAPLAMA\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-service-final-row photo-left\">\r\n\r\n        <span class=\"hoke-service-final-number\">03<\/span>\r\n\r\n\r\n        <div class=\"hoke-service-final-photo\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/03-kenet-kaplama-panel-tam.png\"\r\n                alt=\"Ankara Kenet Kaplama Hizmeti\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hoke-service-final-content navy\">\r\n\r\n            <div class=\"hoke-service-final-heading\">\r\n\r\n                <div class=\"hoke-service-final-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\">\r\n\r\n                        <path d=\"M4 18l4-12h8l4 12z\"><\/path>\r\n                        <path d=\"M8 6v12\"><\/path>\r\n                        <path d=\"M12 6v12\"><\/path>\r\n                        <path d=\"M16 6v12\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>KENET KAPLAMA<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"hoke-service-final-desc\">\r\n                Estetik ve uzun \u00f6m\u00fcrl\u00fc metal kenet sistemleriyle\r\n                \u00e7at\u0131 ve cephe y\u00fczeylerinde dayan\u0131kl\u0131 ve modern\r\n                uygulamalar ger\u00e7ekle\u015ftiriyoruz.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hoke-service-final-points\">\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Kenet \u00c7at\u0131 Kaplama\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Is\u0131 &amp; Su Yal\u0131t\u0131m\u0131\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Metal Kenet Sistemleri\r\n                <\/div>\r\n\r\n                <div class=\"hoke-service-final-point\">\r\n                    <span class=\"hoke-service-final-check\">\u2713<\/span>\r\n                    Uzun \u00d6m\u00fcrl\u00fc Koruma\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   ANA H\u0130ZMETLER\u0130M\u0130Z\r\n   YEN\u0130 YATAY G\u00d6RSELLER - FINAL OVERRIDE\r\n========================================================= *\/\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   01 - SU TES\u0130SATI\r\n--------------------------------------------------------- *\/\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(2)\r\n.hoke-service-final-photo img{\r\n    content:url(\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/Su-tesisati.png\") !important;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   02 - \u00c7ATI AKTARMA\r\n--------------------------------------------------------- *\/\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3)\r\n.hoke-service-final-photo img{\r\n    content:url(\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/Cati-aktarma.png\") !important;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   03 - KENET KAPLAMA\r\n--------------------------------------------------------- *\/\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(4)\r\n.hoke-service-final-photo img{\r\n    content:url(\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/Kenet-kaplama.png\") !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GENEL BOYUT\r\n========================================================= *\/\r\n\r\n.hoke-services-final-inner{\r\n    width:min(1180px,92%) !important;\r\n    margin:0 auto !important;\r\n}\r\n\r\n.hoke-service-final-row{\r\n    min-height:225px !important;\r\n    height:225px !important;\r\n\r\n    margin-bottom:10px !important;\r\n\r\n    border-radius:4px !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    box-shadow:\r\n        0 5px 18px rgba(8,38,78,.05) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTO\u011eRAF ALANLARI\r\n========================================================= *\/\r\n\r\n.hoke-service-final-photo{\r\n    height:225px !important;\r\n    min-height:225px !important;\r\n\r\n    overflow:hidden !important;\r\n}\r\n\r\n.hoke-service-final-photo img{\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    object-fit:cover !important;\r\n\r\n    max-width:none !important;\r\n\r\n    transform:none !important;\r\n}\r\n\r\n\r\n\/* SU TES\u0130SATI KADRAJI *\/\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(2)\r\n.hoke-service-final-photo img{\r\n    object-position:center center !important;\r\n}\r\n\r\n\r\n\/* \u00c7ATI AKTARMA KADRAJI *\/\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3)\r\n.hoke-service-final-photo img{\r\n    object-position:center 48% !important;\r\n}\r\n\r\n\r\n\/* KENET KAPLAMA KADRAJI *\/\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(4)\r\n.hoke-service-final-photo img{\r\n    object-position:center center !important;\r\n}\r\n\r\n\r\n\/* HOVER'DA G\u00d6RSEL\u0130 B\u00dcY\u00dcTME *\/\r\n.hoke-service-final-row:hover\r\n.hoke-service-final-photo img{\r\n    transform:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   01 VE 03\r\n   FOTO\u011eRAF SOL \/ LAC\u0130VERT SA\u011e\r\n========================================================= *\/\r\n\r\n.hoke-service-final-row.photo-left{\r\n    grid-template-columns:43% 57% !important;\r\n}\r\n\r\n.hoke-service-final-row.photo-left\r\n.hoke-service-final-photo{\r\n    clip-path:polygon(\r\n        0 0,\r\n        100% 0,\r\n        90% 100%,\r\n        0 100%\r\n    ) !important;\r\n\r\n    z-index:2 !important;\r\n}\r\n\r\n.hoke-service-final-row.photo-left\r\n.hoke-service-final-content{\r\n    margin-left:-5% !important;\r\n\r\n    padding:\r\n        24px 34px\r\n        24px 10% !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02\r\n   BEYAZ SOL \/ FOTO\u011eRAF SA\u011e\r\n========================================================= *\/\r\n\r\n.hoke-service-final-row.photo-right{\r\n    grid-template-columns:57% 43% !important;\r\n}\r\n\r\n.hoke-service-final-row.photo-right\r\n.hoke-service-final-content{\r\n    padding:\r\n        24px 10%\r\n        24px 34px !important;\r\n}\r\n\r\n.hoke-service-final-row.photo-right\r\n.hoke-service-final-photo{\r\n    margin-left:-5% !important;\r\n\r\n    clip-path:polygon(\r\n        10% 0,\r\n        100% 0,\r\n        100% 100%,\r\n        0 100%\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0130\u00c7ER\u0130K Y\u00dcKSEKL\u0130\u011e\u0130\r\n========================================================= *\/\r\n\r\n.hoke-service-final-content{\r\n    min-height:225px !important;\r\n    height:225px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMARALAR\r\n========================================================= *\/\r\n\r\n.hoke-service-final-number{\r\n    width:52px !important;\r\n    height:52px !important;\r\n\r\n    font-size:18px !important;\r\n\r\n    z-index:10 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.hoke-service-final-heading{\r\n    margin-bottom:9px !important;\r\n    gap:13px !important;\r\n}\r\n\r\n.hoke-service-final-heading h3{\r\n    font-size:20px !important;\r\n    line-height:1.15 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YUVARLAK \u0130KON\r\n========================================================= *\/\r\n\r\n.hoke-service-final-icon{\r\n    width:50px !important;\r\n    height:50px !important;\r\n\r\n    flex:0 0 50px !important;\r\n}\r\n\r\n.hoke-service-final-icon svg{\r\n    width:25px !important;\r\n    height:25px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   A\u00c7IKLAMA\r\n========================================================= *\/\r\n\r\n.hoke-service-final-desc{\r\n    margin-bottom:11px !important;\r\n\r\n    font-size:12.5px !important;\r\n    line-height:1.48 !important;\r\n\r\n    max-width:640px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MADDELER\r\n========================================================= *\/\r\n\r\n.hoke-service-final-points{\r\n    gap:6px 20px !important;\r\n\r\n    margin:0 !important;\r\n}\r\n\r\n.hoke-service-final-point{\r\n    font-size:11.5px !important;\r\n}\r\n\r\n.hoke-service-final-check{\r\n    width:15px !important;\r\n    height:15px !important;\r\n\r\n    flex:0 0 15px !important;\r\n\r\n    font-size:9px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-service-final-row,\r\n    .hoke-service-final-row.photo-right{\r\n\r\n        display:flex !important;\r\n        flex-direction:column !important;\r\n\r\n        height:auto !important;\r\n        min-height:0 !important;\r\n\r\n        margin-bottom:15px !important;\r\n    }\r\n\r\n\r\n    \/* FOTO\u011eRAF *\/\r\n\r\n    .hoke-service-final-photo{\r\n\r\n        order:1 !important;\r\n\r\n        width:100% !important;\r\n\r\n        height:215px !important;\r\n        min-height:215px !important;\r\n\r\n        margin:0 !important;\r\n\r\n        clip-path:none !important;\r\n    }\r\n\r\n    .hoke-service-final-photo img{\r\n\r\n        width:100% !important;\r\n        height:100% !important;\r\n\r\n        object-fit:cover !important;\r\n    }\r\n\r\n\r\n    \/* \u0130\u00c7ER\u0130K *\/\r\n\r\n    .hoke-service-final-content{\r\n\r\n        order:2 !important;\r\n\r\n        width:100% !important;\r\n\r\n        height:auto !important;\r\n        min-height:0 !important;\r\n\r\n        margin:0 !important;\r\n\r\n        padding:24px 20px !important;\r\n    }\r\n\r\n\r\n    \/* NUMARA *\/\r\n\r\n    .hoke-service-final-number{\r\n\r\n        width:48px !important;\r\n        height:48px !important;\r\n\r\n        font-size:16px !important;\r\n    }\r\n\r\n\r\n    \/* BA\u015eLIK *\/\r\n\r\n    .hoke-service-final-heading h3{\r\n        font-size:18px !important;\r\n    }\r\n\r\n\r\n    \/* MADDELER *\/\r\n\r\n    .hoke-service-final-points{\r\n        grid-template-columns:1fr !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   ANA H\u0130ZMETLER - SON G\u00d6RSEL KADRAJ D\u00dcZELTMES\u0130\r\n   Mevcut kodun EN ALTINA ekle\r\n===================================================== *\/\r\n\r\n\r\n\/* 01 \u2014 SU TES\u0130SATI\r\n   Biraz yak\u0131nla\u015ft\u0131r, kolekt\u00f6r daha g\u00fc\u00e7l\u00fc g\u00f6r\u00fcns\u00fcn *\/\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(2)\r\n.hoke-service-final-photo img{\r\n    width:106% !important;\r\n    height:106% !important;\r\n    max-width:none !important;\r\n\r\n    object-fit:cover !important;\r\n    object-position:center center !important;\r\n\r\n    transform:translate(-3%,-3%) !important;\r\n}\r\n\r\n\r\n\/* 02 \u2014 \u00c7ATI AKTARMA\r\n   G\u00f6rsel alan\u0131n\u0131 b\u00fcy\u00fct, beyaz alan\u0131 azalt *\/\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3){\r\n    grid-template-columns:53% 47% !important;\r\n}\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3)\r\n.hoke-service-final-content{\r\n    padding-left:34px !important;\r\n    padding-right:9% !important;\r\n}\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3)\r\n.hoke-service-final-photo{\r\n    margin-left:-7% !important;\r\n\r\n    clip-path:polygon(\r\n        13% 0,\r\n        100% 0,\r\n        100% 100%,\r\n        0 100%\r\n    ) !important;\r\n}\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3)\r\n.hoke-service-final-photo img{\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    object-fit:cover !important;\r\n    object-position:center 48% !important;\r\n\r\n    transform:none !important;\r\n}\r\n\r\n\r\n\/* 03 \u2014 KENET KAPLAMA\r\n   Kenet \u00e7izgilerini daha g\u00fc\u00e7l\u00fc g\u00f6ster *\/\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(4)\r\n.hoke-service-final-photo img{\r\n    width:108% !important;\r\n    height:108% !important;\r\n    max-width:none !important;\r\n\r\n    object-fit:cover !important;\r\n    object-position:center 40% !important;\r\n\r\n    transform:translate(-4%,-4%) !important;\r\n}\r\n\r\n\r\n\/* Hover eski transformlar\u0131 bozmas\u0131n *\/\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(2):hover\r\n.hoke-service-final-photo img{\r\n    transform:translate(-3%,-3%) !important;\r\n}\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(3):hover\r\n.hoke-service-final-photo img{\r\n    transform:none !important;\r\n}\r\n\r\n.hoke-services-final-inner\r\n.hoke-service-final-row:nth-child(4):hover\r\n.hoke-service-final-photo img{\r\n    transform:translate(-4%,-4%) !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOB\u0130L\r\n   Masa\u00fcst\u00fc yak\u0131nla\u015ft\u0131rmalar\u0131n\u0131 s\u0131f\u0131rla\r\n===================================================== *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-services-final-inner\r\n    .hoke-service-final-row:nth-child(2)\r\n    .hoke-service-final-photo img,\r\n\r\n    .hoke-services-final-inner\r\n    .hoke-service-final-row:nth-child(3)\r\n    .hoke-service-final-photo img,\r\n\r\n    .hoke-services-final-inner\r\n    .hoke-service-final-row:nth-child(4)\r\n    .hoke-service-final-photo img{\r\n\r\n        width:100% !important;\r\n        height:100% !important;\r\n\r\n        transform:none !important;\r\n\r\n        object-fit:cover !important;\r\n    }\r\n\r\n\r\n    .hoke-services-final-inner\r\n    .hoke-service-final-row:nth-child(2)\r\n    .hoke-service-final-photo img{\r\n        object-position:center center !important;\r\n    }\r\n\r\n    .hoke-services-final-inner\r\n    .hoke-service-final-row:nth-child(3)\r\n    .hoke-service-final-photo img{\r\n        object-position:center center !important;\r\n    }\r\n\r\n    .hoke-services-final-inner\r\n    .hoke-service-final-row:nth-child(4)\r\n    .hoke-service-final-photo img{\r\n        object-position:center 40% !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<style>\r\n\/* ================================================\r\n   01 + 03 \u00c7APRAZ B\u0130RLE\u015e\u0130M D\u00dcZELTMES\u0130\r\n   Foto\u011fraf ile lacivert aras\u0131nda bo\u015fluk b\u0131rakmaz\r\n================================================ *\/\r\n\r\n.hoke-service-final-row.photo-left{\r\n    grid-template-columns:43% 57% !important;\r\n    background:#082d5b !important;\r\n}\r\n\r\n\/* Foto\u011fraf\u0131 lacivert panelin \u00fczerine bindir *\/\r\n.hoke-service-final-row.photo-left\r\n.hoke-service-final-photo{\r\n    width:calc(100% + 42px) !important;\r\n    margin-right:-42px !important;\r\n\r\n    clip-path:polygon(\r\n        0 0,\r\n        100% 0,\r\n        calc(100% - 42px) 100%,\r\n        0 100%\r\n    ) !important;\r\n\r\n    z-index:2 !important;\r\n}\r\n\r\n\/* Lacivert alan *\/\r\n.hoke-service-final-row.photo-left\r\n.hoke-service-final-content{\r\n    margin-left:0 !important;\r\n    padding-left:72px !important;\r\n    z-index:1 !important;\r\n}\r\n\r\n\r\n\/* ================================================\r\n   MOB\u0130LDE \u00c7APRAZLIK YOK\r\n================================================ *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-service-final-row.photo-left\r\n    .hoke-service-final-photo{\r\n        width:100% !important;\r\n        margin-right:0 !important;\r\n        clip-path:none !important;\r\n    }\r\n\r\n    .hoke-service-final-row.photo-left\r\n    .hoke-service-final-content{\r\n        padding-left:20px !important;\r\n    }\r\n\r\n}\r\n\/* MOB\u0130L KART \u0130NCE AYAR *\/\r\n@media(max-width:700px){\r\n\r\n    .hoke-service-final-row{\r\n        margin-bottom:22px !important;\r\n    }\r\n\r\n    .hoke-service-final-content{\r\n        padding-top:22px !important;\r\n        padding-bottom:22px !important;\r\n    }\r\n\r\n    .hoke-service-final-content h3{\r\n        margin-top:0 !important;\r\n        margin-bottom:10px !important;\r\n        line-height:1.08 !important;\r\n    }\r\n\r\n    .hoke-service-final-content p{\r\n        margin-bottom:12px !important;\r\n        line-height:1.5 !important;\r\n    }\r\n\r\n    .hoke-service-final-content li{\r\n        margin-bottom:6px !important;\r\n        line-height:1.35 !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1f193 elementor-widget elementor-widget-html\" data-id=\"8d1f193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   D\u0130\u011eER H\u0130ZMETLER + G\u00dcVEN \u015eER\u0130D\u0130\r\n   PREMIUM \/ KOMPAKT\r\n========================================================= *\/\r\n\r\n.hoke-services-block,\r\n.hoke-services-block *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-services-block{\r\n    width:100%;\r\n    background:#fff;\r\n    padding:34px 0 42px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.hoke-services-inner{\r\n    width:min(1440px,94%);\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.hoke-services-title{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:20px;\r\n    margin:0 0 24px;\r\n}\r\n\r\n.hoke-services-title h2{\r\n    margin:0;\r\n    color:#08264e;\r\n    font-size:24px;\r\n    line-height:1;\r\n    font-weight:900;\r\n    letter-spacing:-.4px;\r\n}\r\n\r\n.hoke-services-title span{\r\n    display:block;\r\n    width:62px;\r\n    height:1px;\r\n}\r\n\r\n.hoke-services-title span:first-child{\r\n    background:linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        #e32124\r\n    );\r\n}\r\n\r\n.hoke-services-title span:last-child{\r\n    background:linear-gradient(\r\n        90deg,\r\n        #e32124,\r\n        transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3 KART\r\n========================================================= *\/\r\n\r\n.hoke-secondary-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:24px;\r\n}\r\n\r\n.hoke-secondary-card{\r\n    position:relative;\r\n    background:#fff;\r\n    border:1px solid #d8e0e9;\r\n    border-radius:7px;\r\n    overflow:hidden;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(8,38,78,.055);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.hoke-secondary-card:hover{\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 13px 30px rgba(8,38,78,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTO\u011eRAF\r\n========================================================= *\/\r\n\r\n.hoke-secondary-photo{\r\n    position:relative;\r\n    width:100%;\r\n    height:205px;\r\n    overflow:hidden;\r\n    background:#eef2f5;\r\n}\r\n\r\n\/*\r\n   PNG'lerin i\u00e7erisinde ikon zaten var.\r\n   Bu nedenle g\u00f6rseli b\u00fcy\u00fct\u00fcp k\u0131rpm\u0131yoruz.\r\n*\/\r\n\r\n.hoke-secondary-photo img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    \/*\r\n       Alt k\u0131s\u0131mdaki mevcut yuvarlak ikonlar\u0131n\r\n       kesilmemesi i\u00e7in g\u00f6r\u00fcnt\u00fcy\u00fc biraz a\u015fa\u011f\u0131 al\u0131yoruz.\r\n    *\/\r\n    object-position:center 58%;\r\n\r\n    transition:transform .35s ease;\r\n}\r\n\r\n.hoke-secondary-card:hover .hoke-secondary-photo img{\r\n    transform:scale(1.018);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KART \u0130\u00c7ER\u0130\u011e\u0130\r\n========================================================= *\/\r\n\r\n.hoke-secondary-content{\r\n    position:relative;\r\n    min-height:132px;\r\n\r\n    padding:22px 25px 21px;\r\n}\r\n\r\n.hoke-secondary-content h3{\r\n    margin:0 0 9px;\r\n\r\n    color:#08264e;\r\n\r\n    font-size:17px;\r\n    line-height:1.2;\r\n    font-weight:900;\r\n\r\n    letter-spacing:-.2px;\r\n}\r\n\r\n.hoke-secondary-content p{\r\n    margin:0;\r\n\r\n    max-width:95%;\r\n\r\n    color:#344154;\r\n\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* k\u00fc\u00e7\u00fck premium vurgu *\/\r\n\r\n.hoke-secondary-content::after{\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:27px;\r\n    height:2px;\r\n\r\n    margin-top:15px;\r\n\r\n    background:#e32124;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   G\u00dcVEN \u015eER\u0130D\u0130\r\n========================================================= *\/\r\n\r\n.hoke-premium-trust{\r\n    width:100%;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n    margin-top:20px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #061f41 0%,\r\n            #082c59 52%,\r\n            #061f41 100%\r\n        );\r\n\r\n    border-radius:7px;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:\r\n        0 8px 24px rgba(4,29,62,.10);\r\n}\r\n\r\n\r\n\/* TEK \u00d6ZELL\u0130K *\/\r\n\r\n.hoke-trust-box{\r\n    position:relative;\r\n\r\n    min-height:102px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:16px;\r\n\r\n    padding:20px 24px;\r\n}\r\n\r\n\r\n\/* D\u0130KEY AYIRICI *\/\r\n\r\n.hoke-trust-box:not(:last-child)::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:20px;\r\n\r\n    width:1px;\r\n    height:62px;\r\n\r\n    background:rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u015eER\u0130T \u0130KONLARI\r\n========================================================= *\/\r\n\r\n.hoke-trust-symbol{\r\n    flex:0 0 48px;\r\n\r\n    width:48px;\r\n    height:48px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.hoke-trust-symbol.red{\r\n    color:#ef252b;\r\n}\r\n\r\n.hoke-trust-symbol svg{\r\n    width:45px;\r\n    height:45px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u015eER\u0130T YAZILARI\r\n========================================================= *\/\r\n\r\n.hoke-trust-text{\r\n    min-width:0;\r\n}\r\n\r\n.hoke-trust-text h3{\r\n    margin:0 0 5px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:14px;\r\n    line-height:1.15;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-trust-text p{\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.82);\r\n\r\n    font-size:11.5px;\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .hoke-secondary-grid{\r\n        gap:16px;\r\n    }\r\n\r\n    .hoke-secondary-photo{\r\n        height:185px;\r\n    }\r\n\r\n    .hoke-secondary-content{\r\n        padding:20px;\r\n    }\r\n\r\n    .hoke-secondary-content h3{\r\n        font-size:16px;\r\n    }\r\n\r\n    .hoke-premium-trust{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .hoke-trust-box:nth-child(2)::after{\r\n        display:none;\r\n    }\r\n\r\n    .hoke-trust-box:nth-child(1),\r\n    .hoke-trust-box:nth-child(2){\r\n        border-bottom:1px solid rgba(255,255,255,.14);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-services-block{\r\n        padding:28px 0 34px;\r\n    }\r\n\r\n    .hoke-services-inner{\r\n        width:92%;\r\n    }\r\n\r\n    .hoke-services-title{\r\n        gap:11px;\r\n        margin-bottom:20px;\r\n    }\r\n\r\n    .hoke-services-title h2{\r\n        font-size:19px;\r\n        white-space:nowrap;\r\n    }\r\n\r\n    .hoke-services-title span{\r\n        width:28px;\r\n    }\r\n\r\n\r\n    \/* KARTLAR *\/\r\n\r\n    .hoke-secondary-grid{\r\n        grid-template-columns:1fr;\r\n        gap:16px;\r\n    }\r\n\r\n    .hoke-secondary-photo{\r\n        height:auto;\r\n    }\r\n\r\n    .hoke-secondary-photo img{\r\n        width:100%;\r\n        height:auto;\r\n\r\n        object-fit:contain;\r\n        object-position:center;\r\n\r\n        transform:none !important;\r\n    }\r\n\r\n    .hoke-secondary-content{\r\n        min-height:0;\r\n\r\n        padding:20px 22px;\r\n    }\r\n\r\n    .hoke-secondary-content h3{\r\n        font-size:17px;\r\n    }\r\n\r\n\r\n    \/* G\u00dcVEN \u015eER\u0130D\u0130 *\/\r\n\r\n    .hoke-premium-trust{\r\n        grid-template-columns:1fr;\r\n\r\n        margin-top:18px;\r\n    }\r\n\r\n    .hoke-trust-box{\r\n        min-height:88px;\r\n\r\n        padding:17px 20px;\r\n    }\r\n\r\n    .hoke-trust-box{\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.13) !important;\r\n    }\r\n\r\n    .hoke-trust-box:last-child{\r\n        border-bottom:none !important;\r\n    }\r\n\r\n    .hoke-trust-box::after{\r\n        display:none !important;\r\n    }\r\n\r\n    .hoke-trust-symbol{\r\n        flex-basis:44px;\r\n        width:44px;\r\n        height:44px;\r\n    }\r\n\r\n    .hoke-trust-symbol svg{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u00c7OK K\u00dc\u00c7\u00dcK TELEFON\r\n========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .hoke-services-title h2{\r\n        font-size:17px;\r\n    }\r\n\r\n    .hoke-services-title span{\r\n        width:20px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-services-block\" id=\"hizmetler\">\r\n\r\n<div class=\"hoke-services-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BA\u015eLIK\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-services-title\">\r\n\r\n        <span><\/span>\r\n\r\n        <h2>D\u0130\u011eER H\u0130ZMETLER\u0130M\u0130Z<\/h2>\r\n\r\n        <span><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         3 H\u0130ZMET\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-secondary-grid\">\r\n\r\n\r\n        <!-- KOMB\u0130 PETEK -->\r\n\r\n        <article class=\"hoke-secondary-card\">\r\n\r\n            <div class=\"hoke-secondary-photo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/kombi-petek-montaji.png\"\r\n                    alt=\"Ankara Kombi ve Petek Montaj\u0131\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-secondary-content\">\r\n\r\n                <h3>KOMB\u0130 &amp; PETEK MONTAJI<\/h3>\r\n\r\n                <p>\r\n                    Kombi ve petek montaj\u0131nda d\u00fczenli,\r\n                    g\u00fcvenli ve profesyonel uygulamalar\r\n                    ger\u00e7ekle\u015ftiriyoruz.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- OCAK -->\r\n\r\n        <article class=\"hoke-secondary-card\">\r\n\r\n            <div class=\"hoke-secondary-photo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/ocak-donusumu.png\"\r\n                    alt=\"Ankara Ocak D\u00f6n\u00fc\u015f\u00fcm\u00fc\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-secondary-content\">\r\n\r\n                <h3>OCAK D\u00d6N\u00dc\u015e\u00dcM\u00dc<\/h3>\r\n\r\n                <p>\r\n                    Ocak d\u00f6n\u00fc\u015f\u00fcm\u00fc ve ba\u011flant\u0131 i\u015flemlerini\r\n                    g\u00fcvenli ve kullan\u0131ma haz\u0131r \u015fekilde\r\n                    ger\u00e7ekle\u015ftiriyoruz.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- BACA -->\r\n\r\n        <article class=\"hoke-secondary-card\">\r\n\r\n            <div class=\"hoke-secondary-photo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.yenimahallesutesisati.com.tr\/wp-content\/uploads\/2026\/08\/baca-dibi-isleri.png\"\r\n                    alt=\"Ankara Baca Dibi \u0130\u015fleri\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-secondary-content\">\r\n\r\n                <h3>BACA D\u0130B\u0130 \u0130\u015eLER\u0130<\/h3>\r\n\r\n                <p>\r\n                    Baca dibi ve \u00e7at\u0131 birle\u015fimlerinde sac\r\n                    kaplama ve su yal\u0131t\u0131m\u0131 uygulamalar\u0131\r\n                    ger\u00e7ekle\u015ftiriyoruz.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         LAC\u0130VERT G\u00dcVEN \u015eER\u0130D\u0130\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-premium-trust\">\r\n\r\n\r\n        <!-- 01 -->\r\n\r\n        <div class=\"hoke-trust-box\">\r\n\r\n            <div class=\"hoke-trust-symbol red\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"2.3\">\r\n\r\n                    <circle cx=\"23\" cy=\"22\" r=\"7\"><\/circle>\r\n                    <circle cx=\"42\" cy=\"24\" r=\"6\"><\/circle>\r\n\r\n                    <path d=\"M8 53c1-12 6-18 15-18s14 6 15 18\"><\/path>\r\n                    <path d=\"M35 53c1-9 5-14 11-14s10 5 11 14\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-trust-text\">\r\n\r\n                <h3>UZMAN KADRO<\/h3>\r\n\r\n                <p>\r\n                    Deneyimli ekibimizle\r\n                    profesyonel hizmet.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 -->\r\n\r\n        <div class=\"hoke-trust-box\">\r\n\r\n            <div class=\"hoke-trust-symbol\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"2.3\">\r\n\r\n                    <circle cx=\"32\" cy=\"26\" r=\"15\"><\/circle>\r\n\r\n                    <path d=\"M32 14l4 7 8 1-6 6 2 8-8-4-8 4 2-8-6-6 8-1z\"><\/path>\r\n\r\n                    <path d=\"M23 40l-5 15 14-7\"><\/path>\r\n                    <path d=\"M41 40l5 15-14-7\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-trust-text\">\r\n\r\n                <h3>KAL\u0130TEL\u0130 MALZEME<\/h3>\r\n\r\n                <p>\r\n                    \u0130\u015fin gerektirdi\u011fi kaliteli\r\n                    malzeme uygulamalar\u0131.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 03 -->\r\n\r\n        <div class=\"hoke-trust-box\">\r\n\r\n            <div class=\"hoke-trust-symbol\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"2.3\">\r\n\r\n                    <path d=\"M32 7l20 8v14c0 13-8 23-20 29C20 52 12 42 12 29V15z\"><\/path>\r\n\r\n                    <path d=\"M22 31l7 7 14-16\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-trust-text\">\r\n\r\n                <h3>\u00d6ZENL\u0130 \u0130\u015e\u00c7\u0130L\u0130K<\/h3>\r\n\r\n                <p>\r\n                    D\u00fczenli ve titiz\r\n                    uygulama anlay\u0131\u015f\u0131.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 04 -->\r\n\r\n        <div class=\"hoke-trust-box\">\r\n\r\n            <div class=\"hoke-trust-symbol red\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"2.3\">\r\n\r\n                    <circle cx=\"32\" cy=\"32\" r=\"21\"><\/circle>\r\n\r\n                    <path d=\"M32 18v15l10 6\"><\/path>\r\n\r\n                    <path d=\"M18 10l-5 8\"><\/path>\r\n                    <path d=\"M46 10l5 8\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hoke-trust-text\">\r\n\r\n                <h3>7\/24 ULA\u015eILAB\u0130L\u0130R<\/h3>\r\n\r\n                <p>\r\n                    \u0130htiya\u00e7 duydu\u011funuzda\r\n                    telefonla bize ula\u015f\u0131n.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n<style>\r\n\/* PNG i\u00e7indeki yar\u0131m g\u00f6r\u00fcnen ikonlar\u0131 gizle *\/\r\n.hoke-secondary-photo{\r\n    height:190px !important;\r\n}\r\n\r\n.hoke-secondary-photo img{\r\n    width:100% !important;\r\n    height:100% !important;\r\n    object-fit:cover !important;\r\n    object-position:center top !important;\r\n}\r\n\r\n\/* MOB\u0130L *\/\r\n@media(max-width:700px){\r\n\r\n    .hoke-secondary-photo{\r\n        height:210px !important;\r\n        overflow:hidden !important;\r\n    }\r\n\r\n    .hoke-secondary-photo img{\r\n        width:100% !important;\r\n        height:100% !important;\r\n        object-fit:cover !important;\r\n        object-position:center top !important;\r\n    }\r\n}\r\n<\/style>\r\n<style>\r\n\/* PNG i\u00e7indeki g\u00f6m\u00fcl\u00fc mavi ikonlar\u0131 tamamen kadraj d\u0131\u015f\u0131na it *\/\r\n\r\n.hoke-secondary-photo{\r\n    height:180px !important;\r\n    overflow:hidden !important;\r\n}\r\n\r\n.hoke-secondary-photo img{\r\n    width:100% !important;\r\n    height:235px !important;\r\n\r\n    object-fit:cover !important;\r\n    object-position:center top !important;\r\n\r\n    transform:translateY(-18px) !important;\r\n}\r\n\r\n\/* Hover b\u00fcy\u00fctmeyi kapat *\/\r\n.hoke-secondary-card:hover .hoke-secondary-photo img{\r\n    transform:translateY(-18px) !important;\r\n}\r\n\r\n\/* MOB\u0130L *\/\r\n@media(max-width:700px){\r\n\r\n    .hoke-secondary-photo{\r\n        height:190px !important;\r\n    }\r\n\r\n    .hoke-secondary-photo img{\r\n        height:245px !important;\r\n        transform:translateY(-20px) !important;\r\n    }\r\n\r\n    .hoke-secondary-card:hover .hoke-secondary-photo img{\r\n        transform:translateY(-20px) !important;\r\n    }\r\n}\r\n<\/style>\r\n<style>\r\n\/* PNG i\u00e7indeki g\u00f6m\u00fcl\u00fc mavi ikonlar\u0131 beyaz maske ile kapat *\/\r\n\r\n.hoke-secondary-photo{\r\n    position:relative !important;\r\n    overflow:hidden !important;\r\n}\r\n\r\n\/* G\u00f6rselin alt\u0131ndaki ikon alan\u0131n\u0131 kapat *\/\r\n.hoke-secondary-photo::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    height:28px;\r\n\r\n    background:#ffffff;\r\n\r\n    z-index:20;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* MOB\u0130L *\/\r\n@media(max-width:700px){\r\n\r\n    .hoke-secondary-photo::after{\r\n        height:32px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248b926 elementor-widget elementor-widget-html\" data-id=\"248b926\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   NEDEN H\u00d6KE? - PREMIUM B\u00d6L\u00dcM\r\n========================================================= *\/\r\n\r\n.hoke-why,\r\n.hoke-why *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-why{\r\n    width:100%;\r\n    padding:58px 0;\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f7f9fc 0%,\r\n            #ffffff 48%,\r\n            #f4f7fb 100%\r\n        );\r\n\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    color:#08264e;\r\n}\r\n\r\n.hoke-why-inner{\r\n    width:min(1180px,92%);\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANA GRID\r\n========================================================= *\/\r\n\r\n.hoke-why-grid{\r\n    display:grid;\r\n    grid-template-columns:42% 58%;\r\n    gap:55px;\r\n    align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOL TARAF\r\n========================================================= *\/\r\n\r\n.hoke-why-left{\r\n    position:relative;\r\n}\r\n\r\n.hoke-why-kicker{\r\n    margin:0 0 14px;\r\n\r\n    color:#e3181f;\r\n\r\n    font-size:13px;\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n.hoke-why-left h2{\r\n    margin:0;\r\n\r\n    color:#08264e;\r\n\r\n    font-size:38px;\r\n    line-height:1.08;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-1px;\r\n}\r\n\r\n.hoke-why-left h2 span{\r\n    color:#e3181f;\r\n}\r\n\r\n.hoke-why-line{\r\n    width:48px;\r\n    height:3px;\r\n\r\n    margin:20px 0;\r\n\r\n    background:#e3181f;\r\n}\r\n\r\n.hoke-why-text{\r\n    max-width:480px;\r\n\r\n    margin:0;\r\n\r\n    color:#4a5666;\r\n\r\n    font-size:15px;\r\n    line-height:1.68;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SA\u011e \u00d6ZELL\u0130KLER\r\n========================================================= *\/\r\n\r\n.hoke-why-features{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n    border:1px solid #dce3ec;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 12px 32px rgba(8,38,78,.06);\r\n}\r\n\r\n\r\n\/* TEK \u00d6ZELL\u0130K *\/\r\n\r\n.hoke-why-item{\r\n    min-height:145px;\r\n\r\n    padding:25px 26px;\r\n\r\n    display:flex;\r\n    gap:17px;\r\n\r\n    position:relative;\r\n\r\n    background:#fff;\r\n}\r\n\r\n.hoke-why-item:nth-child(1),\r\n.hoke-why-item:nth-child(2){\r\n    border-bottom:1px solid #e3e8ef;\r\n}\r\n\r\n.hoke-why-item:nth-child(1),\r\n.hoke-why-item:nth-child(3){\r\n    border-right:1px solid #e3e8ef;\r\n}\r\n\r\n\r\n\/* SOL KIRMIZI \u0130NCE \u00c7\u0130ZG\u0130 *\/\r\n\r\n.hoke-why-item::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:26px;\r\n\r\n    width:3px;\r\n    height:38px;\r\n\r\n    background:#e3181f;\r\n}\r\n\r\n\r\n\/* NUMARA *\/\r\n\r\n.hoke-why-num{\r\n    flex:0 0 35px;\r\n\r\n    color:#c9d1dd;\r\n\r\n    font-size:12px;\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* MET\u0130N *\/\r\n\r\n.hoke-why-info h3{\r\n    margin:0 0 7px;\r\n\r\n    color:#08264e;\r\n\r\n    font-size:16px;\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-why-info p{\r\n    margin:0;\r\n\r\n    color:#5a6574;\r\n\r\n    font-size:12.5px;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT CTA\r\n========================================================= *\/\r\n\r\n.hoke-why-cta{\r\n    margin-top:30px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:25px;\r\n\r\n    padding:22px 28px;\r\n\r\n    border-radius:7px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            105deg,\r\n            #061f41,\r\n            #082d5b\r\n        );\r\n\r\n    box-shadow:\r\n        0 10px 28px rgba(8,38,78,.15);\r\n}\r\n\r\n.hoke-why-cta-text{\r\n    color:#fff;\r\n\r\n    font-size:15px;\r\n    font-weight:700;\r\n}\r\n\r\n.hoke-why-cta-text strong{\r\n    color:#fff;\r\n    font-weight:900;\r\n}\r\n\r\n\r\n\/* TELEFON *\/\r\n\r\n.hoke-why-phone{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:11px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    min-height:48px;\r\n\r\n    padding:0 20px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            105deg,\r\n            #e3181f,\r\n            #ff353b\r\n        );\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:16px;\r\n    font-weight:900;\r\n\r\n    box-shadow:\r\n        0 0 0 1px rgba(255,255,255,.15),\r\n        0 5px 15px rgba(227,24,31,.22);\r\n\r\n    transition:.2s ease;\r\n}\r\n\r\n.hoke-why-phone:hover{\r\n    transform:translateY(-1px);\r\n}\r\n\r\n.hoke-why-phone svg{\r\n    width:19px;\r\n    height:19px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .hoke-why-grid{\r\n        grid-template-columns:1fr;\r\n        gap:32px;\r\n    }\r\n\r\n    .hoke-why-left{\r\n        text-align:center;\r\n    }\r\n\r\n    .hoke-why-text{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    .hoke-why-line{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .hoke-why{\r\n        padding:42px 0;\r\n    }\r\n\r\n    .hoke-why-left h2{\r\n        font-size:29px;\r\n    }\r\n\r\n    .hoke-why-text{\r\n        font-size:14px;\r\n    }\r\n\r\n    .hoke-why-features{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hoke-why-item{\r\n        min-height:0;\r\n        padding:21px 20px;\r\n    }\r\n\r\n    .hoke-why-item{\r\n        border-right:none !important;\r\n        border-bottom:1px solid #e3e8ef !important;\r\n    }\r\n\r\n    .hoke-why-item:last-child{\r\n        border-bottom:none !important;\r\n    }\r\n\r\n    .hoke-why-cta{\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n\r\n        padding:22px;\r\n    }\r\n\r\n    .hoke-why-cta-text{\r\n        text-align:center;\r\n\r\n        font-size:14px;\r\n        line-height:1.5;\r\n    }\r\n\r\n    .hoke-why-phone{\r\n        width:100%;\r\n        justify-content:center;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-why\" id=\"neden-hoke\">\r\n\r\n<div class=\"hoke-why-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         \u00dcST ALAN\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-why-grid\">\r\n\r\n\r\n        <!-- SOL -->\r\n\r\n        <div class=\"hoke-why-left\">\r\n\r\n            <div class=\"hoke-why-kicker\">\r\n                NEDEN H\u00d6KE TES\u0130SAT ?\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0130\u015fi sadece yapmak de\u011fil,<br>\r\n                <span>do\u011fru ve uzun \u00f6m\u00fcrl\u00fc<\/span><br>\r\n                yapmak.\r\n            <\/h2>\r\n\r\n            <div class=\"hoke-why-line\"><\/div>\r\n\r\n            <p class=\"hoke-why-text\">\r\n                Su tesisat\u0131, \u00e7at\u0131 aktarma, oluk ve kenet kaplama\r\n                uygulamalar\u0131nda do\u011fru malzeme se\u00e7imi, d\u00fczenli \u00e7al\u0131\u015fma\r\n                ve uygulama kalitesini \u00f6n planda tutuyoruz.\r\n                Amac\u0131m\u0131z ge\u00e7ici m\u00fcdahaleler yerine g\u00fcvenilir ve\r\n                uzun \u00f6m\u00fcrl\u00fc \u00e7\u00f6z\u00fcmler sunmak.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SA\u011e -->\r\n\r\n        <div class=\"hoke-why-features\">\r\n\r\n\r\n            <div class=\"hoke-why-item\">\r\n\r\n                <div class=\"hoke-why-num\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"hoke-why-info\">\r\n\r\n                    <h3>DO\u011eRU UYGULAMA<\/h3>\r\n\r\n                    <p>\r\n                        Yap\u0131lacak i\u015fe g\u00f6re do\u011fru y\u00f6ntem ve\r\n                        uygulama detaylar\u0131n\u0131 belirliyoruz.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-why-item\">\r\n\r\n                <div class=\"hoke-why-num\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"hoke-why-info\">\r\n\r\n                    <h3>KAL\u0130TEL\u0130 MALZEME<\/h3>\r\n\r\n                    <p>\r\n                        Uygulaman\u0131n gerektirdi\u011fi g\u00fcvenilir ve\r\n                        dayan\u0131kl\u0131 malzemeleri tercih ediyoruz.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-why-item\">\r\n\r\n                <div class=\"hoke-why-num\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"hoke-why-info\">\r\n\r\n                    <h3>TEM\u0130Z \u0130\u015e\u00c7\u0130L\u0130K<\/h3>\r\n\r\n                    <p>\r\n                        \u0130\u015f s\u0131ras\u0131nda d\u00fczeni ve uygulama\r\n                        detaylar\u0131ndaki titizli\u011fi \u00f6nemsiyoruz.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-why-item\">\r\n\r\n                <div class=\"hoke-why-num\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"hoke-why-info\">\r\n\r\n                    <h3>ANKARA GENEL\u0130 H\u0130ZMET<\/h3>\r\n\r\n                    <p>\r\n                        Yenimahalle merkezli olarak Ankara'n\u0131n\r\n                        t\u00fcm il\u00e7elerinde hizmet sunuyoruz.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"hoke-why-cta\">\r\n\r\n        <div class=\"hoke-why-cta-text\">\r\n            Tesisat ve \u00e7at\u0131 i\u015fleriniz i\u00e7in\r\n            <strong>do\u011frudan bize ula\u015f\u0131n.<\/strong>\r\n        <\/div>\r\n\r\n\r\n        <a\r\n            href=\"tel:+905466326457\"\r\n            class=\"hoke-why-phone\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\">\r\n\r\n                <path\r\n                    d=\"M6.6 10.8a15.5 15.5 0 006.6 6.6l2.2-2.2\r\n                    a1 1 0 011-.24 11.4 11.4 0 003.6.58\r\n                    1 1 0 011 1V20a1 1 0 01-1 1\r\n                    C10.6 21 3 13.4 3 4a1 1 0 011-1h3.5\r\n                    a1 1 0 011 1 11.4 11.4 0 00.58 3.6\r\n                    1 1 0 01-.25 1z\">\r\n                <\/path>\r\n\r\n            <\/svg>\r\n\r\n            0546 632 64 57\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a27145 elementor-widget elementor-widget-html\" data-id=\"8a27145\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   ANKARA GENEL\u0130 H\u0130ZMET\r\n========================================================= *\/\r\n\r\n.hoke-ankara,\r\n.hoke-ankara *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-ankara{\r\n    width:100%;\r\n    padding:58px 0;\r\n    background:#fff;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.hoke-ankara-inner{\r\n    width:min(1180px,92%);\r\n    margin:0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   ANA KUTU\r\n========================================================= *\/\r\n\r\n.hoke-ankara-panel{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    display:grid;\r\n    grid-template-columns:47% 53%;\r\n\r\n    min-height:390px;\r\n\r\n    border-radius:10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            118deg,\r\n            #041b39 0%,\r\n            #082c59 60%,\r\n            #061f41 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(7,31,66,.12);\r\n}\r\n\r\n\/* dekoratif teknik \u00e7izgiler *\/\r\n.hoke-ankara-panel::before{\r\n    content:\"\";\r\n    position:absolute;\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    right:-230px;\r\n    top:-260px;\r\n\r\n    border:1px solid rgba(255,255,255,.07);\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n.hoke-ankara-panel::after{\r\n    content:\"\";\r\n    position:absolute;\r\n\r\n    width:360px;\r\n    height:360px;\r\n\r\n    right:-140px;\r\n    bottom:-240px;\r\n\r\n    border:1px solid rgba(227,24,31,.18);\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n\/* =========================================================\r\n   SOL\r\n========================================================= *\/\r\n\r\n.hoke-ankara-left{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    padding:52px 50px;\r\n}\r\n\r\n.hoke-ankara-kicker{\r\n    margin-bottom:14px;\r\n\r\n    color:#ef242b;\r\n\r\n    font-size:12px;\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n.hoke-ankara-left h2{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:39px;\r\n    line-height:1.08;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-1px;\r\n}\r\n\r\n.hoke-ankara-left h2 span{\r\n    color:#ef242b;\r\n}\r\n\r\n.hoke-ankara-line{\r\n    width:48px;\r\n    height:3px;\r\n\r\n    margin:21px 0;\r\n\r\n    background:#ef242b;\r\n}\r\n\r\n.hoke-ankara-left p{\r\n    max-width:490px;\r\n\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.86);\r\n\r\n    font-size:14.5px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* =========================================================\r\n   SA\u011e\r\n========================================================= *\/\r\n\r\n.hoke-ankara-right{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    padding:44px 48px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            rgba(255,255,255,.96),\r\n            rgba(247,249,252,.98)\r\n        );\r\n\r\n    clip-path:polygon(\r\n        9% 0,\r\n        100% 0,\r\n        100% 100%,\r\n        0 100%\r\n    );\r\n}\r\n\r\n.hoke-ankara-right-title{\r\n    margin:0 0 17px 28px;\r\n\r\n    color:#08264e;\r\n\r\n    font-size:17px;\r\n    font-weight:900;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0130L\u00c7ELER\r\n========================================================= *\/\r\n\r\n.hoke-districts{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    gap:9px;\r\n\r\n    margin-left:28px;\r\n}\r\n\r\n.hoke-district{\r\n    min-height:34px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0 13px;\r\n\r\n    border:1px solid #dde4ec;\r\n    border-radius:30px;\r\n\r\n    background:#fff;\r\n\r\n    color:#344154;\r\n\r\n    font-size:11.5px;\r\n    font-weight:700;\r\n\r\n    transition:.2s ease;\r\n}\r\n\r\n.hoke-district:hover{\r\n    color:#e3181f;\r\n\r\n    border-color:rgba(227,24,31,.38);\r\n\r\n    transform:translateY(-1px);\r\n}\r\n\r\n\/* =========================================================\r\n   ALT B\u0130LG\u0130\r\n========================================================= *\/\r\n\r\n.hoke-ankara-note{\r\n    margin:23px 0 0 28px;\r\n\r\n    padding-top:17px;\r\n\r\n    border-top:1px solid #e1e6ed;\r\n\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:11px;\r\n\r\n    color:#566171;\r\n\r\n    font-size:12px;\r\n    line-height:1.5;\r\n}\r\n\r\n.hoke-ankara-pin{\r\n    width:30px;\r\n    height:30px;\r\n\r\n    flex:0 0 30px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#e3181f;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.hoke-ankara-pin svg{\r\n    width:16px;\r\n    height:16px;\r\n}\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.hoke-ankara-cta{\r\n    margin-top:25px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n}\r\n\r\n.hoke-ankara-phone{\r\n    min-height:46px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0 20px;\r\n\r\n    border-radius:28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            105deg,\r\n            #e3181f,\r\n            #f73940\r\n        );\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:14px;\r\n    font-weight:900;\r\n\r\n    box-shadow:\r\n        0 6px 16px rgba(227,24,31,.22);\r\n}\r\n\r\n.hoke-ankara-phone:hover{\r\n    color:#fff;\r\n    transform:translateY(-1px);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .hoke-ankara-panel{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hoke-ankara-left{\r\n        padding:42px 38px;\r\n    }\r\n\r\n    .hoke-ankara-right{\r\n        clip-path:none;\r\n\r\n        padding:36px 38px;\r\n    }\r\n\r\n    .hoke-ankara-right-title,\r\n    .hoke-districts,\r\n    .hoke-ankara-note{\r\n        margin-left:0;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .hoke-ankara{\r\n        padding:42px 0;\r\n    }\r\n\r\n    .hoke-ankara-panel{\r\n        border-radius:8px;\r\n    }\r\n\r\n    .hoke-ankara-left{\r\n        padding:33px 24px;\r\n    }\r\n\r\n    .hoke-ankara-left h2{\r\n        font-size:30px;\r\n    }\r\n\r\n    .hoke-ankara-left p{\r\n        font-size:13.5px;\r\n    }\r\n\r\n    .hoke-ankara-right{\r\n        padding:28px 22px;\r\n    }\r\n\r\n    .hoke-district{\r\n        font-size:10.5px;\r\n\r\n        padding:0 10px;\r\n\r\n        min-height:32px;\r\n    }\r\n\r\n    .hoke-ankara-cta{\r\n        width:100%;\r\n    }\r\n\r\n    .hoke-ankara-phone{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-ankara\" id=\"ankara-geneli\">\r\n\r\n<div class=\"hoke-ankara-inner\">\r\n\r\n    <div class=\"hoke-ankara-panel\">\r\n\r\n\r\n        <!-- SOL -->\r\n\r\n        <div class=\"hoke-ankara-left\">\r\n\r\n            <div class=\"hoke-ankara-kicker\">\r\n                H\u0130ZMET B\u00d6LGEM\u0130Z\r\n            <\/div>\r\n\r\n            <h2>\r\n                Yaln\u0131zca Yenimahalle de\u011fil,<br>\r\n                <span>Ankara'n\u0131n tamam\u0131nday\u0131z.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"hoke-ankara-line\"><\/div>\r\n\r\n            <p>\r\n                Su tesisat\u0131, \u00e7at\u0131 aktarma ve oluk i\u015fleri ile kenet\r\n                kaplama hizmetlerimizi Ankara\u2019n\u0131n t\u00fcm il\u00e7elerinde;\r\n                ev, apartman, site, d\u00fckkan, i\u015f yeri ve farkl\u0131 yap\u0131\r\n                tipleri i\u00e7in sunuyoruz.\r\n            <\/p>\r\n\r\n            <div class=\"hoke-ankara-cta\">\r\n\r\n                <a\r\n                    href=\"tel:+905466326457\"\r\n                    class=\"hoke-ankara-phone\">\r\n\r\n                    ANKARA GENEL\u0130 H\u0130ZMET \u0130\u00c7\u0130N ARA\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SA\u011e -->\r\n\r\n        <div class=\"hoke-ankara-right\">\r\n\r\n            <h3 class=\"hoke-ankara-right-title\">\r\n                Ankara'n\u0131n T\u00fcm \u0130l\u00e7elerine Hizmet\r\n            <\/h3>\r\n\r\n            <div class=\"hoke-districts\">\r\n\r\n                <span class=\"hoke-district\">Yenimahalle<\/span>\r\n                <span class=\"hoke-district\">\u00c7ankaya<\/span>\r\n                <span class=\"hoke-district\">Ke\u00e7i\u00f6ren<\/span>\r\n                <span class=\"hoke-district\">Etimesgut<\/span>\r\n                <span class=\"hoke-district\">Sincan<\/span>\r\n                <span class=\"hoke-district\">Mamak<\/span>\r\n                <span class=\"hoke-district\">Alt\u0131nda\u011f<\/span>\r\n                <span class=\"hoke-district\">G\u00f6lba\u015f\u0131<\/span>\r\n                <span class=\"hoke-district\">Pursaklar<\/span>\r\n                <span class=\"hoke-district\">Kahramankazan<\/span>\r\n                <span class=\"hoke-district\">Akyurt<\/span>\r\n                <span class=\"hoke-district\">\u00c7ubuk<\/span>\r\n                <span class=\"hoke-district\">Elmada\u011f<\/span>\r\n                <span class=\"hoke-district\">Polatl\u0131<\/span>\r\n                <span class=\"hoke-district\">Beypazar\u0131<\/span>\r\n                <span class=\"hoke-district\">Aya\u015f<\/span>\r\n                <span class=\"hoke-district\">G\u00fcd\u00fcl<\/span>\r\n                <span class=\"hoke-district\">Nall\u0131han<\/span>\r\n                <span class=\"hoke-district\">Haymana<\/span>\r\n                <span class=\"hoke-district\">\u015eerefliko\u00e7hisar<\/span>\r\n                <span class=\"hoke-district\">Kalecik<\/span>\r\n                <span class=\"hoke-district\">K\u0131z\u0131lcahamam<\/span>\r\n                <span class=\"hoke-district\">\u00c7aml\u0131dere<\/span>\r\n                <span class=\"hoke-district\">Bala<\/span>\r\n                <span class=\"hoke-district\">Evren<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-ankara-note\">\r\n\r\n                <div class=\"hoke-ankara-pin\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\">\r\n\r\n                        <path\r\n                            d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1116 0z\">\r\n                        <\/path>\r\n\r\n                        <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div>\r\n                    <strong>\u0130\u015fletme:<\/strong><br>\r\n                    Kar\u015f\u0131yaka, 511. Sk. 23A,\r\n                    Yenimahalle \/ Ankara\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15a5152 elementor-widget elementor-widget-html\" data-id=\"15a5152\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   NASIL \u00c7ALI\u015eIYORUZ?\r\n========================================================= *\/\r\n\r\n.hoke-process,\r\n.hoke-process *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-process{\r\n    width:100%;\r\n    padding:52px 0 58px;\r\n    background:#f7f9fc;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.hoke-process-inner{\r\n    width:min(1180px,92%);\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.hoke-process-head{\r\n    text-align:center;\r\n    margin-bottom:31px;\r\n}\r\n\r\n.hoke-process-kicker{\r\n    margin-bottom:9px;\r\n\r\n    color:#e3181f;\r\n\r\n    font-size:11px;\r\n    line-height:1;\r\n\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.hoke-process-head h2{\r\n    margin:0;\r\n\r\n    color:#08264e;\r\n\r\n    font-size:29px;\r\n    line-height:1.1;\r\n\r\n    font-weight:900;\r\n    letter-spacing:-.6px;\r\n}\r\n\r\n.hoke-process-head p{\r\n    max-width:600px;\r\n\r\n    margin:10px auto 0;\r\n\r\n    color:#5b6675;\r\n\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   S\u00dcRE\u00c7 ALANI\r\n========================================================= *\/\r\n\r\n.hoke-process-flow{\r\n    position:relative;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid #dfe5ed;\r\n    border-radius:8px;\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(8,38,78,.055);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* ORTA BA\u011eLANTI \u00c7\u0130ZG\u0130S\u0130 *\/\r\n\r\n.hoke-process-flow::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:9%;\r\n    right:9%;\r\n\r\n    top:53px;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(227,24,31,.12),\r\n            rgba(227,24,31,.75),\r\n            rgba(227,24,31,.75),\r\n            rgba(227,24,31,.12)\r\n        );\r\n\r\n    z-index:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADIM\r\n========================================================= *\/\r\n\r\n.hoke-process-step{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    min-height:205px;\r\n\r\n    padding:30px 24px 26px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.hoke-process-step:not(:last-child){\r\n    border-right:1px solid #e8ecf1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMARA\r\n========================================================= *\/\r\n\r\n.hoke-process-number{\r\n    width:46px;\r\n    height:46px;\r\n\r\n    margin:0 auto 19px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    border:2px solid #e3181f;\r\n\r\n    color:#e3181f;\r\n\r\n    font-size:13px;\r\n    font-weight:900;\r\n\r\n    box-shadow:\r\n        0 0 0 7px #fff;\r\n}\r\n\r\n\r\n\/* AKT\u0130F KIRMIZI NOKTA *\/\r\n\r\n.hoke-process-number::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:5px;\r\n    height:5px;\r\n\r\n    right:1px;\r\n    top:3px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#e3181f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MET\u0130N\r\n========================================================= *\/\r\n\r\n.hoke-process-step h3{\r\n    margin:0 0 8px;\r\n\r\n    color:#08264e;\r\n\r\n    font-size:15px;\r\n    line-height:1.2;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-process-step p{\r\n    max-width:215px;\r\n\r\n    margin:0 auto;\r\n\r\n    color:#606b79;\r\n\r\n    font-size:12px;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT KIRMIZI \u00c7\u0130ZG\u0130\r\n========================================================= *\/\r\n\r\n.hoke-process-step::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:0;\r\n\r\n    width:0;\r\n    height:3px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    background:#e3181f;\r\n\r\n    transition:width .25s ease;\r\n}\r\n\r\n.hoke-process-step:hover::after{\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SON ADIM VURGUSU\r\n========================================================= *\/\r\n\r\n.hoke-process-step:last-child\r\n.hoke-process-number{\r\n    background:#e3181f;\r\n    color:#fff;\r\n}\r\n\r\n.hoke-process-step:last-child\r\n.hoke-process-number::after{\r\n    background:#08264e;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT B\u0130LG\u0130\r\n========================================================= *\/\r\n\r\n.hoke-process-bottom{\r\n    margin-top:20px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:9px;\r\n\r\n    color:#657080;\r\n\r\n    font-size:11.5px;\r\n}\r\n\r\n.hoke-process-bottom span{\r\n    width:7px;\r\n    height:7px;\r\n\r\n    flex:0 0 7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#e3181f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .hoke-process-flow{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .hoke-process-flow::before{\r\n        display:none;\r\n    }\r\n\r\n    .hoke-process-step:nth-child(1),\r\n    .hoke-process-step:nth-child(2){\r\n        border-bottom:1px solid #e8ecf1;\r\n    }\r\n\r\n    .hoke-process-step:nth-child(2){\r\n        border-right:none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .hoke-process{\r\n        padding:40px 0 44px;\r\n    }\r\n\r\n    .hoke-process-head{\r\n        margin-bottom:24px;\r\n    }\r\n\r\n    .hoke-process-head h2{\r\n        font-size:24px;\r\n    }\r\n\r\n    .hoke-process-head p{\r\n        font-size:12.5px;\r\n    }\r\n\r\n    .hoke-process-flow{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hoke-process-step{\r\n        min-height:0;\r\n\r\n        display:grid;\r\n        grid-template-columns:50px 1fr;\r\n\r\n        column-gap:15px;\r\n\r\n        padding:20px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    .hoke-process-step:not(:last-child){\r\n        border-right:none;\r\n        border-bottom:1px solid #e8ecf1;\r\n    }\r\n\r\n    .hoke-process-number{\r\n        grid-row:1 \/ 3;\r\n\r\n        width:44px;\r\n        height:44px;\r\n\r\n        margin:0;\r\n\r\n        align-self:center;\r\n    }\r\n\r\n    .hoke-process-step h3{\r\n        margin-top:2px;\r\n    }\r\n\r\n    .hoke-process-step p{\r\n        max-width:none;\r\n        margin:0;\r\n    }\r\n\r\n    .hoke-process-bottom{\r\n        padding:0 15px;\r\n\r\n        text-align:center;\r\n\r\n        line-height:1.5;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-process\" id=\"nasil-calisiyoruz\">\r\n\r\n    <div class=\"hoke-process-inner\">\r\n\r\n\r\n        <!-- BA\u015eLIK -->\r\n\r\n        <div class=\"hoke-process-head\">\r\n\r\n            <div class=\"hoke-process-kicker\">\r\n                \u00c7ALI\u015eMA S\u00dcREC\u0130M\u0130Z\r\n            <\/div>\r\n\r\n            <h2>NASIL \u00c7ALI\u015eIYORUZ?<\/h2>\r\n\r\n            <p>\r\n                \u0130htiyac\u0131n\u0131z\u0131 belirleyip do\u011fru uygulamay\u0131 planl\u0131yor,\r\n                i\u015fi d\u00fczenli ve kontroll\u00fc bir s\u00fcre\u00e7le tamaml\u0131yoruz.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 4 ADIM -->\r\n\r\n        <div class=\"hoke-process-flow\">\r\n\r\n\r\n            <!-- 01 -->\r\n\r\n            <div class=\"hoke-process-step\">\r\n\r\n                <div class=\"hoke-process-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <h3>B\u0130ZE ULA\u015eIN<\/h3>\r\n\r\n                <p>\r\n                    Yap\u0131lacak i\u015fle ilgili bize ula\u015f\u0131n ve\r\n                    ihtiyac\u0131n\u0131z\u0131 k\u0131saca aktar\u0131n.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 02 -->\r\n\r\n            <div class=\"hoke-process-step\">\r\n\r\n                <div class=\"hoke-process-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <h3>\u0130HT\u0130YACI BEL\u0130RLEYEL\u0130M<\/h3>\r\n\r\n                <p>\r\n                    \u0130\u015fin kapsam\u0131n\u0131 de\u011ferlendirerek gerekli\r\n                    uygulama ve malzemeyi belirleyelim.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 03 -->\r\n\r\n            <div class=\"hoke-process-step\">\r\n\r\n                <div class=\"hoke-process-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <h3>UYGULAMA<\/h3>\r\n\r\n                <p>\r\n                    Planlanan i\u015flemi uygun malzeme ve\r\n                    profesyonel i\u015f\u00e7ilikle ger\u00e7ekle\u015ftirelim.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 04 -->\r\n\r\n            <div class=\"hoke-process-step\">\r\n\r\n                <div class=\"hoke-process-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <h3>KONTROL &amp; TESL\u0130M<\/h3>\r\n\r\n                <p>\r\n                    Uygulama sonras\u0131nda gerekli kontrolleri\r\n                    yaparak i\u015fi d\u00fczenli \u015fekilde teslim edelim.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ALT -->\r\n\r\n        <div class=\"hoke-process-bottom\">\r\n\r\n            <span><\/span>\r\n\r\n            Su tesisat\u0131, \u00e7at\u0131 ve kenet kaplama i\u015flerinizde\r\n            s\u00fcre\u00e7 boyunca do\u011frudan ileti\u015fim.\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   H\u00d6KE - T\u00dcM ANA SAYFA \u0130\u00c7ER\u0130K H\u0130ZALAMA S\u0130STEM\u0130\r\n========================================================= *\/\r\n\r\n:root{\r\n    --hoke-site-width:1180px;\r\n    --hoke-site-mobile:92%;\r\n}\r\n\r\n\r\n\/* ANA H\u0130ZMETLER *\/\r\n.hoke-services-final-inner{\r\n    width:min(var(--hoke-site-width),var(--hoke-site-mobile)) !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\r\n\/* D\u0130\u011eER H\u0130ZMETLER *\/\r\n.hoke-services-inner,\r\n.hoke-other-wrap,\r\n.hoke-other-services-inner,\r\n.hoke-other-wrap,\r\n.hoke-services-block{\r\n    width:min(var(--hoke-site-width),var(--hoke-site-mobile)) !important;\r\n    max-width:var(--hoke-site-width) !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\r\n\/* D\u0130\u011eER H\u0130ZMETLER + ALT G\u00dcVEN \u015eER\u0130D\u0130 *\/\r\n.hoke-other-services,\r\n.hoke-services-block{\r\n    width:100% !important;\r\n}\r\n\r\n\r\n\/* NEDEN H\u00d6KE *\/\r\n.hoke-why-inner{\r\n    width:min(var(--hoke-site-width),var(--hoke-site-mobile)) !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\r\n\/* ANKARA GENEL\u0130 *\/\r\n.hoke-ankara-inner{\r\n    width:min(var(--hoke-site-width),var(--hoke-site-mobile)) !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\r\n\/* NASIL \u00c7ALI\u015eIYORUZ *\/\r\n.hoke-process-inner{\r\n    width:min(var(--hoke-site-width),var(--hoke-site-mobile)) !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n<style>\r\n\/* =========================================================\r\n   H\u00d6KE - ANA SAYFA GEN\u0130\u015eL\u0130K \/ AKI\u015e D\u00dcZELTMES\u0130\r\n   FINAL\r\n========================================================= *\/\r\n\r\n:root{\r\n    --hoke-page-width:1280px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1. SONRADAN GELEN 100VW TA\u015eMALARINI \u0130PTAL ET\r\n========================================================= *\/\r\n\r\n.hoke-services-final,\r\n.hoke-other-services,\r\n.hoke-services-block,\r\n.hoke-why,\r\n.hoke-ankara,\r\n.hoke-process{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    left:auto !important;\r\n\r\n    margin-left:0 !important;\r\n    margin-right:0 !important;\r\n\r\n    transform:none !important;\r\n\r\n    position:relative !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   2. B\u00dcT\u00dcN ANA \u0130\u00c7ER\u0130KLER AYNI GEN\u0130\u015eL\u0130K\r\n========================================================= *\/\r\n\r\n.hoke-services-final-inner,\r\n.hoke-other-wrap,\r\n.hoke-other-services-inner,\r\n.hoke-services-inner,\r\n.hoke-services-block-inner,\r\n.hoke-why-inner,\r\n.hoke-ankara-inner,\r\n.hoke-process-inner{\r\n\r\n    width:calc(100% - 48px) !important;\r\n    max-width:var(--hoke-page-width) !important;\r\n\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n\r\n    padding-left:0 !important;\r\n    padding-right:0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3. D\u0130\u011eER H\u0130ZMETLER G\u00dcVEN \u015eER\u0130D\u0130\r\n========================================================= *\/\r\n\r\n.hoke-trust-strip,\r\n.hoke-trust-wrap{\r\n    width:100% !important;\r\n    max-width:var(--hoke-page-width) !important;\r\n\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   4. B\u00d6L\u00dcM ARKA PLANLARI\r\n   Tam geni\u015flik fakat TA\u015eMA YOK\r\n========================================================= *\/\r\n\r\n.hoke-services-final{\r\n    background:#ffffff !important;\r\n}\r\n\r\n.hoke-why{\r\n    background:#f7f9fc !important;\r\n}\r\n\r\n.hoke-ankara{\r\n    background:#ffffff !important;\r\n}\r\n\r\n.hoke-process{\r\n    background:#f7f9fc !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   5. NEDEN H\u00d6KE VE NASIL \u00c7ALI\u015eIYORUZ\r\n   \u0130STENMEYEN MAV\u0130 HAT \/ SINIRLARI TEM\u0130ZLE\r\n========================================================= *\/\r\n\r\n.hoke-why,\r\n.hoke-process{\r\n    border:none !important;\r\n    outline:none !important;\r\n    box-shadow:none !important;\r\n}\r\n\r\n.hoke-why::before,\r\n.hoke-why::after,\r\n.hoke-process::before,\r\n.hoke-process::after{\r\n    border:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   6. D\u0130KEY R\u0130T\u0130M\r\n========================================================= *\/\r\n\r\n.hoke-services-final,\r\n.hoke-other-services,\r\n.hoke-services-block,\r\n.hoke-why,\r\n.hoke-ankara,\r\n.hoke-process{\r\n    padding-top:50px !important;\r\n    padding-bottom:50px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   7. SAYFADA YATAY TA\u015eMAYI TAMAMEN ENGELLE\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody{\r\n    overflow-x:hidden !important;\r\n}\r\n\r\n\r\n\/* Elementor d\u0131\u015f konteyneri ekstra geni\u015fletmesin *\/\r\n.elementor,\r\n.elementor-section,\r\n.e-con,\r\n.e-con-inner{\r\n    max-width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .hoke-services-final-inner,\r\n    .hoke-other-wrap,\r\n    .hoke-other-services-inner,\r\n    .hoke-services-inner,\r\n    .hoke-services-block-inner,\r\n    .hoke-why-inner,\r\n    .hoke-ankara-inner,\r\n    .hoke-process-inner{\r\n\r\n        width:calc(100% - 36px) !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-services-final-inner,\r\n    .hoke-other-wrap,\r\n    .hoke-other-services-inner,\r\n    .hoke-services-inner,\r\n    .hoke-services-block-inner,\r\n    .hoke-why-inner,\r\n    .hoke-ankara-inner,\r\n    .hoke-process-inner{\r\n\r\n        width:calc(100% - 28px) !important;\r\n        max-width:none !important;\r\n    }\r\n\r\n    .hoke-services-final,\r\n    .hoke-other-services,\r\n    .hoke-services-block,\r\n    .hoke-why,\r\n    .hoke-ankara,\r\n    .hoke-process{\r\n\r\n        padding-top:38px !important;\r\n        padding-bottom:38px !important;\r\n    }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e22a92c elementor-widget elementor-widget-html\" data-id=\"e22a92c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   H\u00d6KE YAPI & TES\u0130SAT\r\n   SIK SORULAN SORULAR\r\n========================================================= *\/\r\n\r\n.hoke-faq,\r\n.hoke-faq *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.hoke-faq{\r\n    width:100%;\r\n    padding:50px 0;\r\n    background:#ffffff;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.hoke-faq-inner{\r\n    width:calc(100% - 48px);\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.hoke-faq-head{\r\n    text-align:center;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.hoke-faq-kicker{\r\n    margin-bottom:9px;\r\n    color:#e3181f;\r\n    font-size:11px;\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.hoke-faq-head h2{\r\n    margin:0;\r\n    color:#08264e;\r\n    font-size:30px;\r\n    line-height:1.1;\r\n    font-weight:900;\r\n    letter-spacing:-.6px;\r\n}\r\n\r\n.hoke-faq-head p{\r\n    max-width:650px;\r\n    margin:10px auto 0;\r\n    color:#5c6674;\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.hoke-faq-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEK SORU\r\n========================================================= *\/\r\n\r\n.hoke-faq-item{\r\n    border:1px solid #dfe5ec;\r\n    background:#fff;\r\n    border-radius:6px;\r\n    overflow:hidden;\r\n    transition:.2s ease;\r\n}\r\n\r\n.hoke-faq-item:hover{\r\n    border-color:#cbd4df;\r\n    box-shadow:0 6px 20px rgba(8,38,78,.05);\r\n}\r\n\r\n.hoke-faq-question{\r\n    width:100%;\r\n    min-height:64px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:18px;\r\n\r\n    padding:17px 20px;\r\n\r\n    border:0;\r\n    background:#fff;\r\n\r\n    color:#08264e;\r\n\r\n    text-align:left;\r\n    cursor:pointer;\r\n\r\n    font-family:inherit;\r\n    font-size:14px;\r\n    line-height:1.35;\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-faq-plus{\r\n    width:28px;\r\n    height:28px;\r\n    flex:0 0 28px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#f4f6f9;\r\n    color:#e3181f;\r\n\r\n    font-size:20px;\r\n    line-height:1;\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n.hoke-faq-item.active .hoke-faq-plus{\r\n    transform:rotate(45deg);\r\n    background:#e3181f;\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CEVAP\r\n========================================================= *\/\r\n\r\n.hoke-faq-answer{\r\n    max-height:0;\r\n    overflow:hidden;\r\n\r\n    transition:max-height .35s ease;\r\n}\r\n\r\n.hoke-faq-answer-inner{\r\n    padding:0 20px 19px;\r\n\r\n    color:#5c6674;\r\n\r\n    font-size:12.7px;\r\n    line-height:1.65;\r\n}\r\n\r\n.hoke-faq-item.active .hoke-faq-question{\r\n    color:#e3181f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT CTA\r\n========================================================= *\/\r\n\r\n.hoke-faq-cta{\r\n    margin-top:24px;\r\n\r\n    padding:20px 24px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n\r\n    background:#08264e;\r\n    border-radius:7px;\r\n}\r\n\r\n.hoke-faq-cta-text{\r\n    color:#fff;\r\n    font-size:14px;\r\n    font-weight:700;\r\n}\r\n\r\n.hoke-faq-phone{\r\n    min-height:44px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0 18px;\r\n\r\n    border-radius:25px;\r\n\r\n    background:#e3181f;\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    font-weight:900;\r\n}\r\n\r\n.hoke-faq-phone:hover{\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-faq{\r\n        padding:38px 0;\r\n    }\r\n\r\n    .hoke-faq-inner{\r\n        width:calc(100% - 28px);\r\n    }\r\n\r\n    .hoke-faq-head h2{\r\n        font-size:24px;\r\n    }\r\n\r\n    .hoke-faq-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hoke-faq-question{\r\n        min-height:58px;\r\n        padding:15px 16px;\r\n        font-size:13px;\r\n    }\r\n\r\n    .hoke-faq-answer-inner{\r\n        padding:0 16px 17px;\r\n        font-size:12.3px;\r\n    }\r\n\r\n    .hoke-faq-cta{\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n        text-align:center;\r\n    }\r\n\r\n    .hoke-faq-phone{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hoke-faq\" id=\"sss\">\r\n\r\n    <div class=\"hoke-faq-inner\">\r\n\r\n\r\n        <div class=\"hoke-faq-head\">\r\n\r\n            <div class=\"hoke-faq-kicker\">\r\n                MERAK ED\u0130LENLER\r\n            <\/div>\r\n\r\n            <h2>SIK SORULAN SORULAR<\/h2>\r\n\r\n            <p>\r\n                Su tesisat\u0131, \u00e7at\u0131 aktarma, oluk ve kenet kaplama\r\n                hizmetlerimizle ilgili en s\u0131k sorulan sorular\u0131\r\n                sizin i\u00e7in yan\u0131tlad\u0131k.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hoke-faq-grid\">\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Ankara'n\u0131n hangi il\u00e7elerine hizmet veriyorsunuz?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Yenimahalle merkezli olmak \u00fczere Ankara'n\u0131n\r\n                        t\u00fcm il\u00e7elerinde su tesisat\u0131, \u00e7at\u0131 aktarma,\r\n                        oluk ve kenet kaplama hizmetleri sunuyoruz.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Su tesisat\u0131 hizmetiniz neleri kaps\u0131yor?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Boru de\u011fi\u015fimi, yeni tesisat kurulumu, mevcut\r\n                        tesisat yenileme, bak\u0131m ve onar\u0131m gibi\r\n                        uygulamalarda hizmet veriyoruz.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    \u00c7at\u0131 aktarma i\u015flemi ne zaman gerekir?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Kiremitlerin k\u0131r\u0131lmas\u0131, \u00e7at\u0131 alt\u0131 kaplamas\u0131n\u0131n\r\n                        y\u0131pranmas\u0131, su alma veya \u00e7at\u0131 d\u00fczeninin\r\n                        bozulmas\u0131 gibi durumlarda \u00e7at\u0131 aktarma ve\r\n                        yenileme ihtiyac\u0131 olu\u015fabilir.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Oluk sistemleri i\u00e7in de hizmet veriyor musunuz?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Evet. Ya\u011fmur olu\u011fu ve su tahliye sistemlerinin\r\n                        yenilenmesi ve uygulanmas\u0131 hizmetlerimiz\r\n                        aras\u0131nda yer al\u0131r.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Kenet kaplama hangi yap\u0131larda uygulanabilir?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Kenet kaplama; uygun \u00e7at\u0131 ve cephe y\u00fczeylerinde\r\n                        uzun \u00f6m\u00fcrl\u00fc, dayan\u0131kl\u0131 ve modern bir metal\r\n                        kaplama \u00e7\u00f6z\u00fcm\u00fc olarak uygulanabilir.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Fiyat\u0131 nas\u0131l belirliyorsunuz?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Fiyat; yap\u0131lacak i\u015fin kapsam\u0131na, kullan\u0131lacak\r\n                        malzemeye, uygulama alan\u0131na ve mevcut durumun\r\n                        gerektirdi\u011fi i\u015flemlere g\u00f6re belirlenir.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Apartman ve i\u015f yerlerinde de \u00e7al\u0131\u015f\u0131yor musunuz?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        Evet. Ev, apartman, site, i\u015f yeri, d\u00fckkan ve\r\n                        farkl\u0131 yap\u0131 tiplerinde tesisat ve \u00e7at\u0131\r\n                        uygulamalar\u0131 ger\u00e7ekle\u015ftiriyoruz.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hoke-faq-item\">\r\n\r\n                <button class=\"hoke-faq-question\" type=\"button\">\r\n                    Size nas\u0131l ula\u015fabilirim?\r\n                    <span class=\"hoke-faq-plus\">+<\/span>\r\n                <\/button>\r\n\r\n                <div class=\"hoke-faq-answer\">\r\n                    <div class=\"hoke-faq-answer-inner\">\r\n                        0546 632 64 57 numaral\u0131 telefon hatt\u0131m\u0131zdan\r\n                        bize do\u011frudan ula\u015fabilirsiniz.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hoke-faq-cta\">\r\n\r\n            <div class=\"hoke-faq-cta-text\">\r\n                Sorunuzun cevab\u0131n\u0131 bulamad\u0131n\u0131z m\u0131? Do\u011frudan bize ula\u015f\u0131n.\r\n            <\/div>\r\n\r\n            <a\r\n                class=\"hoke-faq-phone\"\r\n                href=\"tel:+905466326457\">\r\n                0546 632 64 57\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n    const items = document.querySelectorAll(\".hoke-faq-item\");\r\n\r\n    items.forEach(function(item){\r\n\r\n        const button = item.querySelector(\".hoke-faq-question\");\r\n        const answer = item.querySelector(\".hoke-faq-answer\");\r\n\r\n        button.addEventListener(\"click\", function(){\r\n\r\n            const isOpen = item.classList.contains(\"active\");\r\n\r\n            items.forEach(function(otherItem){\r\n\r\n                otherItem.classList.remove(\"active\");\r\n\r\n                const otherAnswer =\r\n                    otherItem.querySelector(\".hoke-faq-answer\");\r\n\r\n                otherAnswer.style.maxHeight = null;\r\n\r\n            });\r\n\r\n            if(!isOpen){\r\n\r\n                item.classList.add(\"active\");\r\n\r\n                answer.style.maxHeight =\r\n                    answer.scrollHeight + \"px\";\r\n\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   FAQ HOVER \/ ACTIVE YAZI RENG\u0130 D\u00dcZELTMES\u0130\r\n========================================= *\/\r\n\r\n\/* Hover s\u0131ras\u0131nda ba\u015fl\u0131k lacivert kals\u0131n *\/\r\n.hoke-faq-question:hover{\r\n    color:#08264e !important;\r\n    background:#ffffff !important;\r\n}\r\n\r\n\/* A\u00e7\u0131k olan soruda arka plan k\u0131rm\u0131z\u0131ysa yaz\u0131 beyaz olsun *\/\r\n.hoke-faq-item.active .hoke-faq-question{\r\n    background:#e3181f !important;\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* A\u00e7\u0131k sorudaki + i\u015fareti *\/\r\n.hoke-faq-item.active .hoke-faq-plus{\r\n    background:#ffffff !important;\r\n    color:#e3181f !important;\r\n}\r\n\r\n\/* Hover a\u00e7\u0131k soruyu bozmas\u0131n *\/\r\n.hoke-faq-item.active .hoke-faq-question:hover{\r\n    background:#e3181f !important;\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Normal kapal\u0131 soruda + *\/\r\n.hoke-faq-item:not(.active) .hoke-faq-plus{\r\n    background:#f3f5f8 !important;\r\n    color:#e3181f !important;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FAQ + \u0130LET\u0130\u015e\u0130M\r\n   ELEMENTOR DAR KONTEYNERDEN \u00c7IKARMA - FINAL\r\n========================================================= *\/\r\n\r\n\/* ---------------------------------------------------------\r\n   FAQ B\u00d6L\u00dcM\u00dcN\u00dc 1280PX ANA HATTA \u00c7IKAR\r\n--------------------------------------------------------- *\/\r\n\r\n.hoke-faq{\r\n    width:min(1280px, calc(100vw - 48px)) !important;\r\n    max-width:none !important;\r\n\r\n    position:relative !important;\r\n\r\n    left:50% !important;\r\n    transform:translateX(-50%) !important;\r\n\r\n    margin-left:0 !important;\r\n    margin-right:0 !important;\r\n\r\n    padding:50px 0 !important;\r\n\r\n    background:#ffffff !important;\r\n}\r\n\r\n\r\n\/* FAQ i\u00e7 konteyner art\u0131k d\u0131\u015f b\u00f6l\u00fcm\u00fc tamamen kullans\u0131n *\/\r\n\r\n.hoke-faq-inner{\r\n    width:100% !important;\r\n    max-width:none !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    position:static !important;\r\n    left:auto !important;\r\n    transform:none !important;\r\n}\r\n\r\n\r\n\/* FAQ kart alan\u0131 *\/\r\n\r\n.hoke-faq-grid,\r\n.hoke-faq-cta{\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   \u0130LET\u0130\u015e\u0130M B\u00d6L\u00dcM\u00dcN\u00dc 1280PX ANA HATTA \u00c7IKAR\r\n========================================================= *\/\r\n\r\n.hoke-contact{\r\n    width:min(1280px, calc(100vw - 48px)) !important;\r\n    max-width:none !important;\r\n\r\n    position:relative !important;\r\n\r\n    left:50% !important;\r\n    transform:translateX(-50%) !important;\r\n\r\n    margin-left:0 !important;\r\n    margin-right:0 !important;\r\n\r\n    padding:50px 0 !important;\r\n\r\n    background:#f7f9fc !important;\r\n}\r\n\r\n\r\n\/* ileti\u015fimin i\u00e7 konteynerini %100 yap *\/\r\n\r\n.hoke-contact-inner{\r\n    width:100% !important;\r\n    max-width:none !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    position:static !important;\r\n    left:auto !important;\r\n    transform:none !important;\r\n}\r\n\r\n\r\n\/* ileti\u015fim paneli *\/\r\n\r\n.hoke-contact-panel,\r\n.hoke-contact-bottom{\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n\r\n\/* 3 kolon oran\u0131 *\/\r\n\r\n.hoke-contact-panel{\r\n    grid-template-columns:\r\n        34% 26% 40% !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR WRAPPER TA\u015eMAYI KESMES\u0130N\r\n========================================================= *\/\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html > .elementor-widget-container{\r\n    overflow:visible !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YATAY SCROLL \u00c7IKMASIN\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody{\r\n    overflow-x:hidden !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .hoke-faq,\r\n    .hoke-contact{\r\n        width:calc(100vw - 36px) !important;\r\n    }\r\n\r\n    .hoke-contact-panel{\r\n        grid-template-columns:1fr 1fr !important;\r\n    }\r\n\r\n    .hoke-contact-map{\r\n        grid-column:1 \/ -1 !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .hoke-faq,\r\n    .hoke-contact{\r\n        width:calc(100vw - 28px) !important;\r\n\r\n        padding-top:38px !important;\r\n        padding-bottom:38px !important;\r\n    }\r\n\r\n    .hoke-contact-panel{\r\n        grid-template-columns:1fr !important;\r\n    }\r\n\r\n    .hoke-contact-map{\r\n        grid-column:auto !important;\r\n    }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>YEN\u0130MAHALLE VE ANKARA&#8217;DA PROFESYONEL SU TES\u0130SATI , \u00c7ATI AKTARIM VE KENET KAPLAMA H\u0130ZMETLER\u0130N\u0130 SUNUYORUZ. Ankara\u2019n\u0131n t\u00fcm il\u00e7elerinde; ev, i\u015f yeri, d\u00fckkan ve binalarda su tesisat\u0131, \u00e7at\u0131 aktarma, oluk i\u015fleri ve kenet kaplama hizmetlerinde uzman ekibimizle kal\u0131c\u0131 ve g\u00fcvenilir \u00e7\u00f6z\u00fcmler sunuyoruz. HEMEN ARA 0546 632 64 57 UZMAN KADRO Alan\u0131nda deneyimli profesyonel ekip KAL\u0130TEL\u0130 MALZEME Birinci [&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-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":73,"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/www.yenimahallesutesisati.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}