{"id":71,"date":"2026-09-15T10:39:00","date_gmt":"2026-09-15T10:39:00","guid":{"rendered":"https:\/\/icec-egypt.com\/?page_id=71"},"modified":"2026-09-17T10:50:56","modified_gmt":"2026-09-17T10:50:56","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/icec-egypt.com\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row stretch_row_content td-stretch-content\"><div class=\"vc_row tdi_4  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_4{\nmargin-top:-100px !important;\n--tdb-scroll-anim:none !important;\n}\n\n.tdi_4 .td_block_wrap{ text-align:left }\n\n<\/style><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_8 \">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_8{\nmargin-bottom:-50px !important;\n--tdb-scroll-anim:none !important;\n}\n\n<\/style><div class=\"td-fix-index\">\n<!-- ================================\n     ZILLA \/ ENGINEERING WEBSITE\n     WORDPRESS - ONE HTML BLOCK\n     RTL + CAIRO FONT\n================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<div class=\"kk-page\" dir=\"rtl\" lang=\"ar\">\n\n<style>\n\n\/* =========================================\n   FONT - FORCE CAIRO\n========================================= *\/\n\n.kk-page,\n.kk-page *,\n.kk-page h1,\n.kk-page h2,\n.kk-page h3,\n.kk-page h4,\n.kk-page h5,\n.kk-page h6,\n.kk-page p,\n.kk-page span,\n.kk-page a,\n.kk-page li,\n.kk-page button,\n.kk-page input,\n.kk-page textarea,\n.kk-page label,\n.kk-page strong,\n.kk-page div {\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n\/* =========================================\n   GLOBAL\n========================================= *\/\n\n.kk-page {\n    --kk-navy:#102649;\n    --kk-navy-2:#18365f;\n    --kk-blue:#4dc8ed;\n    --kk-light-blue:#eaf8fc;\n    --kk-white:#ffffff;\n    --kk-dark:#182433;\n    --kk-text:#657080;\n    --kk-light:#f5f7f9;\n    --kk-border:#e5e9ee;\n    --kk-radius:20px;\n    --kk-shadow:0 15px 45px rgba(16,38,73,.10);\n\n    direction:rtl !important;\n    text-align:right !important;\n\n    width:100% !important;\n    max-width:100% !important;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    overflow:hidden !important;\n\n    background:#fff !important;\n    color:var(--kk-dark) !important;\n\n    font-family:\"Cairo\",sans-serif !important;\n    font-size:16px !important;\n    line-height:1.8 !important;\n\n    box-sizing:border-box !important;\n}\n\n.kk-page *,\n.kk-page *::before,\n.kk-page *::after {\n    box-sizing:border-box !important;\n}\n\n.kk-page img {\n    max-width:100% !important;\n    height:auto;\n    display:block;\n}\n\n.kk-page a {\n    text-decoration:none !important;\n    color:inherit;\n}\n\n.kk-page button {\n    border:0;\n    cursor:pointer;\n}\n\n.kk-container {\n    width:min(1200px,92%) !important;\n    margin:0 auto !important;\n}\n\n\/* =========================================\n   SECTIONS\n========================================= *\/\n\n.kk-section {\n    padding:90px 0 !important;\n    position:relative;\n}\n\n.kk-section--light {\n    background:#f5f7f9 !important;\n}\n\n.kk-section--blue {\n    background:var(--kk-navy) !important;\n    color:#fff !important;\n}\n\n\/* =========================================\n   SECTION TITLE\n========================================= *\/\n\n.kk-section-head {\n    max-width:760px;\n    margin:0 auto 55px;\n    text-align:center !important;\n}\n\n.kk-section-kicker {\n    color:var(--kk-blue) !important;\n    font-size:15px !important;\n    font-weight:800 !important;\n    margin-bottom:8px !important;\n}\n\n.kk-section-title {\n    margin:0 0 15px !important;\n    color:var(--kk-navy) !important;\n    font-size:38px !important;\n    line-height:1.3 !important;\n    font-weight:900 !important;\n}\n\n.kk-section--blue .kk-section-title {\n    color:#fff !important;\n}\n\n.kk-section-desc {\n    margin:0 !important;\n    color:var(--kk-text) !important;\n    font-size:16px !important;\n    line-height:2 !important;\n}\n\n.kk-section--blue .kk-section-desc {\n    color:rgba(255,255,255,.75) !important;\n}\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n.kk-btn {\n    display:inline-flex !important;\n    align-items:center !important;\n    justify-content:center !important;\n\n    min-height:52px !important;\n    padding:10px 28px !important;\n\n    border-radius:10px !important;\n\n    font-size:15px !important;\n    font-weight:800 !important;\n\n    transition:.3s ease !important;\n}\n\n.kk-btn--primary {\n    background:var(--kk-blue) !important;\n    color:#102649 !important;\n}\n\n.kk-btn--primary:hover {\n    transform:translateY(-3px);\n    box-shadow:0 12px 25px rgba(77,200,237,.25);\n}\n\n.kk-btn--outline {\n    border:1px solid rgba(255,255,255,.5) !important;\n    color:#fff !important;\n    background:transparent !important;\n}\n\n.kk-btn--outline:hover {\n    background:#fff !important;\n    color:var(--kk-navy) !important;\n}\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.kk-hero {\n    min-height:620px !important;\n\n    position:relative !important;\n\n    display:flex !important;\n    align-items:center !important;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(16,38,73,.94),\n            rgba(16,38,73,.72)\n        ),\n        url(\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=85\")\n        center\/cover no-repeat !important;\n\n    color:#fff !important;\n}\n\n.kk-hero-inner {\n    width:min(1200px,92%) !important;\n    margin:auto !important;\n}\n\n.kk-hero-content {\n    max-width:720px !important;\n}\n\n.kk-hero-kicker {\n    color:var(--kk-blue) !important;\n    font-size:16px !important;\n    font-weight:800 !important;\n    margin-bottom:15px !important;\n}\n\n.kk-hero-title {\n    margin:0 0 20px !important;\n\n    color:#fff !important;\n\n    font-size:58px !important;\n    line-height:1.25 !important;\n    font-weight:900 !important;\n}\n\n.kk-hero-text {\n    max-width:650px !important;\n\n    color:rgba(255,255,255,.85) !important;\n\n    font-size:18px !important;\n    line-height:2 !important;\n\n    margin:0 0 30px !important;\n}\n\n.kk-hero-buttons {\n    display:flex !important;\n    gap:14px !important;\n    flex-wrap:wrap !important;\n}\n\n\/* =========================================\n   ABOUT\n========================================= *\/\n\n.kk-about-grid {\n    display:grid !important;\n    grid-template-columns:1fr 1fr !important;\n    gap:70px !important;\n    align-items:center !important;\n}\n\n.kk-about-image {\n    position:relative !important;\n}\n\n.kk-about-image img {\n    width:100% !important;\n    height:520px !important;\n\n    object-fit:cover !important;\n\n    border-radius:22px !important;\n}\n\n.kk-about-badge {\n    position:absolute !important;\n\n    left:-25px !important;\n    bottom:30px !important;\n\n    background:var(--kk-blue) !important;\n    color:var(--kk-navy) !important;\n\n    padding:20px 25px !important;\n\n    border-radius:15px !important;\n\n    font-weight:900 !important;\n\n    box-shadow:var(--kk-shadow);\n}\n\n.kk-about-content {\n    padding-right:10px;\n}\n\n.kk-about-title {\n    margin:0 0 20px !important;\n\n    font-size:38px !important;\n    line-height:1.4 !important;\n\n    color:var(--kk-navy) !important;\n    font-weight:900 !important;\n}\n\n.kk-about-text {\n    margin:0 0 18px !important;\n\n    color:var(--kk-text) !important;\n    line-height:2 !important;\n}\n\n.kk-about-list {\n    list-style:none !important;\n    padding:0 !important;\n    margin:25px 0 !important;\n}\n\n.kk-about-list li {\n    position:relative !important;\n\n    padding-right:30px !important;\n    margin-bottom:12px !important;\n\n    color:var(--kk-dark) !important;\n    font-weight:600 !important;\n}\n\n.kk-about-list li::before {\n    content:\"\u2713\";\n\n    position:absolute !important;\n    right:0 !important;\n    top:1px !important;\n\n    width:22px !important;\n    height:22px !important;\n\n    display:flex !important;\n    align-items:center !important;\n    justify-content:center !important;\n\n    border-radius:50% !important;\n\n    background:var(--kk-blue) !important;\n    color:var(--kk-navy) !important;\n\n    font-size:13px !important;\n    font-weight:900 !important;\n}\n\n\/* =========================================\n   SERVICES\n========================================= *\/\n\n.kk-services-grid {\n    display:grid !important;\n\n    grid-template-columns:\n        repeat(3,1fr) !important;\n\n    gap:24px !important;\n}\n\n.kk-service-card {\n    background:#fff !important;\n\n    border:1px solid var(--kk-border) !important;\n\n    border-radius:var(--kk-radius) !important;\n\n    padding:35px 30px !important;\n\n    box-shadow:0 10px 30px rgba(16,38,73,.05);\n\n    transition:.3s ease !important;\n\n    position:relative !important;\n    overflow:hidden !important;\n}\n\n.kk-service-card::before {\n    content:\"\";\n\n    position:absolute !important;\n\n    top:0 !important;\n    right:0 !important;\n\n    width:100% !important;\n    height:4px !important;\n\n    background:var(--kk-blue) !important;\n\n    transform:scaleX(0) !important;\n    transform-origin:right !important;\n\n    transition:.3s ease !important;\n}\n\n.kk-service-card:hover {\n    transform:translateY(-8px) !important;\n    box-shadow:var(--kk-shadow);\n}\n\n.kk-service-card:hover::before {\n    transform:scaleX(1) !important;\n}\n\n.kk-service-icon {\n    width:65px !important;\n    height:65px !important;\n\n    display:flex !important;\n    align-items:center !important;\n    justify-content:center !important;\n\n    border-radius:16px !important;\n\n    background:var(--kk-light-blue) !important;\n    color:var(--kk-navy) !important;\n\n    font-size:28px !important;\n\n    margin-bottom:22px !important;\n}\n\n.kk-service-card h3 {\n    margin:0 0 12px !important;\n\n    color:var(--kk-navy) !important;\n\n    font-size:21px !important;\n    font-weight:900 !important;\n}\n\n.kk-service-card p {\n    margin:0 !important;\n\n    color:var(--kk-text) !important;\n\n    font-size:15px !important;\n    line-height:2 !important;\n}\n\n\/* =========================================\n   PROJECTS\n========================================= *\/\n\n.kk-project-filters {\n    display:flex !important;\n    justify-content:center !important;\n    gap:10px !important;\n    flex-wrap:wrap !important;\n\n    margin-bottom:35px !important;\n}\n\n.kk-filter {\n    padding:9px 22px !important;\n\n    background:#fff !important;\n\n    border:1px solid var(--kk-border) !important;\n\n    border-radius:50px !important;\n\n    color:var(--kk-text) !important;\n\n    font-family:\"Cairo\",sans-serif !important;\n\n    font-size:14px !important;\n    font-weight:700 !important;\n}\n\n.kk-filter.active,\n.kk-filter:hover {\n    background:var(--kk-navy) !important;\n    border-color:var(--kk-navy) !important;\n    color:#fff !important;\n}\n\n.kk-projects-grid {\n    display:grid !important;\n\n    grid-template-columns:\n        repeat(3,1fr) !important;\n\n    gap:25px !important;\n}\n\n.kk-project-card {\n    background:#fff !important;\n\n    border-radius:18px !important;\n\n    overflow:hidden !important;\n\n    box-shadow:0 10px 35px rgba(16,38,73,.08) !important;\n\n    transition:.3s ease !important;\n}\n\n.kk-project-card:hover {\n    transform:translateY(-7px) !important;\n}\n\n.kk-project-image {\n    position:relative !important;\n    height:250px !important;\n}\n\n.kk-project-image img {\n    width:100% !important;\n    height:100% !important;\n\n    object-fit:cover !important;\n}\n\n.kk-project-label {\n    position:absolute !important;\n\n    top:15px !important;\n    right:15px !important;\n\n    background:var(--kk-blue) !important;\n    color:var(--kk-navy) !important;\n\n    padding:5px 13px !important;\n\n    border-radius:50px !important;\n\n    font-size:12px !important;\n    font-weight:900 !important;\n}\n\n.kk-project-info {\n    padding:22px !important;\n}\n\n.kk-project-info h3 {\n    margin:0 0 7px !important;\n\n    font-size:20px !important;\n\n    color:var(--kk-navy) !important;\n\n    font-weight:900 !important;\n}\n\n.kk-project-info p {\n    margin:0 !important;\n\n    color:var(--kk-text) !important;\n\n    font-size:14px !important;\n}\n\n\/* =========================================\n   STATS\n========================================= *\/\n\n.kk-stats {\n    background:\n        linear-gradient(\n            135deg,\n            #102649,\n            #18365f\n        ) !important;\n\n    padding:75px 0 !important;\n\n    color:#fff !important;\n}\n\n.kk-stats-grid {\n    display:grid !important;\n\n    grid-template-columns:\n        repeat(4,1fr) !important;\n\n    gap:25px !important;\n}\n\n.kk-stat {\n    text-align:center !important;\n\n    padding:20px !important;\n\n    border-left:1px solid rgba(255,255,255,.12);\n}\n\n.kk-stat:last-child {\n    border-left:0;\n}\n\n.kk-stat-number {\n    color:var(--kk-blue) !important;\n\n    font-size:48px !important;\n\n    line-height:1 !important;\n\n    font-weight:900 !important;\n\n    margin-bottom:12px !important;\n}\n\n.kk-stat-label {\n    color:rgba(255,255,255,.8) !important;\n\n    font-size:15px !important;\n\n    font-weight:700 !important;\n}\n\n\/* =========================================\n   WHY US\n========================================= *\/\n\n.kk-why-grid {\n    display:grid !important;\n\n    grid-template-columns:\n        1fr 1fr !important;\n\n    gap:70px !important;\n\n    align-items:center !important;\n}\n\n.kk-why-image img {\n    width:100% !important;\n\n    height:520px !important;\n\n    object-fit:cover !important;\n\n    border-radius:22px !important;\n}\n\n.kk-why-items {\n    display:grid !important;\n\n    gap:20px !important;\n}\n\n.kk-why-item {\n    display:flex !important;\n\n    gap:18px !important;\n\n    align-items:flex-start !important;\n}\n\n.kk-why-item-icon {\n    min-width:55px !important;\n    width:55px !important;\n    height:55px !important;\n\n    display:flex !important;\n    align-items:center !important;\n    justify-content:center !important;\n\n    border-radius:14px !important;\n\n    background:var(--kk-light-blue) !important;\n\n    color:var(--kk-navy) !important;\n\n    font-size:22px !important;\n}\n\n.kk-why-item h3 {\n    margin:0 0 5px !important;\n\n    font-size:18px !important;\n\n    color:var(--kk-navy) !important;\n\n    font-weight:900 !important;\n}\n\n.kk-why-item p {\n    margin:0 !important;\n\n    color:var(--kk-text) !important;\n\n    font-size:14px !important;\n\n    line-height:1.9 !important;\n}\n\n\/* =========================================\n   TESTIMONIALS\n========================================= *\/\n\n.kk-testimonials-grid {\n    display:grid !important;\n\n    grid-template-columns:\n        repeat(3,1fr) !important;\n\n    gap:24px !important;\n}\n\n.kk-testimonial {\n    background:#fff !important;\n\n    border:1px solid var(--kk-border) !important;\n\n    border-radius:18px !important;\n\n    padding:30px !important;\n\n    box-shadow:0 10px 30px rgba(16,38,73,.05) !important;\n}\n\n.kk-stars {\n    color:#f6b800 !important;\n\n    font-size:19px !important;\n\n    margin-bottom:15px !important;\n\n    letter-spacing:2px !important;\n}\n\n.kk-testimonial p {\n    margin:0 0 25px !important;\n\n    color:var(--kk-text) !important;\n\n    font-size:15px !important;\n\n    line-height:2 !important;\n}\n\n.kk-client {\n    display:flex !important;\n\n    align-items:center !important;\n\n    gap:12px !important;\n}\n\n.kk-client-avatar {\n    width:45px !important;\n    height:45px !important;\n\n    border-radius:50% !important;\n\n    background:var(--kk-navy) !important;\n\n    color:#fff !important;\n\n    display:flex !important;\n    align-items:center !important;\n    justify-content:center !important;\n\n    font-weight:900 !important;\n}\n\n.kk-client strong {\n    display:block !important;\n\n    color:var(--kk-navy) !important;\n\n    font-size:14px !important;\n}\n\n.kk-client span {\n    display:block !important;\n\n    color:#8993a0 !important;\n\n    font-size:12px !important;\n}\n\n\/* =========================================\n   CLIENTS\n========================================= *\/\n\n.kk-clients {\n    padding:70px 0 !important;\n\n    background:#fff !important;\n}\n\n.kk-clients-grid {\n    display:grid !important;\n\n    grid-template-columns:\n        repeat(5,1fr) !important;\n\n    gap:20px !important;\n}\n\n.kk-client-logo {\n    min-height:90px !important;\n\n    border:1px solid var(--kk-border) !important;\n\n    border-radius:15px !important;\n\n    display:flex !important;\n\n    align-items:center !important;\n    justify-content:center !important;\n\n    color:#788494 !important;\n\n    font-size:17px !important;\n\n    font-weight:900 !important;\n\n    transition:.3s ease !important;\n}\n\n.kk-client-logo:hover {\n    border-color:var(--kk-blue) !important;\n\n    color:var(--kk-navy) !important;\n\n    transform:translateY(-4px) !important;\n}\n\n\/* =========================================\n   CTA\n========================================= *\/\n\n.kk-cta {\n    padding:80px 0 !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            #102649,\n            #18365f\n        ) !important;\n\n    color:#fff !important;\n}\n\n.kk-cta-inner {\n    display:flex !important;\n\n    align-items:center !important;\n\n    justify-content:space-between !important;\n\n    gap:30px !important;\n}\n\n.kk-cta-title {\n    margin:0 0 10px !important;\n\n    color:#fff !important;\n\n    font-size:35px !important;\n\n    font-weight:900 !important;\n}\n\n.kk-cta-text {\n    margin:0 !important;\n\n    color:rgba(255,255,255,.75) !important;\n}\n\n.kk-cta-actions {\n    display:flex !important;\n\n    gap:12px !important;\n\n    flex-shrink:0 !important;\n}\n\n\/* =========================================\n   ANIMATION\n========================================= *\/\n\n.kk-reveal {\n    opacity:0 !important;\n\n    transform:translateY(25px) !important;\n\n    transition:\n        opacity .7s ease,\n        transform .7s ease !important;\n}\n\n.kk-visible {\n    opacity:1 !important;\n\n    transform:none !important;\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width:1100px) {\n\n    .kk-hero-title {\n        font-size:50px !important;\n    }\n\n    .kk-services-grid,\n    .kk-projects-grid,\n    .kk-testimonials-grid {\n        grid-template-columns:\n            repeat(2,1fr) !important;\n    }\n\n    .kk-clients-grid {\n        grid-template-columns:\n            repeat(3,1fr) !important;\n    }\n\n}\n\n\/* =========================================\n   TABLET \/ SMALL LAPTOP\n========================================= *\/\n\n@media (max-width:850px) {\n\n    .kk-section {\n        padding:70px 0 !important;\n    }\n\n    .kk-about-grid,\n    .kk-why-grid {\n        grid-template-columns:1fr !important;\n\n        gap:40px !important;\n    }\n\n    .kk-about-image img,\n    .kk-why-image img {\n        height:430px !important;\n    }\n\n    .kk-about-badge {\n        left:20px !important;\n    }\n\n    .kk-stats-grid {\n        grid-template-columns:\n            repeat(2,1fr) !important;\n    }\n\n    .kk-stat:nth-child(2) {\n        border-left:0;\n    }\n\n    .kk-cta-inner {\n        flex-direction:column !important;\n\n        align-items:flex-start !important;\n    }\n\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width:600px) {\n\n    .kk-container {\n        width:90% !important;\n    }\n\n    .kk-section {\n        padding:55px 0 !important;\n    }\n\n    .kk-section-title {\n        font-size:29px !important;\n    }\n\n    .kk-section-desc {\n        font-size:14px !important;\n    }\n\n    .kk-hero {\n        min-height:570px !important;\n    }\n\n    .kk-hero-inner {\n        width:90% !important;\n    }\n\n    .kk-hero-title {\n        font-size:40px !important;\n    }\n\n    .kk-hero-text {\n        font-size:15px !important;\n    }\n\n    .kk-hero-buttons {\n        flex-direction:column !important;\n\n        align-items:stretch !important;\n    }\n\n    .kk-btn {\n        width:100% !important;\n    }\n\n    .kk-services-grid,\n    .kk-projects-grid,\n    .kk-testimonials-grid,\n    .kk-about-grid,\n    .kk-why-grid {\n        grid-template-columns:1fr !important;\n    }\n\n    .kk-project-image {\n        height:230px !important;\n    }\n\n    .kk-stats-grid {\n        grid-template-columns:\n            repeat(2,1fr) !important;\n\n        gap:10px !important;\n    }\n\n    .kk-stat {\n        border-left:0 !important;\n\n        border-bottom:\n            1px solid rgba(255,255,255,.12) !important;\n    }\n\n    .kk-stat-number {\n        font-size:38px !important;\n    }\n\n    .kk-clients-grid {\n        grid-template-columns:\n            repeat(2,1fr) !important;\n    }\n\n    .kk-cta-inner {\n        align-items:stretch !important;\n    }\n\n    .kk-cta-title {\n        font-size:28px !important;\n    }\n\n    .kk-cta-actions {\n        flex-direction:column !important;\n    }\n\n}\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width:380px) {\n\n    .kk-hero-title {\n        font-size:34px !important;\n    }\n\n    .kk-section-title {\n        font-size:26px !important;\n    }\n\n    .kk-stats-grid {\n        grid-template-columns:1fr !important;\n    }\n\n    .kk-clients-grid {\n        grid-template-columns:1fr !important;\n    }\n\n}\n\n\/* =========================================\n   WORDPRESS OVERRIDE\n========================================= *\/\n\nbody:has(.kk-page) {\n    overflow-x:hidden !important;\n}\n\nbody:has(.kk-page) .kk-page {\n    font-family:\"Cairo\",sans-serif !important;\n}\n\n<\/style>\n\n\n<!-- =========================================\n     HERO\n========================================= -->\n\n<section class=\"kk-hero\">\n\n    <div class=\"kk-hero-inner\">\n\n        <div class=\"kk-hero-content kk-reveal\">\n\n            <div class=\"kk-hero-kicker\">\n                \u062e\u0628\u0631\u0629 \u2022 \u062c\u0648\u062f\u0629 \u2022 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\n            <\/div>\n\n            <h1 class=\"kk-hero-title\">\n                \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629\n                <br>\n                \u0628\u062c\u0648\u062f\u0629 \u0648\u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u064a\u0629\n            <\/h1>\n\n            <p class=\"kk-hero-text\">\n                \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629\u060c\n                \u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0639\u0644\u0649\n                \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639\u0647\u0645 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631.\n            <\/p>\n\n            <div class=\"kk-hero-buttons\">\n\n                <a href=\"#kk-services\" class=\"kk-btn kk-btn--primary\">\n                    \u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n                <\/a>\n\n                <a href=\"#kk-contact\" class=\"kk-btn kk-btn--outline\">\n                    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     ABOUT\n========================================= -->\n\n<section class=\"kk-section\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-about-grid\">\n\n            <div class=\"kk-about-image kk-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1000&q=85\"\n                    alt=\"\u0645\u0634\u0627\u0631\u064a\u0639 \u0647\u0646\u062f\u0633\u064a\u0629\">\n\n                <div class=\"kk-about-badge\">\n                    \u0623\u0643\u062b\u0631 \u0645\u0646 30 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-about-content kk-reveal\">\n\n                <div class=\"kk-section-kicker\">\n                    \u0645\u0646 \u0646\u062d\u0646\n                <\/div>\n\n                <h2 class=\"kk-about-title\">\n                    \u062e\u0628\u0631\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0635\u0646\u0639\n                    <br>\n                    \u0641\u0631\u0642\u0627\u064b \u062d\u0642\u064a\u0642\u064a\u0627\u064b\n                <\/h2>\n\n                <p class=\"kk-about-text\">\n                    \u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\n                    \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0648\u0646\u0639\u0645\u0644 \u0639\u0644\u0649\n                    \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\n                    \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n                <p class=\"kk-about-text\">\n                    \u0646\u0624\u0645\u0646 \u0623\u0646 \u0646\u062c\u0627\u062d \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u064a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n                    \u0627\u0644\u0635\u062d\u064a\u062d\u060c \u0648\u064a\u0646\u062a\u0647\u064a \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631\n                    \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629.\n                <\/p>\n\n                <ul class=\"kk-about-list\">\n\n                    <li>\n                        \u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n                    <\/li>\n\n                    <li>\n                        \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\n                    <\/li>\n\n                    <li>\n                        \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n                    <\/li>\n\n                    <li>\n                        \u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635\n                    <\/li>\n\n                <\/ul>\n\n                <a href=\"#\" class=\"kk-btn kk-btn--primary\">\n                    \u062a\u0639\u0631\u0641 \u0639\u0644\u064a\u0646\u0627 \u0623\u0643\u062b\u0631\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     SERVICES\n========================================= -->\n\n<section class=\"kk-section kk-section--light\" id=\"kk-services\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-section-head kk-reveal\">\n\n            <div class=\"kk-section-kicker\">\n                \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n            <\/div>\n\n            <h2 class=\"kk-section-title\">\n                \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\n            <\/h2>\n\n            <p class=\"kk-section-desc\">\n                \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f\u0643\n                \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639\u0643 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"kk-services-grid\">\n\n\n            <div class=\"kk-service-card kk-reveal\">\n\n                <div class=\"kk-service-icon\">\n                    \ud83c\udfd7\ufe0f\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n                <\/h3>\n\n                <p>\n                    \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n                    \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629\n                    \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kk-service-card kk-reveal\">\n\n                <div class=\"kk-service-icon\">\n                    \ud83d\udcd0\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n                <\/h3>\n\n                <p>\n                    \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u062d\u0642\u0642\n                    \u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u063a\u0644\u0627\u0644 \u0644\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0648\u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kk-service-card kk-reveal\">\n\n                <div class=\"kk-service-icon\">\n                    \ud83c\udfe2\n                <\/div>\n\n                <h3>\n                    \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a\n                <\/h3>\n\n                <p>\n                    \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kk-service-card kk-reveal\">\n\n                <div class=\"kk-service-icon\">\n                    \ud83d\udd27\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                <\/h3>\n\n                <p>\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646\n                    \u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0644\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kk-service-card kk-reveal\">\n\n                <div class=\"kk-service-icon\">\n                    \ud83d\udca1\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0641\u0646\u064a\u0629\n                <\/h3>\n\n                <p>\n                    \u062d\u0644\u0648\u0644 \u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n                    \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kk-service-card kk-reveal\">\n\n                <div class=\"kk-service-icon\">\n                    \ud83d\udcca\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n                <\/h3>\n\n                <p>\n                    \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0641\u0646\u064a\u0629\n                    \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     PROJECTS\n========================================= -->\n\n<section class=\"kk-section\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-section-head kk-reveal\">\n\n            <div class=\"kk-section-kicker\">\n                \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627\n            <\/div>\n\n            <h2 class=\"kk-section-title\">\n                \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627\n            <\/h2>\n\n            <p class=\"kk-section-desc\">\n                \u0646\u0633\u062a\u0639\u0631\u0636 \u0647\u0646\u0627 \u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u062a\u064a\n                \u0642\u0645\u0646\u0627 \u0628\u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u0623\u0648 \u0646\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627 \u062d\u0627\u0644\u064a\u0627\u064b.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"kk-project-filters\">\n\n            <button class=\"kk-filter active\" data-filter=\"all\">\n                \u0643\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            <\/button>\n\n            <button class=\"kk-filter\" data-filter=\"completed\">\n                \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0643\u062a\u0645\u0644\u0629\n            <\/button>\n\n            <button class=\"kk-filter\" data-filter=\"ongoing\">\n                \u0645\u0634\u0627\u0631\u064a\u0639 \u062c\u0627\u0631\u064a\u0629\n            <\/button>\n\n        <\/div>\n\n\n        <div class=\"kk-projects-grid\">\n\n\n            <div class=\"kk-project-card kk-reveal\"\n                 data-category=\"completed\">\n\n                <div class=\"kk-project-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=85\"\n                        alt=\"\u0645\u0634\u0631\u0648\u0639 \u0625\u062f\u0627\u0631\u064a\">\n\n                    <div class=\"kk-project-label\">\n                        \u0645\u0643\u062a\u0645\u0644\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"kk-project-info\">\n\n                    <h3>\n                        \u0645\u0634\u0631\u0648\u0639 \u0625\u062f\u0627\u0631\u064a\n                    <\/h3>\n\n                    <p>\n                        \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0634\u0631\u0627\u0641 \u0647\u0646\u062f\u0633\u064a \u0645\u062a\u0643\u0627\u0645\u0644\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-project-card kk-reveal\"\n                 data-category=\"ongoing\">\n\n                <div class=\"kk-project-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1000&q=85\"\n                        alt=\"\u0645\u0634\u0631\u0648\u0639 \u062a\u062c\u0627\u0631\u064a\">\n\n                    <div class=\"kk-project-label\">\n                        \u062c\u0627\u0631\u064a\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"kk-project-info\">\n\n                    <h3>\n                        \u0645\u0634\u0631\u0648\u0639 \u062a\u062c\u0627\u0631\u064a\n                    <\/h3>\n\n                    <p>\n                        \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-project-card kk-reveal\"\n                 data-category=\"completed\">\n\n                <div class=\"kk-project-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=1000&q=85\"\n                        alt=\"\u0645\u0634\u0631\u0648\u0639 \u0633\u0643\u0646\u064a\">\n\n                    <div class=\"kk-project-label\">\n                        \u0645\u0643\u062a\u0645\u0644\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"kk-project-info\">\n\n                    <h3>\n                        \u0645\u0634\u0631\u0648\u0639 \u0633\u0643\u0646\u064a\n                    <\/h3>\n\n                    <p>\n                        \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0634\u0631\u0627\u0641\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-project-card kk-reveal\"\n                 data-category=\"ongoing\">\n\n                <div class=\"kk-project-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1000&q=85\"\n                        alt=\"\u0645\u062c\u0645\u0639 \u0633\u0643\u0646\u064a\">\n\n                    <div class=\"kk-project-label\">\n                        \u062c\u0627\u0631\u064a\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"kk-project-info\">\n\n                    <h3>\n                        \u0645\u062c\u0645\u0639 \u0633\u0643\u0646\u064a\n                    <\/h3>\n\n                    <p>\n                        \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-project-card kk-reveal\"\n                 data-category=\"completed\">\n\n                <div class=\"kk-project-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1000&q=85\"\n                        alt=\"\u0641\u064a\u0644\u0627 \u0633\u0643\u0646\u064a\u0629\">\n\n                    <div class=\"kk-project-label\">\n                        \u0645\u0643\u062a\u0645\u0644\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"kk-project-info\">\n\n                    <h3>\n                        \u0641\u064a\u0644\u0627 \u0633\u0643\u0646\u064a\u0629\n                    <\/h3>\n\n                    <p>\n                        \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0634\u0631\u0627\u0641 \u0643\u0627\u0645\u0644\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-project-card kk-reveal\"\n                 data-category=\"ongoing\">\n\n                <div class=\"kk-project-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1000&q=85\"\n                        alt=\"\u0645\u0628\u0646\u0649 \u0625\u062f\u0627\u0631\u064a\">\n\n                    <div class=\"kk-project-label\">\n                        \u062c\u0627\u0631\u064a\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"kk-project-info\">\n\n                    <h3>\n                        \u0645\u0628\u0646\u0649 \u0625\u062f\u0627\u0631\u064a\n                    <\/h3>\n\n                    <p>\n                        \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     STATS\n========================================= -->\n\n<section class=\"kk-stats\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-stats-grid\">\n\n\n            <div class=\"kk-stat\">\n\n                <div class=\"kk-stat-number\"\n                     data-number=\"20\">\n                    0\n                <\/div>\n\n                <div class=\"kk-stat-label\">\n                    \u0639\u0645\u064a\u0644\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-stat\">\n\n                <div class=\"kk-stat-number\"\n                     data-number=\"250\">\n                    0\n                <\/div>\n\n                <div class=\"kk-stat-label\">\n                    \u0645\u0634\u0631\u0648\u0639\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-stat\">\n\n                <div class=\"kk-stat-number\"\n                     data-number=\"30\">\n                    0\n                <\/div>\n\n                <div class=\"kk-stat-label\">\n                    \u0633\u0646\u0629 \u062e\u0628\u0631\u0629\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-stat\">\n\n                <div class=\"kk-stat-number\"\n                     data-number=\"700\">\n                    0\n                <\/div>\n\n                <div class=\"kk-stat-label\">\n                    \u0639\u0636\u0648 \u0628\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     WHY US\n========================================= -->\n\n<section class=\"kk-section\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-why-grid\">\n\n\n            <div class=\"kk-why-image kk-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1000&q=85\"\n                    alt=\"\u0641\u0631\u064a\u0642 \u0647\u0646\u062f\u0633\u064a\">\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"kk-section-head\"\n                     style=\"margin-right:0;margin-left:0;text-align:right !important;\">\n\n                    <div class=\"kk-section-kicker\">\n                        \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f\n                    <\/div>\n\n                    <h2 class=\"kk-section-title\">\n                        \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n                        <br>\n                        \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629\n                    <\/h2>\n\n                    <p class=\"kk-section-desc\">\n                        \u0646\u0639\u0645\u0644 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0643\u0641\u0631\u064a\u0642 \u0648\u0627\u062d\u062f \u0644\u0644\u0648\u0635\u0648\u0644\n                        \u0625\u0644\u0649 \u0623\u0641\u0636\u0644 \u0646\u062a\u064a\u062c\u0629 \u0645\u0645\u0643\u0646\u0629.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"kk-why-items\">\n\n\n                    <div class=\"kk-why-item kk-reveal\">\n\n                        <div class=\"kk-why-item-icon\">\n                            \u2713\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629\n                            <\/h3>\n\n                            <p>\n                                \u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641\n                                \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"kk-why-item kk-reveal\">\n\n                        <div class=\"kk-why-item-icon\">\n                            \u2605\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629\n                            <\/h3>\n\n                            <p>\n                                \u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a\n                                \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"kk-why-item kk-reveal\">\n\n                        <div class=\"kk-why-item-icon\">\n                            \u23f1\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n                            <\/h3>\n\n                            <p>\n                                \u0646\u0639\u0645\u0644 \u0648\u0641\u0642 \u062e\u0637\u0637 \u0632\u0645\u0646\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\n                                \u0644\u0636\u0645\u0627\u0646 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0645\u0648\u0639\u062f\u0647\u0627.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"kk-why-item kk-reveal\">\n\n                        <div class=\"kk-why-item-icon\">\n                            \u2699\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                \u062d\u0644\u0648\u0644 \u0639\u0645\u0644\u064a\u0629\n                            <\/h3>\n\n                            <p>\n                                \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0645\u0644\u064a\u0629\n                                \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     TESTIMONIALS\n========================================= -->\n\n<section class=\"kk-section kk-section--light\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-section-head kk-reveal\">\n\n            <div class=\"kk-section-kicker\">\n                \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n            <\/div>\n\n            <h2 class=\"kk-section-title\">\n                \u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627\u061f\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"kk-testimonials-grid\">\n\n\n            <div class=\"kk-testimonial kk-reveal\">\n\n                <div class=\"kk-stars\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n\n                <p>\n                    \u062a\u0639\u0627\u0645\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u062c\u062f\u0627\u064b \u0648\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u0645\u064a\u0632.\n                    \u062d\u0635\u0644\u0646\u0627 \u0639\u0644\u0649 \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0633\u0631\u0639\u0629\n                    \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0637\u0644\u0648\u0628.\n                <\/p>\n\n                <div class=\"kk-client\">\n\n                    <div class=\"kk-client-avatar\">\n                        \u0623\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            \u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f\n                        <\/strong>\n\n                        <span>\n                            \u0639\u0645\u064a\u0644\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-testimonial kk-reveal\">\n\n                <div class=\"kk-stars\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n\n                <p>\n                    \u0634\u0631\u0643\u0629 \u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.\n                    \u0633\u0639\u062f\u0627\u0621 \u062c\u062f\u0627\u064b \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639\u0647\u0645 \u0648\u0646\u062a\u0645\u0646\u0649\n                    \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0643\u0629.\n                <\/p>\n\n                <div class=\"kk-client\">\n\n                    <div class=\"kk-client-avatar\">\n                        \u0645\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            \u0645\u062d\u0645\u062f \u0639\u0644\u064a\n                        <\/strong>\n\n                        <span>\n                            \u0645\u062f\u064a\u0631 \u0645\u0634\u0631\u0648\u0639\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"kk-testimonial kk-reveal\">\n\n                <div class=\"kk-stars\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n\n                <p>\n                    \u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u0648\u0645\u062a\u0639\u0627\u0648\u0646 \u0648\u064a\u0647\u062a\u0645 \u0628\u0623\u062f\u0642 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\n                    \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0643\u0627\u0646\u062a \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u062d\u062a\u0649\n                    \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n                <div class=\"kk-client\">\n\n                    <div class=\"kk-client-avatar\">\n                        \u0633\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            \u0633\u0627\u0645\u064a \u062d\u0633\u0646\n                        <\/strong>\n\n                        <span>\n                            \u0645\u0633\u062a\u062b\u0645\u0631\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     CLIENTS\n========================================= -->\n\n<section class=\"kk-clients\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-section-head kk-reveal\">\n\n            <div class=\"kk-section-kicker\">\n                \u0639\u0645\u0644\u0627\u0624\u0646\u0627\n            <\/div>\n\n            <h2 class=\"kk-section-title\">\n                \u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"kk-clients-grid\">\n\n            <div class=\"kk-client-logo\">\n                \u0634\u0631\u0643\u0629 01\n            <\/div>\n\n            <div class=\"kk-client-logo\">\n                \u0634\u0631\u0643\u0629 02\n            <\/div>\n\n            <div class=\"kk-client-logo\">\n                \u0634\u0631\u0643\u0629 03\n            <\/div>\n\n            <div class=\"kk-client-logo\">\n                \u0634\u0631\u0643\u0629 04\n            <\/div>\n\n            <div class=\"kk-client-logo\">\n                \u0634\u0631\u0643\u0629 05\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     CTA\n========================================= -->\n\n<section class=\"kk-cta\" id=\"kk-contact\">\n\n    <div class=\"kk-container\">\n\n        <div class=\"kk-cta-inner\">\n\n            <div>\n\n                <h2 class=\"kk-cta-title\">\n                    \u0644\u062f\u064a\u0643 \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f\u061f\n                <\/h2>\n\n                <p class=\"kk-cta-text\">\n                    \u062f\u0639\u0646\u0627 \u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u0648\u064a\u0644 \u0641\u0643\u0631\u062a\u0643 \u0625\u0644\u0649 \u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kk-cta-actions\">\n\n                <a href=\"#\" class=\"kk-btn kk-btn--primary\">\n                    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n                <\/a>\n\n                <a href=\"tel:+201000000000\"\n                   class=\"kk-btn kk-btn--outline\">\n                    \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     JAVASCRIPT\n========================================= -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n    \/* ============================\n       PROJECT FILTER\n    ============================ *\/\n\n    const filters =\n        document.querySelectorAll(\".kk-filter\");\n\n    const projects =\n        document.querySelectorAll(\".kk-project-card\");\n\n\n    filters.forEach(function(filter){\n\n        filter.addEventListener(\"click\", function(){\n\n            filters.forEach(function(btn){\n                btn.classList.remove(\"active\");\n            });\n\n            filter.classList.add(\"active\");\n\n            const selected =\n                filter.getAttribute(\"data-filter\");\n\n\n            projects.forEach(function(project){\n\n                const category =\n                    project.getAttribute(\"data-category\");\n\n\n                if(\n                    selected === \"all\" ||\n                    selected === category\n                ){\n\n                    project.style.display = \"block\";\n\n                }else{\n\n                    project.style.display = \"none\";\n\n                }\n\n            });\n\n        });\n\n    });\n\n\n    \/* ============================\n       COUNTERS\n    ============================ *\/\n\n    const counters =\n        document.querySelectorAll(\".kk-stat-number\");\n\n    let counterStarted = false;\n\n\n    function startCounters(){\n\n        if(counterStarted) return;\n\n        counterStarted = true;\n\n\n        counters.forEach(function(counter){\n\n            const target =\n                parseInt(\n                    counter.getAttribute(\"data-number\")\n                );\n\n            let current = 0;\n\n            const duration = 1500;\n\n            const step =\n                Math.max(\n                    1,\n                    Math.ceil(target \/ (duration \/ 20))\n                );\n\n\n            const timer =\n                setInterval(function(){\n\n                    current += step;\n\n\n                    if(current >= target){\n\n                        current = target;\n\n                        clearInterval(timer);\n\n                    }\n\n\n                    counter.textContent =\n                        current.toLocaleString(\"ar-EG\");\n\n                },20);\n\n        });\n\n    }\n\n\n    \/* ============================\n       REVEAL\n    ============================ *\/\n\n    const revealElements =\n        document.querySelectorAll(\".kk-reveal\");\n\n\n    if(\"IntersectionObserver\" in window){\n\n        const observer =\n            new IntersectionObserver(\n                function(entries){\n\n                    entries.forEach(function(entry){\n\n                        if(entry.isIntersecting){\n\n                            entry.target.classList.add(\n                                \"kk-visible\"\n                            );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    });\n\n                },\n                {\n                    threshold:.12\n                }\n            );\n\n\n        revealElements.forEach(function(element){\n\n            observer.observe(element);\n\n        });\n\n\n        const stats =\n            document.querySelector(\".kk-stats\");\n\n\n        if(stats){\n\n            const statsObserver =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(function(entry){\n\n                            if(entry.isIntersecting){\n\n                                startCounters();\n\n                                statsObserver.disconnect();\n\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold:.25\n                    }\n                );\n\n\n            statsObserver.observe(stats);\n\n        }\n\n    }else{\n\n        revealElements.forEach(function(element){\n\n            element.classList.add(\"kk-visible\");\n\n        });\n\n        startCounters();\n\n    }\n\n});\n\n<\/script>\n\n<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/icec-egypt.com\/index.php?rest_route=\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icec-egypt.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icec-egypt.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icec-egypt.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icec-egypt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=71"}],"version-history":[{"count":8,"href":"https:\/\/icec-egypt.com\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/icec-egypt.com\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions\/117"}],"wp:attachment":[{"href":"https:\/\/icec-egypt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}