{"id":26594,"date":"2026-08-11T13:05:04","date_gmt":"2026-08-11T09:35:04","guid":{"rendered":"https:\/\/sepahansooleh.com\/?page_id=26594"},"modified":"2026-09-15T13:52:28","modified_gmt":"2026-09-15T10:22:28","slug":"26594-2","status":"publish","type":"page","link":"https:\/\/sepahansooleh.com\/en\/26594-2\/","title":{"rendered":"SEPAHANSOOLEH"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26594\" class=\"elementor elementor-26594\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-866a906 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"866a906\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6129fab elementor-widget elementor-widget-html\" data-id=\"6129fab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t```html\r\n<section class=\"ss-v2-hero\" dir=\"ltr\">\r\n\r\n    <!-- Main Image -->\r\n    <div class=\"ss-v2-image\"><\/div>\r\n\r\n    <!-- Very subtle gradient only for text readability -->\r\n    <div class=\"ss-v2-text-fade\"><\/div>\r\n\r\n    <!-- Engineering Lines -->\r\n    <div class=\"ss-v2-grid\"><\/div>\r\n\r\n    <!-- Moving Light -->\r\n    <div class=\"ss-v2-light\"><\/div>\r\n\r\n\r\n    <div class=\"ss-v2-container\">\r\n\r\n        <!-- =========================\r\n             CONTENT\r\n        ========================== -->\r\n\r\n        <div class=\"ss-v2-content\">\r\n\r\n            <div class=\"ss-v2-badge\">\r\n                <span class=\"ss-v2-pulse\"><\/span>\r\n                Over 50 Years of Experience & Expertise\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"ss-v2-title\">\r\n\r\n                Structures\r\n                <br>\r\n\r\n                <span>Built to Last<\/span>\r\n\r\n                for a\r\n                <strong>Sustainable<\/strong> Future\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"ss-v2-description\">\r\n\r\n                Design, Manufacturing & Construction of Steel Structures\r\n                <br>\r\n                \r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- BUTTONS -->\r\n\r\n            <div class=\"ss-v2-buttons\">\r\n\r\n                <a href=\"#consultation\"\r\n                   class=\"ss-v2-btn ss-v2-primary\">\r\n\r\n                    <span>Request a Consultation<\/span>\r\n\r\n                    <b>\u2192<\/b>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a href=\"\/shop\"\r\n                   class=\"ss-v2-btn ss-v2-secondary\">\r\n\r\n                    <span>About Us<\/span>\r\n\r\n                    <b>\u2192<\/b>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             FLOATING BADGE\r\n        ========================== -->\r\n\r\n        <div class=\"ss-v2-floating\">\r\n\r\n            <div class=\"ss-v2-floating-icon\">\r\n\r\n                <span>\u2726<\/span>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n                <small>Our Expertise<\/small>\r\n\r\n                <strong>Industrial Structure Construction<\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             SCROLL\r\n        ========================== -->\r\n\r\n        <div class=\"ss-v2-scroll\">\r\n\r\n            <div class=\"ss-v2-scroll-line\"><\/div>\r\n\r\n            <span>SCROLL<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             STATS\r\n        ========================== -->\r\n\r\n        <div class=\"ss-v2-stats\">\r\n\r\n            <div class=\"ss-v2-stat\">\r\n\r\n                <span class=\"ss-v2-stat-number\"\r\n                      data-number=\"50\">\r\n\r\n                    50+\r\n\r\n                <\/span>\r\n\r\n                <span class=\"ss-v2-stat-label\">\r\n\r\n                    Years of Experience\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ss-v2-stat\">\r\n\r\n                <span class=\"ss-v2-stat-number\">\r\n\r\n                    1000+\r\n\r\n                <\/span>\r\n\r\n                <span class=\"ss-v2-stat-label\">\r\n\r\n                    Successful Projects\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ss-v2-stat\">\r\n\r\n                <span class=\"ss-v2-stat-number\">\r\n\r\n                    20+\r\n\r\n                <\/span>\r\n\r\n                <span class=\"ss-v2-stat-label\">\r\n\r\n                    Engineering Specialists\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ss-v2-stat\">\r\n\r\n                <span class=\"ss-v2-stat-number\">\r\n\r\n                    100%\r\n\r\n                <\/span>\r\n\r\n                <span class=\"ss-v2-stat-label\">\r\n\r\n                    Commitment to Quality\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Yellow Bottom Line -->\r\n    <div class=\"ss-v2-bottom-line\"><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   SEPAHAN SOOLEH\r\n   MODERN HERO V2\r\n===================================================== *\/\r\n\r\n.ss-v2-hero {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 790px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #f5f5f5;\r\n\r\n    font-family: inherit;\r\n\r\n    color: #07152f;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE\r\n===================================================== *\/\r\n\r\n.ss-v2-image {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background-image:\r\n\r\n        url(\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-02_30_55-PM.png\");\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center center;\r\n\r\n    transform: scale(1.02);\r\n\r\n    animation:\r\n\r\n        ssImageZoom\r\n\r\n        18s\r\n\r\n        ease-in-out\r\n\r\n        infinite\r\n\r\n        alternate;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEXT FADE\r\n   Text side only\r\n   No blue overlay\r\n===================================================== *\/\r\n\r\n.ss-v2-text-fade {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    bottom: 0;\r\n\r\n    right: 0;\r\n\r\n    width: 62%;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n\r\n            270deg,\r\n\r\n            rgba(255,255,255,.96) 0%,\r\n\r\n            rgba(255,255,255,.88) 35%,\r\n\r\n            rgba(255,255,255,.42) 68%,\r\n\r\n            rgba(255,255,255,0) 100%\r\n\r\n        );\r\n\r\n    z-index: 1;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ENGINEERING GRID\r\n===================================================== *\/\r\n\r\n.ss-v2-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: .12;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(7,21,47,.35) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7,21,47,.35) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n\r\n        70px 70px;\r\n\r\n    mask-image:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 10%,\r\n            black 60%,\r\n            transparent 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOVING LIGHT\r\n===================================================== *\/\r\n\r\n.ss-v2-light {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    top: -30%;\r\n\r\n    right: -20%;\r\n\r\n    width: 300px;\r\n\r\n    height: 150%;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n\r\n            90deg,\r\n\r\n            transparent,\r\n\r\n            rgba(255,193,7,.18),\r\n\r\n            transparent\r\n\r\n        );\r\n\r\n    transform:\r\n\r\n        rotate(18deg);\r\n\r\n    filter:\r\n\r\n        blur(25px);\r\n\r\n    animation:\r\n\r\n        ssLightMove\r\n\r\n        8s\r\n\r\n        ease-in-out\r\n\r\n        infinite;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CONTAINER\r\n===================================================== *\/\r\n\r\n.ss-v2-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    max-width: 1280px;\r\n\r\n    height: 100%;\r\n\r\n    margin: auto;\r\n\r\n    padding: 0 40px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CONTENT\r\n===================================================== *\/\r\n\r\n.ss-v2-content {\r\n\r\n    position: absolute;\r\n\r\n    top: 125px;\r\n\r\n    right: 40px;\r\n\r\n    width: 570px;\r\n\r\n    animation:\r\n\r\n        ssContentIn\r\n\r\n        1s\r\n\r\n        ease-out\r\n\r\n        both;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BADGE\r\n===================================================== *\/\r\n\r\n.ss-v2-badge {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    padding: 9px 16px;\r\n\r\n    background:\r\n\r\n        rgba(255,255,255,.78);\r\n\r\n    border:\r\n\r\n        1px solid rgba(7,21,47,.12);\r\n\r\n    border-radius: 50px;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    backdrop-filter: blur(10px);\r\n\r\n    box-shadow:\r\n\r\n        0 8px 30px rgba(0,0,0,.08);\r\n\r\n}\r\n\r\n\r\n.ss-v2-pulse {\r\n\r\n    width: 8px;\r\n\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f5b800;\r\n\r\n    box-shadow:\r\n\r\n        0 0 0 6px rgba(245,184,0,.18);\r\n\r\n    animation:\r\n\r\n        ssPulse\r\n\r\n        2s\r\n\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TITLE\r\n===================================================== *\/\r\n\r\n.ss-v2-title {\r\n\r\n    margin:\r\n\r\n        25px 0 0;\r\n\r\n    font-size:\r\n\r\n        clamp(48px, 5vw, 72px);\r\n\r\n    line-height:\r\n\r\n        1.2;\r\n\r\n    letter-spacing:\r\n\r\n        -2.5px;\r\n\r\n    font-weight:\r\n\r\n        900;\r\n\r\n    color:\r\n\r\n        #07152f;\r\n\r\n}\r\n\r\n\r\n.ss-v2-title span {\r\n\r\n    color:\r\n\r\n        #07152f;\r\n\r\n}\r\n\r\n\r\n.ss-v2-title strong {\r\n\r\n    color:\r\n\r\n        #e8aa00;\r\n\r\n    font-weight:\r\n\r\n        900;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESCRIPTION\r\n===================================================== *\/\r\n\r\n.ss-v2-description {\r\n\r\n    margin:\r\n\r\n        24px 0 30px;\r\n\r\n    font-size:\r\n\r\n        18px;\r\n\r\n    line-height:\r\n\r\n        2;\r\n\r\n    color:\r\n\r\n        #33415a;\r\n\r\n    font-weight:\r\n\r\n        500;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BUTTONS\r\n===================================================== *\/\r\n\r\n.ss-v2-buttons {\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    gap:\r\n\r\n        12px;\r\n\r\n}\r\n\r\n\r\n.ss-v2-btn {\r\n\r\n    position:\r\n\r\n        relative;\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    align-items:\r\n\r\n        center;\r\n\r\n    justify-content:\r\n\r\n        center;\r\n\r\n    gap:\r\n\r\n        22px;\r\n\r\n    min-width:\r\n\r\n        190px;\r\n\r\n    height:\r\n\r\n        54px;\r\n\r\n    padding:\r\n\r\n        0 22px;\r\n\r\n    border-radius:\r\n\r\n        7px;\r\n\r\n    text-decoration:\r\n\r\n        none !important;\r\n\r\n    font-size:\r\n\r\n        14px;\r\n\r\n    font-weight:\r\n\r\n        800;\r\n\r\n    overflow:\r\n\r\n        hidden;\r\n\r\n    transition:\r\n\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.ss-v2-btn b {\r\n\r\n    font-size:\r\n\r\n        19px;\r\n\r\n    transition:\r\n\r\n        .3s;\r\n\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.ss-v2-primary {\r\n\r\n    color:\r\n\r\n        #07152f !important;\r\n\r\n    background:\r\n\r\n        #f5b800;\r\n\r\n    box-shadow:\r\n\r\n        0 12px 30px\r\n\r\n        rgba(245,184,0,.25);\r\n\r\n}\r\n\r\n\r\n.ss-v2-primary:before {\r\n\r\n    content: \"\";\r\n\r\n    position:\r\n\r\n        absolute;\r\n\r\n    top: 0;\r\n\r\n    left: -100%;\r\n\r\n    width: 60%;\r\n\r\n    height: 100%;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n\r\n            90deg,\r\n\r\n            transparent,\r\n\r\n            rgba(255,255,255,.55),\r\n\r\n            transparent\r\n\r\n        );\r\n\r\n    transform:\r\n\r\n        skewX(-20deg);\r\n\r\n    transition:\r\n\r\n        .6s;\r\n\r\n}\r\n\r\n\r\n.ss-v2-primary:hover:before {\r\n\r\n    left: 140%;\r\n\r\n}\r\n\r\n\r\n.ss-v2-primary:hover {\r\n\r\n    transform:\r\n\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n\r\n        0 18px 40px\r\n\r\n        rgba(245,184,0,.35);\r\n\r\n}\r\n\r\n\r\n.ss-v2-primary:hover b {\r\n\r\n    transform:\r\n\r\n        translateX(-5px);\r\n\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.ss-v2-secondary {\r\n\r\n    color:\r\n\r\n        #07152f !important;\r\n\r\n    background:\r\n\r\n        rgba(255,255,255,.65);\r\n\r\n    border:\r\n\r\n        1px solid rgba(7,21,47,.35);\r\n\r\n    backdrop-filter:\r\n\r\n        blur(10px);\r\n\r\n}\r\n\r\n\r\n.ss-v2-secondary:hover {\r\n\r\n    background:\r\n\r\n        #07152f;\r\n\r\n    color:\r\n\r\n        #fff !important;\r\n\r\n    border-color:\r\n\r\n        #07152f;\r\n\r\n    transform:\r\n\r\n        translateY(-4px);\r\n\r\n}\r\n\r\n\r\n.ss-v2-secondary:hover b {\r\n\r\n    transform:\r\n\r\n        translateX(-5px);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FLOATING CARD\r\n===================================================== *\/\r\n\r\n.ss-v2-floating {\r\n\r\n    position:\r\n\r\n        absolute;\r\n\r\n    left:\r\n\r\n        60px;\r\n\r\n    bottom:\r\n\r\n        170px;\r\n\r\n    z-index:\r\n\r\n        8;\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    align-items:\r\n\r\n        center;\r\n\r\n    gap:\r\n\r\n        14px;\r\n\r\n    padding:\r\n\r\n        15px 20px;\r\n\r\n    background:\r\n\r\n        rgba(7,21,47,.88);\r\n\r\n    color:\r\n\r\n        #fff;\r\n\r\n    border:\r\n\r\n        1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius:\r\n\r\n        12px;\r\n\r\n    box-shadow:\r\n\r\n        0 20px 50px\r\n\r\n        rgba(0,0,0,.25);\r\n\r\n    backdrop-filter:\r\n\r\n        blur(15px);\r\n\r\n    animation:\r\n\r\n        ssFloat\r\n\r\n        4s\r\n\r\n        ease-in-out\r\n\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.ss-v2-floating-icon {\r\n\r\n    width:\r\n\r\n        45px;\r\n\r\n    height:\r\n\r\n        45px;\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    align-items:\r\n\r\n        center;\r\n\r\n    justify-content:\r\n\r\n        center;\r\n\r\n    background:\r\n\r\n        #f5b800;\r\n\r\n    color:\r\n\r\n        #07152f;\r\n\r\n    border-radius:\r\n\r\n        9px;\r\n\r\n    font-size:\r\n\r\n        20px;\r\n\r\n}\r\n\r\n\r\n.ss-v2-floating small {\r\n\r\n    display:\r\n\r\n        block;\r\n\r\n    color:\r\n\r\n        #bfc7d4;\r\n\r\n    font-size:\r\n\r\n        10px;\r\n\r\n    margin-bottom:\r\n\r\n        5px;\r\n\r\n}\r\n\r\n\r\n.ss-v2-floating strong {\r\n\r\n    font-size:\r\n\r\n        13px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STATS\r\n===================================================== *\/\r\n\r\n.ss-v2-stats {\r\n\r\n    position:\r\n\r\n        absolute;\r\n\r\n    bottom:\r\n\r\n        45px;\r\n\r\n    right:\r\n\r\n        40px;\r\n\r\n    left:\r\n\r\n        40px;\r\n\r\n    height:\r\n\r\n        92px;\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    align-items:\r\n\r\n        center;\r\n\r\n    background:\r\n\r\n        rgba(7,21,47,.90);\r\n\r\n    border-radius:\r\n\r\n        12px;\r\n\r\n    box-shadow:\r\n\r\n        0 20px 60px\r\n\r\n        rgba(0,0,0,.25);\r\n\r\n    overflow:\r\n\r\n        hidden;\r\n\r\n}\r\n\r\n\r\n.ss-v2-stat {\r\n\r\n    flex:\r\n\r\n        1;\r\n\r\n    height:\r\n\r\n        55px;\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    align-items:\r\n\r\n        center;\r\n\r\n    justify-content:\r\n\r\n        center;\r\n\r\n    gap:\r\n\r\n        13px;\r\n\r\n    border-left:\r\n\r\n        1px solid\r\n\r\n        rgba(255,255,255,.18);\r\n\r\n}\r\n\r\n\r\n.ss-v2-stat:last-child {\r\n\r\n    border-left:\r\n\r\n        none;\r\n\r\n}\r\n\r\n\r\n.ss-v2-stat-number {\r\n\r\n    color:\r\n\r\n        #f5b800;\r\n\r\n    font-size:\r\n\r\n        26px;\r\n\r\n    font-weight:\r\n\r\n        900;\r\n\r\n}\r\n\r\n\r\n.ss-v2-stat-label {\r\n\r\n    color:\r\n\r\n        #d9dee7;\r\n\r\n    font-size:\r\n\r\n        12px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SCROLL\r\n===================================================== *\/\r\n\r\n.ss-v2-scroll {\r\n\r\n    position:\r\n\r\n        absolute;\r\n\r\n    z-index:\r\n\r\n        8;\r\n\r\n    left:\r\n\r\n        25px;\r\n\r\n    bottom:\r\n\r\n        165px;\r\n\r\n    display:\r\n\r\n        flex;\r\n\r\n    flex-direction:\r\n\r\n        column;\r\n\r\n    align-items:\r\n\r\n        center;\r\n\r\n    gap:\r\n\r\n        10px;\r\n\r\n    color:\r\n\r\n        #07152f;\r\n\r\n    font-size:\r\n\r\n        8px;\r\n\r\n    letter-spacing:\r\n\r\n        2px;\r\n\r\n}\r\n\r\n\r\n.ss-v2-scroll-line {\r\n\r\n    width:\r\n\r\n        1px;\r\n\r\n    height:\r\n\r\n        65px;\r\n\r\n    background:\r\n\r\n        #07152f;\r\n\r\n    position:\r\n\r\n        relative;\r\n\r\n    overflow:\r\n\r\n        hidden;\r\n\r\n}\r\n\r\n\r\n.ss-v2-scroll-line:after {\r\n\r\n    content:\r\n\r\n        \"\";\r\n\r\n    position:\r\n\r\n        absolute;\r\n\r\n    top:\r\n\r\n        -20px;\r\n\r\n    left:\r\n\r\n        0;\r\n\r\n    width:\r\n\r\n        100%;\r\n\r\n    height:\r\n\r\n        20px;\r\n\r\n    background:\r\n\r\n        #f5b800;\r\n\r\n    animation:\r\n\r\n        ssScrollLine\r\n\r\n        2s\r\n\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BOTTOM LINE\r\n===================================================== *\/\r\n\r\n.ss-v2-bottom-line {\r\n\r\n    position:\r\n\r\n        absolute;\r\n\r\n    z-index:\r\n\r\n        10;\r\n\r\n    bottom:\r\n\r\n        0;\r\n\r\n    right:\r\n\r\n        0;\r\n\r\n    width:\r\n\r\n        100%;\r\n\r\n    height:\r\n\r\n        4px;\r\n\r\n    background:\r\n\r\n        #f5b800;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONS\r\n===================================================== *\/\r\n\r\n@keyframes ssImageZoom {\r\n\r\n    from {\r\n\r\n        transform:\r\n\r\n            scale(1.02);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n\r\n            scale(1.08);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ssLightMove {\r\n\r\n    0% {\r\n\r\n        right:\r\n\r\n            -30%;\r\n\r\n        opacity:\r\n\r\n            0;\r\n\r\n    }\r\n\r\n    30% {\r\n\r\n        opacity:\r\n\r\n            .7;\r\n\r\n    }\r\n\r\n    70% {\r\n\r\n        opacity:\r\n\r\n            .7;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        right:\r\n\r\n            130%;\r\n\r\n        opacity:\r\n\r\n            0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ssContentIn {\r\n\r\n    from {\r\n\r\n        opacity:\r\n\r\n            0;\r\n\r\n        transform:\r\n\r\n            translateX(50px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity:\r\n\r\n            1;\r\n\r\n        transform:\r\n\r\n            translateX(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ssFloat {\r\n\r\n    0%,100% {\r\n\r\n        transform:\r\n\r\n            translateY(0);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n\r\n            translateY(-12px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ssPulse {\r\n\r\n    0%,100% {\r\n\r\n        box-shadow:\r\n\r\n            0 0 0 5px\r\n\r\n            rgba(245,184,0,.15);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        box-shadow:\r\n\r\n            0 0 0 10px\r\n\r\n            rgba(245,184,0,.04);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ssScrollLine {\r\n\r\n    0% {\r\n\r\n        top:\r\n\r\n            -20px;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        top:\r\n\r\n            100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:1024px) {\r\n\r\n    .ss-v2-hero {\r\n\r\n        height:\r\n\r\n            700px;\r\n\r\n    }\r\n\r\n    .ss-v2-content {\r\n\r\n        right:\r\n\r\n            30px;\r\n\r\n        top:\r\n\r\n            100px;\r\n\r\n    }\r\n\r\n    .ss-v2-title {\r\n\r\n        font-size:\r\n\r\n            54px;\r\n\r\n    }\r\n\r\n    .ss-v2-floating {\r\n\r\n        display:\r\n\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:767px) {\r\n\r\n    .ss-v2-hero {\r\n\r\n        height:\r\n\r\n            760px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-image {\r\n\r\n        background-position:\r\n\r\n            62% center;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-text-fade {\r\n\r\n        width:\r\n\r\n            100%;\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n\r\n                180deg,\r\n\r\n                rgba(255,255,255,.96) 0%,\r\n\r\n                rgba(255,255,255,.82) 55%,\r\n\r\n                rgba(255,255,255,.15) 100%\r\n\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-content {\r\n\r\n        position:\r\n\r\n            relative;\r\n\r\n        top:\r\n\r\n            auto;\r\n\r\n        right:\r\n\r\n            auto;\r\n\r\n        padding-top:\r\n\r\n            75px;\r\n\r\n        width:\r\n\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-title {\r\n\r\n        font-size:\r\n\r\n            40px;\r\n\r\n        letter-spacing:\r\n\r\n            -1px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-description {\r\n\r\n        font-size:\r\n\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-buttons {\r\n\r\n        flex-direction:\r\n\r\n            column;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-btn {\r\n\r\n        width:\r\n\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-stats {\r\n\r\n        right:\r\n\r\n            20px;\r\n\r\n        left:\r\n\r\n            20px;\r\n\r\n        bottom:\r\n\r\n            35px;\r\n\r\n        height:\r\n\r\n            auto;\r\n\r\n        padding:\r\n\r\n            15px 5px;\r\n\r\n        display:\r\n\r\n            grid;\r\n\r\n        grid-template-columns:\r\n\r\n            1fr 1fr;\r\n\r\n        gap:\r\n\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-stat {\r\n\r\n        border:\r\n\r\n            none;\r\n\r\n        justify-content:\r\n\r\n            flex-start;\r\n\r\n        padding:\r\n\r\n            7px 10px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-stat-number {\r\n\r\n        font-size:\r\n\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-stat-label {\r\n\r\n        font-size:\r\n\r\n            10px;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-floating {\r\n\r\n        display:\r\n\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-scroll {\r\n\r\n        display:\r\n\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .ss-v2-grid {\r\n\r\n        opacity:\r\n\r\n            .06;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12edc84 e-con-full e-flex e-con e-parent\" data-id=\"12edc84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91b3423 elementor-widget elementor-widget-spacer\" data-id=\"91b3423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-114bae3 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"114bae3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8805844 elementor-widget elementor-widget-html\" data-id=\"8805844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ss-about-light\" dir=\"ltr\">\n\n    <!-- Decorative grid -->\n    <div class=\"ss-al-grid\"><\/div>\n\n    <!-- Animated glows -->\n    <div class=\"ss-al-glow ss-al-glow-1\"><\/div>\n    <div class=\"ss-al-glow ss-al-glow-2\"><\/div>\n\n    <!-- =========================\n         VISUAL\n    ========================== -->\n\n    <div class=\"ss-al-visual\">\n\n        <div class=\"ss-al-image\"><\/div>\n\n        <div class=\"ss-al-image-overlay\"><\/div>\n\n        <!-- Yellow scanning light -->\n        <div class=\"ss-al-scan\"><\/div>\n\n        <!-- Technical corners -->\n        <div class=\"ss-al-corner ss-al-corner-1\"><\/div>\n        <div class=\"ss-al-corner ss-al-corner-2\"><\/div>\n\n        <!-- Experience -->\n        <div class=\"ss-al-experience\">\n\n            <strong>\n                50\n            <\/strong>\n\n            <div>\n                <span>Years<\/span>\n                <small>Experience & Expertise<\/small>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"ss-al-label\">\n\n            <span><\/span>\n\n            SEPAHAN SOOLEH\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         CONTENT\n    ========================== -->\n\n    <div class=\"ss-al-content\">\n\n        <div class=\"ss-al-eyebrow\">\n\n            <span><\/span>\n\n            About Sepahan Sooleh\n\n        <\/div>\n\n\n        <h2>\n\n            Behind Every Structure,\n            <strong>Half a Century of Experience<\/strong>\n\n        <\/h2>\n\n\n        <p class=\"ss-al-lead\">\n\n            Sepahan Sooleh, backed by experience,\n            engineering expertise, and manufacturing capabilities,\n            specializes in the design and construction of\n            steel structures and industrial sheds.\n\n        <\/p>\n\n\n        <p class=\"ss-al-text\">\n\n            From design and engineering calculations\n            to manufacturing, installation, and construction,\n            we work alongside our clients and strive to ensure every project\n            is delivered with precision, quality, and appropriate standards.\n\n        <\/p>\n\n\n        <!-- Stats -->\n\n        <div class=\"ss-al-stats\">\n\n            <div class=\"ss-al-stat\">\n\n                <strong data-count=\"50\">\n                    0\n                <\/strong>\n\n                <span>\n                    Years of Experience\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"ss-al-stat\">\n\n                <strong data-count=\"1000\">\n                    0\n                <\/strong>\n\n                <span>\n                    Projects\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"ss-al-stat\">\n\n                <strong data-count=\"100\">\n                    0\n                <\/strong>\n\n                <span>\n                    Engineering Expertise\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             ACTIONS\n        ========================== -->\n\n        <div class=\"ss-al-actions\">\n\n            <a\n                href=\"\/contact\"\n                class=\"ss-al-btn ss-al-btn-primary\"\n            >\n\n                <span>\n                    Contact Us\n                <\/span>\n\n                <i>\u2190<\/i>\n\n            <\/a>\n\n\n            <a\n                href=\"#\"\n                class=\"ss-al-btn ss-al-btn-light\"\n            >\n\n                <span>\n                    Download Catalog\n                <\/span>\n\n                <i>\u2193<\/i>\n\n            <\/a>\n\n\n            <a\n                href=\"#\"\n                class=\"ss-al-btn ss-al-btn-light\"\n            >\n\n                <span>\n                    Download Company Profile\n                <\/span>\n\n                <i>\u2193<\/i>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- Animated bottom line -->\n\n    <div class=\"ss-al-moving-line\"><\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =====================================================\n   SEPAHAN SOOLEH\n   LIGHT ABOUT SECTION\n===================================================== *\/\n\n.ss-about-light {\n\n    --navy:#07152f;\n    --yellow:#f5b800;\n    --yellow-light:#ffd84d;\n    --light:#f6f7f9;\n\n    position:relative;\n\n    width:100%;\n\n    min-height:520px;\n\n    display:grid;\n\n    grid-template-columns:\n        43% 57%;\n\n    overflow:hidden;\n\n    background:\n        #f6f7f9;\n\n    color:\n        var(--navy);\n\n    font-family:inherit;\n\n    isolation:isolate;\n\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.ss-al-grid {\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:0;\n\n    opacity:.55;\n\n    background-image:\n\n        linear-gradient(\n            rgba(7,21,47,.045) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(7,21,47,.045) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        60px 60px;\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            transparent,\n            black 35%,\n            black 65%,\n            transparent\n        );\n\n}\n\n\n\/* =====================================================\n   GLOW\n===================================================== *\/\n\n.ss-al-glow {\n\n    position:absolute;\n\n    z-index:0;\n\n    width:300px;\n\n    height:300px;\n\n    border-radius:50%;\n\n    background:\n        rgba(245,184,0,.14);\n\n    filter:\n        blur(85px);\n\n    pointer-events:none;\n\n    animation:\n        ssALGlow 7s ease-in-out infinite alternate;\n\n}\n\n\n.ss-al-glow-1 {\n\n    right:\n        -130px;\n\n    top:\n        -160px;\n\n}\n\n\n.ss-al-glow-2 {\n\n    left:\n        35%;\n\n    bottom:\n        -220px;\n\n    animation-delay:\n        -3s;\n\n}\n\n\n@keyframes ssALGlow {\n\n    from {\n\n        transform:\n            translate(0,0)\n            scale(.8);\n\n    }\n\n    to {\n\n        transform:\n            translate(60px,40px)\n            scale(1.2);\n\n    }\n\n}\n\n\n\/* =====================================================\n   VISUAL\n===================================================== *\/\n\n.ss-al-visual {\n\n    position:relative;\n\n    min-height:\n        520px;\n\n    overflow:hidden;\n\n    background:\n        #dfe3e8;\n\n}\n\n\n\/* Image *\/\n\n.ss-al-image {\n\n    position:absolute;\n\n    inset:-2px;\n\n    background-image:\n        url(\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/04\/Sepahansooleh-Company.webp\");\n\n    background-size:\n        cover;\n\n    background-position:\n        center;\n\n    transform:\n        scale(1.04);\n\n    transition:\n        transform 1.1s\n        cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n\/* Image overlay *\/\n\n.ss-al-image-overlay {\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(7,21,47,.02),\n            rgba(7,21,47,.78)\n        );\n\n}\n\n\n\/* =====================================================\n   SCANNING LIGHT\n===================================================== *\/\n\n.ss-al-scan {\n\n    position:absolute;\n\n    z-index:4;\n\n    top:-40%;\n\n    right:-30%;\n\n    width:35%;\n\n    height:180%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(245,184,0,.28),\n            rgba(255,255,255,.35),\n            transparent\n        );\n\n    transform:\n        rotate(17deg);\n\n    filter:\n        blur(7px);\n\n    animation:\n        ssALScan 5s linear infinite;\n\n}\n\n\n@keyframes ssALScan {\n\n    0% {\n\n        right:\n            -50%;\n\n    }\n\n    100% {\n\n        right:\n            145%;\n\n    }\n\n}\n\n\n\/* =====================================================\n   CORNERS\n===================================================== *\/\n\n.ss-al-corner {\n\n    position:absolute;\n\n    z-index:7;\n\n    width:50px;\n\n    height:50px;\n\n    border-color:\n        var(--yellow);\n\n    border-style:\n        solid;\n\n    opacity:.85;\n\n}\n\n\n.ss-al-corner-1 {\n\n    top:\n        30px;\n\n    left:\n        30px;\n\n    border-width:\n        2px 0 0 2px;\n\n}\n\n\n.ss-al-corner-2 {\n\n    bottom:\n        30px;\n\n    right:\n        30px;\n\n    border-width:\n        0 2px 2px 0;\n\n}\n\n\n\/* =====================================================\n   EXPERIENCE\n===================================================== *\/\n\n.ss-al-experience {\n\n    position:absolute;\n\n    z-index:8;\n\n    left:\n        45px;\n\n    bottom:\n        55px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:13px;\n\n}\n\n\n.ss-al-experience strong {\n\n    color:\n        var(--yellow);\n\n    font-size:\n        95px;\n\n    line-height:\n        .75;\n\n    font-weight:\n        950;\n\n    letter-spacing:\n        -7px;\n\n    text-shadow:\n        0 8px 25px\n        rgba(0,0,0,.15);\n\n}\n\n\n.ss-al-experience div {\n\n    display:flex;\n\n    flex-direction:\n        column;\n\n    gap:3px;\n\n}\n\n\n.ss-al-experience span {\n\n    color:#fff;\n\n    font-size:\n        14px;\n\n    font-weight:\n        900;\n\n}\n\n\n.ss-al-experience small {\n\n    color:\n        rgba(255,255,255,.65);\n\n    font-size:\n        9px;\n\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.ss-al-label {\n\n    position:absolute;\n\n    z-index:8;\n\n    left:\n        45px;\n\n    top:\n        35px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    color:\n        rgba(255,255,255,.75);\n\n    font-size:\n        9px;\n\n    font-weight:\n        900;\n\n    letter-spacing:\n        2px;\n\n}\n\n\n.ss-al-label span {\n\n    width:\n        7px;\n\n    height:\n        7px;\n\n    border-radius:\n        50%;\n\n    background:\n        var(--yellow);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(245,184,0,.15);\n\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.ss-al-content {\n\n    position:relative;\n\n    z-index:10;\n\n    padding:\n        55px 65px 50px 60px;\n\n    display:flex;\n\n    flex-direction:\n        column;\n\n    justify-content:\n        center;\n\n}\n\n\n\/* =====================================================\n   EYEBROW\n===================================================== *\/\n\n.ss-al-eyebrow {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-bottom:\n        13px;\n\n    color:\n        #7c8490;\n\n    font-size:\n        11px;\n\n    font-weight:\n        800;\n\n}\n\n\n.ss-al-eyebrow span {\n\n    width:\n        7px;\n\n    height:\n        7px;\n\n    border-radius:\n        50%;\n\n    background:\n        var(--yellow);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(245,184,0,.12);\n\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.ss-al-content h2 {\n\n    margin:0;\n\n    max-width:\n        650px;\n\n    color:\n        var(--navy);\n\n    font-size:\n        clamp(34px,4vw,50px);\n\n    line-height:\n        1.25;\n\n    font-weight:\n        950;\n\n    letter-spacing:\n        -1.5px;\n\n}\n\n\n.ss-al-content h2 strong {\n\n    color:\n        #d9a900;\n\n}\n\n\n\/* =====================================================\n   TEXT\n===================================================== *\/\n\n.ss-al-lead {\n\n    max-width:\n        650px;\n\n    margin:\n        15px 0 7px;\n\n    color:\n        #303b4e;\n\n    font-size:\n        14px;\n\n    line-height:\n        2;\n\n}\n\n\n.ss-al-text {\n\n    max-width:\n        650px;\n\n    margin:\n        0 0 18px;\n\n    color:\n        #7b8492;\n\n    font-size:\n        11.5px;\n\n    line-height:\n        1.9;\n\n}\n\n\n\/* =====================================================\n   STATS\n===================================================== *\/\n\n.ss-al-stats {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:\n        34px;\n\n    margin-bottom:\n        21px;\n\n}\n\n\n.ss-al-stat {\n\n    position:relative;\n\n    display:flex;\n\n    flex-direction:\n        column;\n\n    gap:\n        3px;\n\n}\n\n\n.ss-al-stat:not(:last-child)::after {\n\n    content:\"\";\n\n    position:absolute;\n\n    left:\n        -17px;\n\n    top:\n        4px;\n\n    width:\n        1px;\n\n    height:\n        32px;\n\n    background:\n        #d8dce2;\n\n}\n\n\n.ss-al-stat strong {\n\n    color:\n        var(--navy);\n\n    font-size:\n        23px;\n\n    font-weight:\n        950;\n\n}\n\n\n.ss-al-stat span {\n\n    color:\n        #9299a5;\n\n    font-size:\n        9px;\n\n}\n\n\n\/* =====================================================\n   BUTTONS\n===================================================== *\/\n\n.ss-al-actions {\n\n    position:relative;\n\n    z-index:30;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:\n        8px;\n\n    flex-wrap:\n        wrap;\n\n}\n\n\n.ss-al-btn {\n\n    position:relative;\n\n    z-index:50;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:\n        12px;\n\n    min-width:\n        128px;\n\n    height:\n        41px;\n\n    padding:\n        0 16px;\n\n    box-sizing:\n        border-box;\n\n    border-radius:\n        5px;\n\n    font-family:\n        inherit;\n\n    font-size:\n        10.5px;\n\n    font-weight:\n        900;\n\n    text-decoration:\n        none !important;\n\n    overflow:\n        hidden;\n\n    cursor:\n        pointer;\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        background .3s ease;\n\n}\n\n\n\/* Primary *\/\n\n.ss-al-btn-primary {\n\n    background:\n        var(--yellow);\n\n    border:\n        1px solid\n        var(--yellow);\n\n    color:\n        var(--navy) !important;\n\n    box-shadow:\n        0 8px 24px\n        rgba(245,184,0,.22);\n\n}\n\n\n\/* Secondary *\/\n\n.ss-al-btn-light {\n\n    background:\n        #fff;\n\n    border:\n        1px solid\n        #dce0e6;\n\n    color:\n        var(--navy) !important;\n\n    box-shadow:\n        0 5px 18px\n        rgba(7,21,47,.04);\n\n}\n\n\n\/* Icons *\/\n\n.ss-al-btn i {\n\n    position:relative;\n\n    z-index:3;\n\n    font-style:\n        normal;\n\n    font-size:\n        16px;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.ss-al-btn-primary i {\n\n    color:\n        var(--navy);\n\n}\n\n\n.ss-al-btn-light i {\n\n    color:\n        var(--yellow);\n\n}\n\n\n\/* Shine *\/\n\n.ss-al-btn::before {\n\n    content:\"\";\n\n    position:absolute;\n\n    z-index:1;\n\n    top:0;\n\n    left:-100%;\n\n    width:65%;\n\n    height:100%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,255,.7),\n            transparent\n        );\n\n    transform:\n        skewX(-20deg);\n\n    transition:\n        left .6s ease;\n\n}\n\n\n.ss-al-btn span {\n\n    position:relative;\n\n    z-index:3;\n\n}\n\n\n\/* Hover *\/\n\n.ss-al-btn:hover {\n\n    transform:\n        translateY(-3px);\n\n}\n\n\n.ss-al-btn-primary:hover {\n\n    background:\n        var(--yellow-light);\n\n    color:\n        var(--navy) !important;\n\n    box-shadow:\n        0 12px 32px\n        rgba(245,184,0,.30);\n\n}\n\n\n.ss-al-btn-light:hover {\n\n    border-color:\n        var(--yellow);\n\n    background:\n        #fffdf4;\n\n    color:\n        var(--navy) !important;\n\n    box-shadow:\n        0 10px 28px\n        rgba(7,21,47,.08);\n\n}\n\n\n.ss-al-btn:hover::before {\n\n    left:\n        140%;\n\n}\n\n\n.ss-al-btn:hover i {\n\n    transform:\n        translateX(-5px);\n\n}\n\n\n\/* =====================================================\n   MOVING LINE\n===================================================== *\/\n\n.ss-al-moving-line {\n\n    position:absolute;\n\n    z-index:30;\n\n    right:0;\n\n    bottom:0;\n\n    width:35%;\n\n    height:3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--yellow),\n            transparent\n        );\n\n    animation:\n        ssALLine 3s linear infinite;\n\n}\n\n\n@keyframes ssALLine {\n\n    0% {\n\n        transform:\n            translateX(100%);\n\n    }\n\n    100% {\n\n        transform:\n            translateX(-300%);\n\n    }\n\n}\n\n\n\/* =====================================================\n   HOVER IMAGE\n===================================================== *\/\n\n.ss-about-light:hover\n.ss-al-image {\n\n    transform:\n        scale(1.08);\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1000px) {\n\n    .ss-about-light {\n\n        grid-template-columns:\n            40% 60%;\n\n    }\n\n\n    .ss-al-content {\n\n        padding:\n            45px 35px;\n\n    }\n\n\n    .ss-al-content h2 {\n\n        font-size:\n            38px;\n\n    }\n\n\n    .ss-al-experience {\n\n        left:\n            30px;\n\n        bottom:\n            40px;\n\n    }\n\n\n    .ss-al-experience strong {\n\n        font-size:\n            75px;\n\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:700px) {\n\n    .ss-about-light {\n\n        display:flex;\n\n        flex-direction:\n            column;\n\n    }\n\n\n    .ss-al-visual {\n\n        min-height:\n            255px;\n\n        height:\n            255px;\n\n    }\n\n\n    .ss-al-content {\n\n        padding:\n            40px 23px 43px;\n\n    }\n\n\n    .ss-al-content h2 {\n\n        font-size:\n            31px;\n\n    }\n\n\n    .ss-al-lead {\n\n        font-size:\n            12px;\n\n        line-height:\n            1.9;\n\n    }\n\n\n    .ss-al-text {\n\n        font-size:\n            10.5px;\n\n    }\n\n\n    .ss-al-stats {\n\n        gap:\n            24px;\n\n    }\n\n\n    .ss-al-stat strong {\n\n        font-size:\n            20px;\n\n    }\n\n\n    .ss-al-actions {\n\n        display:grid;\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap:\n            8px;\n\n    }\n\n\n    .ss-al-btn {\n\n        width:\n            100%;\n\n        min-width:\n            0;\n\n        height:\n            40px;\n\n        font-size:\n            10px;\n\n    }\n\n\n    .ss-al-btn-primary {\n\n        grid-column:\n            1 \/ -1;\n\n    }\n\n\n    .ss-al-experience {\n\n        left:\n            23px;\n\n        bottom:\n            32px;\n\n    }\n\n\n    .ss-al-experience strong {\n\n        font-size:\n            62px;\n\n    }\n\n\n    .ss-al-label {\n\n        left:\n            23px;\n\n        top:\n            23px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n    \/* ==========================================\n       NUMBER COUNTERS\n    ========================================== *\/\n\n    const stats =\n        document.querySelectorAll(\n            \".ss-al-stat strong\"\n        );\n\n\n    const counterObserver =\n        new IntersectionObserver(\n            function(entries, observer){\n\n                entries.forEach(function(entry){\n\n                    if(!entry.isIntersecting)\n                        return;\n\n\n                    const el =\n                        entry.target;\n\n\n                    const target =\n                        parseInt(\n                            el.dataset.count\n                        );\n\n\n                    let current = 0;\n\n\n                    const increment =\n                        Math.max(\n                            1,\n                            Math.ceil(\n                                target \/ 55\n                            )\n                        );\n\n\n                    const timer =\n                        setInterval(\n                            function(){\n\n                                current +=\n                                    increment;\n\n\n                                if(\n                                    current >=\n                                    target\n                                ){\n\n                                    current =\n                                        target;\n\n                                    clearInterval(\n                                        timer\n                                    );\n\n                                }\n\n\n                                el.textContent =\n                                    current + \"+\";\n\n                            },\n                            25\n                        );\n\n\n                    observer.unobserve(el);\n\n                });\n\n            },\n            {\n                threshold:.35\n            }\n        );\n\n\n    stats.forEach(function(stat){\n\n        counterObserver.observe(stat);\n\n    });\n\n\n    \/* ==========================================\n       MOUSE PARALLAX\n    ========================================== *\/\n\n    const section =\n        document.querySelector(\n            \".ss-about-light\"\n        );\n\n\n    const image =\n        section ?\n        section.querySelector(\n            \".ss-al-image\"\n        ) :\n        null;\n\n\n    if(section && image){\n\n        section.addEventListener(\n            \"mousemove\",\n            function(e){\n\n                if(window.innerWidth < 900)\n                    return;\n\n\n                const rect =\n                    section.getBoundingClientRect();\n\n\n                const x =\n                    (e.clientX - rect.left)\n                    \/ rect.width - .5;\n\n\n                const y =\n                    (e.clientY - rect.top)\n                    \/ rect.height - .5;\n\n\n                image.style.transform =\n                    \"scale(1.08)\" +\n                    \" translate(\" +\n                    (x * 13) +\n                    \"px,\" +\n                    (y * 8) +\n                    \"px)\";\n\n            }\n        );\n\n\n        section.addEventListener(\n            \"mouseleave\",\n            function(){\n\n                image.style.transform =\n                    \"\";\n\n            }\n        );\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-bc2de4d e-flex e-con-boxed e-con e-parent\" data-id=\"bc2de4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19ca18d elementor-widget elementor-widget-spacer\" data-id=\"19ca18d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-b9aae6e wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"b9aae6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9016f20 elementor-widget elementor-widget-html\" data-id=\"9016f20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   SEPAHAN SOOLEH\n   PREMIUM SERVICES SECTION\n========================================================= *\/\n\n.ss-services{\n    --navy:#071a33;\n    --navy2:#03101f;\n    --yellow:#eab000;\n\n    position:relative;\n    direction:ltr;\n    width:100%;\n    padding:85px 20px;\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 15% 20%,\n            rgba(234,176,0,.08),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 85% 80%,\n            rgba(30,90,150,.16),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            #020d1b 0%,\n            #071a33 50%,\n            #03101f 100%\n        );\n\n    font-family:inherit;\n}\n\n.ss-services *{\n    box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   INDUSTRIAL BACKGROUND\n========================================================= *\/\n\n.ss-bg-grid{\n    position:absolute;\n    inset:-100px;\n\n    pointer-events:none;\n\n    opacity:.32;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.035) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.035) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        90px 90px;\n\n    transform:\n        perspective(600px)\n        rotateX(58deg)\n        scale(1.4);\n\n    transform-origin:center;\n\n    animation:\n        ssGridMove 18s linear infinite;\n}\n\n@keyframes ssGridMove{\n\n    0%{\n        transform:\n            perspective(600px)\n            rotateX(58deg)\n            translateY(0)\n            scale(1.4);\n    }\n\n    100%{\n        transform:\n            perspective(600px)\n            rotateX(58deg)\n            translateY(90px)\n            scale(1.4);\n    }\n\n}\n\n\n\/* =========================================================\n   DIAGONAL INDUSTRIAL LINES\n========================================================= *\/\n\n.ss-bg-lines{\n    position:absolute;\n    inset:0;\n\n    pointer-events:none;\n\n    opacity:.4;\n}\n\n.ss-bg-lines::before,\n.ss-bg-lines::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:70%;\n    height:1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(234,176,0,.25),\n            transparent\n        );\n\n    transform:rotate(-24deg);\n\n    animation:\n        ssLineMove 8s ease-in-out infinite alternate;\n}\n\n.ss-bg-lines::before{\n    top:28%;\n    right:-10%;\n}\n\n.ss-bg-lines::after{\n    bottom:22%;\n    left:-15%;\n\n    animation-delay:2s;\n}\n\n@keyframes ssLineMove{\n\n    from{\n        transform:\n            translateX(-50px)\n            rotate(-24deg);\n    }\n\n    to{\n        transform:\n            translateX(50px)\n            rotate(-24deg);\n    }\n\n}\n\n\n\/* =========================================================\n   GLOW\n========================================================= *\/\n\n.ss-bg-glow{\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    top:-250px;\n    left:-180px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(234,176,0,.12),\n            transparent 68%\n        );\n\n    filter:blur(10px);\n\n    pointer-events:none;\n\n    animation:\n        ssGlowMove 9s ease-in-out infinite alternate;\n}\n\n@keyframes ssGlowMove{\n\n    from{\n        transform:translate(0,0);\n    }\n\n    to{\n        transform:translate(100px,80px);\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL INDUSTRIAL DOTS\n========================================================= *\/\n\n.ss-bg-dots{\n    position:absolute;\n    inset:0;\n\n    pointer-events:none;\n\n    opacity:.35;\n\n    background-image:\n        radial-gradient(\n            rgba(234,176,0,.35) 1px,\n            transparent 1px\n        );\n\n    background-size:34px 34px;\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            transparent,\n            black 30%,\n            black 70%,\n            transparent\n        );\n}\n\n\n\/* =========================================================\n   CONTENT WRAPPER\n========================================================= *\/\n\n.ss-services-wrap{\n    position:relative;\n    z-index:5;\n\n    width:100%;\n    max-width:1250px;\n\n    margin:auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.ss-services-header{\n    display:flex;\n\n    justify-content:space-between;\n    align-items:flex-end;\n\n    gap:40px;\n\n    margin-bottom:42px;\n}\n\n.ss-services-kicker{\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    color:var(--yellow);\n\n    font-size:10px;\n    font-weight:800;\n\n    letter-spacing:.5px;\n\n    margin-bottom:10px;\n}\n\n.ss-services-kicker-line{\n    width:30px;\n    height:2px;\n\n    background:var(--yellow);\n}\n\n.ss-services-title{\n    margin:0;\n\n    color:#fff;\n\n    font-size:\n        clamp(30px,4vw,48px);\n\n    line-height:1.2;\n\n    font-weight:850;\n}\n\n.ss-services-title span{\n    color:var(--yellow);\n}\n\n.ss-services-desc{\n    max-width:410px;\n\n    margin:0;\n\n    color:\n        rgba(255,255,255,.52);\n\n    font-size:12px;\n\n    line-height:2.1;\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.ss-services-main{\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1.15fr)\n        minmax(360px,.85fr);\n\n    gap:55px;\n\n    align-items:stretch;\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.ss-service-visual{\n    position:relative;\n\n    min-height:510px;\n\n    overflow:hidden;\n\n    border-radius:20px;\n\n    background:#020b17;\n\n    border:\n        1px solid\n        rgba(255,255,255,.08);\n\n    box-shadow:\n        0 25px 70px\n        rgba(0,0,0,.25);\n}\n\n.ss-service-image{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    opacity:1;\n\n    transition:\n        opacity .4s ease,\n        transform 1s ease;\n}\n\n.ss-service-visual:hover\n.ss-service-image{\n    transform:scale(1.025);\n}\n\n.ss-service-visual::before{\n    content:\"\";\n\n    position:absolute;\n\n    z-index:2;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(3,15,30,.08),\n            rgba(3,15,30,.78)\n        );\n}\n\n.ss-service-visual::after{\n    content:\"\";\n\n    position:absolute;\n\n    z-index:3;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            135deg,\n            transparent 55%,\n            rgba(234,176,0,.08)\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   IMAGE NUMBER\n========================================================= *\/\n\n.ss-service-big-number{\n    position:absolute;\n\n    left:25px;\n    top:20px;\n\n    z-index:5;\n\n    color:\n        rgba(255,255,255,.10);\n\n    font-size:120px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    user-select:none;\n}\n\n\n\/* =========================================================\n   IMAGE LABEL\n========================================================= *\/\n\n.ss-service-image-label{\n    position:absolute;\n\n    right:24px;\n    bottom:22px;\n\n    z-index:5;\n\n    padding:8px 12px;\n\n    border-radius:6px;\n\n    background:\n        rgba(3,15,30,.55);\n\n    border:\n        1px solid\n        rgba(255,255,255,.12);\n\n    backdrop-filter:blur(10px);\n\n    color:#fff;\n\n    font-size:10px;\n\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   SERVICE LIST\n========================================================= *\/\n\n.ss-service-list{\n    position:relative;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:center;\n}\n\n\n\/* =========================================================\n   SERVICE ITEM\n========================================================= *\/\n\n.ss-service-item{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n        52px 1fr 24px;\n\n    align-items:center;\n\n    gap:16px;\n\n    min-height:92px;\n\n    padding:15px 0;\n\n    border-bottom:\n        1px solid\n        rgba(255,255,255,.08);\n\n    cursor:pointer;\n\n    transition:\n        .35s ease;\n}\n\n.ss-service-item:first-child{\n    border-top:\n        1px solid\n        rgba(255,255,255,.08);\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n.ss-service-number{\n    width:42px;\n    height:42px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(255,255,255,.14);\n\n    background:\n        rgba(255,255,255,.02);\n\n    color:\n        rgba(255,255,255,.4);\n\n    font-size:10px;\n\n    font-weight:800;\n\n    transition:.35s;\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.ss-service-name{\n    margin:0 0 5px;\n\n    color:\n        rgba(255,255,255,.58);\n\n    font-size:16px;\n\n    font-weight:800;\n\n    transition:.35s;\n}\n\n.ss-service-text{\n    max-width:390px;\n\n    margin:0;\n\n    color:\n        rgba(255,255,255,.32);\n\n    font-size:10px;\n\n    line-height:1.9;\n\n    transition:.35s;\n}\n\n\n\/* =========================================================\n   ARROW\n========================================================= *\/\n\n.ss-service-arrow{\n    color:\n        rgba(255,255,255,.2);\n\n    font-size:18px;\n\n    transition:.35s;\n}\n\n\n\/* =========================================================\n   ACTIVE\n========================================================= *\/\n\n.ss-service-item.active{\n\n    padding-right:16px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(234,176,0,.035)\n        );\n\n    border-color:\n        rgba(234,176,0,.3);\n}\n\n.ss-service-item.active\n.ss-service-number{\n\n    background:var(--yellow);\n\n    border-color:var(--yellow);\n\n    color:var(--navy);\n\n    box-shadow:\n        0 0 0 7px\n        rgba(234,176,0,.08);\n}\n\n.ss-service-item.active\n.ss-service-name{\n\n    color:#fff;\n\n    font-size:18px;\n}\n\n.ss-service-item.active\n.ss-service-text{\n\n    color:\n        rgba(255,255,255,.58);\n}\n\n.ss-service-item.active\n.ss-service-arrow{\n\n    color:var(--yellow);\n\n    transform:\n        translateX(-5px);\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n.ss-service-progress{\n\n    position:absolute;\n\n    right:-1px;\n    top:0;\n\n    width:2px;\n    height:100%;\n\n    background:\n        rgba(255,255,255,.035);\n}\n\n.ss-service-progress-bar{\n\n    position:absolute;\n\n    top:0;\n    right:0;\n\n    width:100%;\n    height:0;\n\n    background:var(--yellow);\n\n    box-shadow:\n        0 0 12px\n        rgba(234,176,0,.6);\n\n    transition:\n        height .45s ease;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.ss-services-bottom{\n\n    display:flex;\n\n    justify-content:space-between;\n    align-items:center;\n\n    gap:30px;\n\n    margin-top:35px;\n\n    padding-top:20px;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.08);\n}\n\n.ss-services-bottom-text{\n\n    color:\n        rgba(255,255,255,.38);\n\n    font-size:10px;\n}\n\n.ss-services-bottom-text strong{\n\n    color:var(--yellow);\n}\n\n.ss-services-button{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    padding:11px 18px;\n\n    border:\n        1px solid\n        rgba(234,176,0,.5);\n\n    border-radius:7px;\n\n    color:#fff;\n\n    text-decoration:none;\n\n    font-size:10px;\n\n    font-weight:700;\n\n    transition:.3s;\n}\n\n.ss-services-button:hover{\n\n    background:var(--yellow);\n\n    border-color:var(--yellow);\n\n    color:var(--navy);\n\n    transform:\n        translateY(-2px);\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n    .ss-services-main{\n\n        grid-template-columns:1fr;\n\n        gap:35px;\n\n    }\n\n    .ss-service-visual{\n\n        min-height:400px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    .ss-services{\n\n        padding:60px 15px;\n\n    }\n\n    .ss-services-header{\n\n        display:block;\n\n    }\n\n    .ss-services-desc{\n\n        margin-top:15px;\n\n    }\n\n    .ss-service-visual{\n\n        min-height:300px;\n\n        border-radius:14px;\n\n    }\n\n    .ss-service-big-number{\n\n        font-size:80px;\n\n    }\n\n    .ss-service-item{\n\n        grid-template-columns:\n            44px 1fr 18px;\n\n        min-height:85px;\n\n        gap:11px;\n\n    }\n\n    .ss-service-name{\n\n        font-size:14px;\n\n    }\n\n    .ss-service-item.active\n    .ss-service-name{\n\n        font-size:16px;\n\n    }\n\n    .ss-service-text{\n\n        font-size:9px;\n\n    }\n\n    .ss-services-bottom{\n\n        display:block;\n\n    }\n\n    .ss-services-button{\n\n        margin-top:15px;\n\n    }\n\n}\n<\/style>\n\n\n<section class=\"ss-services\">\n\n    <!-- Animated Background -->\n    <div class=\"ss-bg-grid\"><\/div>\n    <div class=\"ss-bg-lines\"><\/div>\n    <div class=\"ss-bg-glow\"><\/div>\n    <div class=\"ss-bg-dots\"><\/div>\n\n\n    <div class=\"ss-services-wrap\">\n\n\n        <!-- HEADER -->\n\n        <div class=\"ss-services-header\">\n\n            <div>\n\n                <div class=\"ss-services-kicker\">\n\n                    <span\n                        class=\"ss-services-kicker-line\"\n                    ><\/span>\n\n                    OUR SERVICES\n\n                <\/div>\n\n\n                <h2 class=\"ss-services-title\">\n\n                    From Idea\n                    <span>to Structure<\/span>\n\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"ss-services-desc\">\n\n                From the initial consultation to final execution,\n                every stage of your project is handled by one\n                specialized team through one clear process.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- MAIN -->\n\n        <div class=\"ss-services-main\">\n\n\n            <!-- IMAGE -->\n\n            <div class=\"ss-service-visual\">\n\n                <img decoding=\"async\"\n                    id=\"ssServiceImage\"\n                    class=\"ss-service-image\"\n                    src=\"\"\n                    alt=\"\"\n                >\n\n\n                <div\n                    id=\"ssServiceBigNumber\"\n                    class=\"ss-service-big-number\"\n                >\n                    01\n                <\/div>\n\n\n                <div\n                    id=\"ssServiceImageLabel\"\n                    class=\"ss-service-image-label\"\n                ><\/div>\n\n            <\/div>\n\n\n\n            <!-- SERVICES -->\n\n            <div\n                class=\"ss-service-list\"\n                id=\"ssServiceList\"\n            ><\/div>\n\n\n        <\/div>\n\n\n\n        <!-- BOTTOM -->\n\n        <div class=\"ss-services-bottom\">\n\n            <div class=\"ss-services-bottom-text\">\n\n                <strong>Sepahan Sooleh<\/strong>\n\n                &nbsp; | &nbsp;\n\n                From Design to Complete Project Execution\n\n            <\/div>\n\n\n            <a\n                href=\"tel:03142693300\"\n                class=\"ss-services-button\"\n            >\n\n                Request a Consultation\n\n                <span>\u2190<\/span>\n\n            <\/a>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n\n(function(){\n\n\"use strict\";\n\n\n\/* =========================================================\n   SERVICES DATA\n========================================================= *\/\n\nconst services = [\n\n{\n\n    id:1,\n\n    title:\"Expert Consultation\",\n\n    text:\n    \"Reviewing project requirements, application, dimensions, and execution conditions before design begins.\",\n\n    image:\n    \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0645\u0634\u0627\u0648\u0631\u0647-\u0631\u0627\u06cc\u06af\u0627\u0646-\u0627\u0632-\u0634\u0631\u06a9\u062a-\u0633\u067e\u0627\u0647\u0627\u0646-\u0633\u0648\u0644\u0647.jpg\",\n\n    label:\n    \"01 \/ Expert Consultation\"\n\n},\n\n\n{\n\n    id:2,\n\n    title:\"Design & Engineering\",\n\n    text:\n    \"Structural design, preparation of execution drawings, and selection of the right solution for the project.\",\n\n    image:\n    \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u067e\u0631\u0648\u0698\u0647-\u0633\u0648\u0644\u0647-\u0633\u0627\u0632\u06cc-1.jpg\",\n\n    label:\n    \"02 \/ Design & Engineering\"\n\n},\n\n\n{\n\n    id:3,\n\n    title:\"Manufacturing & Production\",\n\n    text:\n    \"Manufacturing structural components and parts using industrial equipment and processes.\",\n\n    image:\n    \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2021\/08\/\u0633\u0627\u062e\u062a-\u0633\u0648\u0644\u0647-.webp\",\n\n    label:\n    \"03 \/ Manufacturing & Production\"\n\n},\n\n\n{\n\n    id:4,\n\n    title:\"Installation & Execution\",\n\n    text:\n    \"Transporting components, assembling, and executing the structure on site with a specialized execution team.\",\n\n    image:\n    \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/07\/stick-electrode-welding.webp\",\n\n    label:\n    \"04 \/ Installation & Execution\"\n\n},\n\n\n{\n\n    id:5,\n\n    title:\"Roof & Wall Cladding\",\n\n    text:\n    \"\u0627\u062c\u0631\u0627\u06cc Roof & Wall Cladding \u0648 \u062a\u06a9\u0645\u06cc\u0644 \u062c\u0632\u0626\u06cc\u0627\u062a \u0646\u0647\u0627\u06cc\u06cc \u0633\u0627\u0632\u0647 \u0645\u0637\u0627\u0628\u0642 \u0645\u0634\u062e\u0635\u0627\u062a \u067e\u0631\u0648\u0698\u0647.\",\n\n    image:\n    \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/05\/Metal-structure.webp\",\n\n    label:\n    \"05 \/ Roof & Wall Cladding\"\n\n}\n\n];\n\n\n\/* =========================================================\n   ELEMENTS\n========================================================= *\/\n\nconst list =\ndocument.getElementById(\n    \"ssServiceList\"\n);\n\nconst image =\ndocument.getElementById(\n    \"ssServiceImage\"\n);\n\nconst number =\ndocument.getElementById(\n    \"ssServiceBigNumber\"\n);\n\nconst label =\ndocument.getElementById(\n    \"ssServiceImageLabel\"\n);\n\n\n\/* =========================================================\n   CREATE SERVICES\n========================================================= *\/\n\nservices.forEach(\n    (service,index) => {\n\n        const item =\n        document.createElement(\n            \"div\"\n        );\n\n        item.className =\n        \"ss-service-item\";\n\n\n        if(index === 0){\n\n            item.classList.add(\n                \"active\"\n            );\n\n        }\n\n\n        item.dataset.id =\n        service.id;\n\n\n        item.innerHTML = `\n\n            <div class=\"ss-service-number\">\n\n                ${String(\n                    service.id\n                ).padStart(2,\"0\")}\n\n            <\/div>\n\n\n            <div>\n\n                <h3\n                    class=\"ss-service-name\"\n                >\n\n                    ${service.title}\n\n                <\/h3>\n\n\n                <p\n                    class=\"ss-service-text\"\n                >\n\n                    ${service.text}\n\n                <\/p>\n\n            <\/div>\n\n\n            <div\n                class=\"ss-service-arrow\"\n            >\n\n                \u2190\n\n            <\/div>\n\n\n            <div\n                class=\"ss-service-progress\"\n            >\n\n                <div\n                    class=\"ss-service-progress-bar\"\n                ><\/div>\n\n            <\/div>\n\n        `;\n\n\n        item.addEventListener(\n            \"mouseenter\",\n            function(){\n\n                activateService(\n                    service.id\n                );\n\n            }\n        );\n\n\n        item.addEventListener(\n            \"click\",\n            function(){\n\n                activateService(\n                    service.id\n                );\n\n            }\n        );\n\n\n        list.appendChild(\n            item\n        );\n\n    }\n);\n\n\n\/* =========================================================\n   ACTIVATE\n========================================================= *\/\n\nfunction activateService(id){\n\n    const service =\n    services.find(\n        item =>\n        item.id === id\n    );\n\n    if(!service) return;\n\n\n    document\n    .querySelectorAll(\n        \".ss-service-item\"\n    )\n    .forEach(\n        item => {\n\n            item.classList.remove(\n                \"active\"\n            );\n\n        }\n    );\n\n\n    const active =\n    document.querySelector(\n        `.ss-service-item[data-id=\"${id}\"]`\n    );\n\n\n    if(active){\n\n        active.classList.add(\n            \"active\"\n        );\n\n    }\n\n\n    image.style.opacity=\"0\";\n\n\n    setTimeout(\n        function(){\n\n            image.src =\n            service.image;\n\n            image.alt =\n            service.title;\n\n            image.style.opacity=\"1\";\n\n        },\n        180\n    );\n\n\n    number.textContent =\n    String(\n        service.id\n    ).padStart(\n        2,\n        \"0\"\n    );\n\n\n    label.textContent =\n    service.label;\n\n\n    document\n    .querySelectorAll(\n        \".ss-service-progress-bar\"\n    )\n    .forEach(\n        bar => {\n\n            bar.style.height=\"0%\";\n\n        }\n    );\n\n\n    const progress =\n    active?.querySelector(\n        \".ss-service-progress-bar\"\n    );\n\n\n    if(progress){\n\n        progress.style.height=\"100%\";\n\n    }\n\n}\n\n\n\/* =========================================================\n   INITIAL\n========================================================= *\/\n\nactivateService(1);\n\n\n\/* =========================================================\n   AUTO PLAY\n========================================================= *\/\n\nlet current=1;\n\nlet autoPlay =\nsetInterval(\n    function(){\n\n        current++;\n\n        if(\n            current >\n            services.length\n        ){\n\n            current=1;\n\n        }\n\n        activateService(current);\n\n    },\n    5000\n);\n\n\n\/* =========================================================\n   PAUSE\n========================================================= *\/\n\nconst section =\ndocument.querySelector(\n    \".ss-services\"\n);\n\n\nsection.addEventListener(\n    \"mouseenter\",\n    function(){\n\n        clearInterval(\n            autoPlay\n        );\n\n    }\n);\n\n\nsection.addEventListener(\n    \"mouseleave\",\n    function(){\n\n        autoPlay =\n        setInterval(\n            function(){\n\n                current++;\n\n                if(\n                    current >\n                    services.length\n                ){\n\n                    current=1;\n\n                }\n\n                activateService(current);\n\n            },\n            5000\n        );\n\n    }\n);\n\n\n\/* =========================================================\n   MOUSE PARALLAX BACKGROUND\n========================================================= *\/\n\nsection.addEventListener(\n    \"mousemove\",\n    function(e){\n\n        const rect =\n        section.getBoundingClientRect();\n\n        const x =\n        (e.clientX - rect.left)\n        \/ rect.width\n        - .5;\n\n        const y =\n        (e.clientY - rect.top)\n        \/ rect.height\n        - .5;\n\n\n        const grid =\n        section.querySelector(\n            \".ss-bg-grid\"\n        );\n\n        const glow =\n        section.querySelector(\n            \".ss-bg-glow\"\n        );\n\n\n        grid.style.marginLeft =\n        `${x * 15}px`;\n\n        grid.style.marginTop =\n        `${y * 10}px`;\n\n\n        glow.style.transform =\n        `translate(${x * 35}px,${y * 25}px)`;\n\n    }\n);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-cb64b60 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"cb64b60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9212636 elementor-widget elementor-widget-html\" data-id=\"9212636\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SEPAHAN SOOLEH\r\n   FINAL PROJECT SYSTEM\r\n   Elementor HTML Widget\r\n\r\n   Only change the PROJECT DATA section to add a new project.\r\n========================================================= *\/\r\n\r\n.ss-projects{\r\n    direction:ltr;\r\n    width:100%;\r\n    padding:70px 20px;\r\n    background:#fff;\r\n    font-family:inherit;\r\n}\r\n\r\n.ss-projects *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ss-projects-wrap{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.ss-projects-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:flex-end;\r\n    gap:40px;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.ss-kicker{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n\r\n    color:#eab000;\r\n    font-size:11px;\r\n    font-weight:800;\r\n\r\n    margin-bottom:9px;\r\n}\r\n\r\n.ss-kicker-line{\r\n    width:28px;\r\n    height:2px;\r\n    background:#eab000;\r\n}\r\n\r\n.ss-title{\r\n    margin:0;\r\n\r\n    color:#071a33;\r\n\r\n    font-size:clamp(29px,3.5vw,43px);\r\n    line-height:1.25;\r\n\r\n    font-weight:850;\r\n}\r\n\r\n.ss-title span{\r\n    color:#eab000;\r\n}\r\n\r\n.ss-description{\r\n    max-width:410px;\r\n\r\n    margin:0;\r\n\r\n    color:#737d8a;\r\n\r\n    font-size:12px;\r\n    line-height:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FILTER\r\n========================================================= *\/\r\n\r\n.ss-filter{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:7px;\r\n\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ss-filter button{\r\n    border:1px solid #e2e7ec;\r\n\r\n    background:#fff;\r\n\r\n    color:#687483;\r\n\r\n    padding:8px 15px;\r\n\r\n    border-radius:7px;\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:10px;\r\n    font-weight:700;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.ss-filter button:hover,\r\n.ss-filter button.active{\r\n    background:#071a33;\r\n    border-color:#071a33;\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.ss-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.ss-card{\r\n    position:relative;\r\n\r\n    height:280px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:13px;\r\n\r\n    background:#071a33;\r\n\r\n    cursor:pointer;\r\n\r\n    animation:ssCardIn .45s ease both;\r\n}\r\n\r\n@keyframes ssCardIn{\r\n\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(12px);\r\n    }\r\n\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n\r\n}\r\n\r\n.ss-card-image{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .7s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.ss-card:hover .ss-card-image{\r\n    transform:scale(1.07);\r\n}\r\n\r\n.ss-card::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(3,13,27,.96),\r\n            rgba(3,13,27,.62) 40%,\r\n            rgba(3,13,27,.03) 80%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.ss-number{\r\n    position:absolute;\r\n\r\n    top:13px;\r\n    right:13px;\r\n\r\n    z-index:3;\r\n\r\n    width:35px;\r\n    height:35px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(7,26,51,.45);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN ICON\r\n========================================================= *\/\r\n\r\n.ss-open{\r\n    position:absolute;\r\n\r\n    top:13px;\r\n    left:13px;\r\n\r\n    z-index:3;\r\n\r\n    width:35px;\r\n    height:35px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#eab000;\r\n\r\n    color:#071a33;\r\n\r\n    font-size:17px;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(-7px);\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.ss-card:hover .ss-open{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ss-card-content{\r\n    position:absolute;\r\n\r\n    right:16px;\r\n    left:16px;\r\n    bottom:16px;\r\n\r\n    z-index:3;\r\n}\r\n\r\n.ss-category{\r\n    display:block;\r\n\r\n    color:#eab000;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n\r\n    margin-bottom:5px;\r\n}\r\n\r\n.ss-card-title{\r\n    margin:0 0 9px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n    font-weight:800;\r\n}\r\n\r\n.ss-meta{\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:5px;\r\n}\r\n\r\n.ss-meta span{\r\n    padding:5px 7px;\r\n\r\n    border-radius:5px;\r\n\r\n    background:rgba(255,255,255,.1);\r\n\r\n    color:#fff;\r\n\r\n    font-size:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMPTY\r\n========================================================= *\/\r\n\r\n.ss-empty{\r\n    grid-column:1\/-1;\r\n\r\n    padding:40px;\r\n\r\n    text-align:center;\r\n\r\n    color:#777;\r\n\r\n    font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MORE BUTTON\r\n========================================================= *\/\r\n\r\n.ss-more-wrap{\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    margin-top:28px;\r\n}\r\n\r\n.ss-more{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:8px;\r\n\r\n    padding:11px 21px;\r\n\r\n    border:1px solid #dfe4e9;\r\n\r\n    border-radius:7px;\r\n\r\n    background:#fff;\r\n\r\n    color:#071a33;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.ss-more:hover{\r\n    background:#071a33;\r\n\r\n    border-color:#071a33;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n========================================================= *\/\r\n\r\n.ss-modal{\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:999999;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:20px;\r\n\r\n    background:\r\n        rgba(2,12,25,.78);\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n\r\n    transition:.35s ease;\r\n}\r\n\r\n.ss-modal.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n}\r\n\r\n.ss-modal-box{\r\n    position:relative;\r\n\r\n    width:min(950px,100%);\r\n\r\n    max-height:90vh;\r\n\r\n    overflow:auto;\r\n\r\n    background:#fff;\r\n\r\n    border-radius:18px;\r\n\r\n    box-shadow:\r\n        0 30px 80px rgba(0,0,0,.3);\r\n\r\n    transform:\r\n        translateY(25px)\r\n        scale(.97);\r\n\r\n    transition:.35s ease;\r\n}\r\n\r\n.ss-modal.active .ss-modal-box{\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL CLOSE\r\n========================================================= *\/\r\n\r\n.ss-modal-close{\r\n    position:absolute;\r\n\r\n    top:15px;\r\n    left:15px;\r\n\r\n    z-index:10;\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:0;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(7,26,51,.8);\r\n\r\n    color:#fff;\r\n\r\n    font-size:20px;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL IMAGE\r\n========================================================= *\/\r\n\r\n.ss-modal-image{\r\n    width:100%;\r\n    height:360px;\r\n\r\n    object-fit:cover;\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL BODY\r\n========================================================= *\/\r\n\r\n.ss-modal-body{\r\n    padding:30px;\r\n}\r\n\r\n.ss-modal-category{\r\n    color:#eab000;\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n\r\n    margin-bottom:7px;\r\n}\r\n\r\n.ss-modal-title{\r\n    margin:0 0 18px;\r\n\r\n    color:#071a33;\r\n\r\n    font-size:28px;\r\n\r\n    font-weight:850;\r\n}\r\n\r\n.ss-modal-description{\r\n    margin:0 0 25px;\r\n\r\n    color:#687483;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:2.2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAILS\r\n========================================================= *\/\r\n\r\n.ss-details{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    border-top:1px solid #edf0f3;\r\n\r\n    border-bottom:1px solid #edf0f3;\r\n}\r\n\r\n.ss-detail{\r\n    padding:17px 14px;\r\n\r\n    border-left:1px solid #edf0f3;\r\n}\r\n\r\n.ss-detail:last-child{\r\n    border-left:0;\r\n}\r\n\r\n.ss-detail-label{\r\n    display:block;\r\n\r\n    color:#929ba6;\r\n\r\n    font-size:9px;\r\n\r\n    margin-bottom:6px;\r\n}\r\n\r\n.ss-detail-value{\r\n    display:block;\r\n\r\n    color:#071a33;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL FOOTER\r\n========================================================= *\/\r\n\r\n.ss-modal-footer{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    margin-top:23px;\r\n}\r\n\r\n.ss-modal-brand{\r\n    color:#071a33;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n.ss-modal-brand span{\r\n    color:#eab000;\r\n}\r\n\r\n.ss-modal-contact{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    padding:10px 17px;\r\n\r\n    background:#071a33;\r\n\r\n    color:#fff;\r\n\r\n    border-radius:7px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\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    .ss-grid{\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\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    .ss-projects{\r\n        padding:55px 15px;\r\n    }\r\n\r\n    .ss-projects-head{\r\n        display:block;\r\n    }\r\n\r\n    .ss-description{\r\n        margin-top:13px;\r\n    }\r\n\r\n    .ss-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ss-card{\r\n        height:280px;\r\n    }\r\n\r\n    .ss-modal{\r\n        padding:12px;\r\n    }\r\n\r\n    .ss-modal-image{\r\n        height:230px;\r\n    }\r\n\r\n    .ss-modal-body{\r\n        padding:22px;\r\n    }\r\n\r\n    .ss-modal-title{\r\n        font-size:23px;\r\n    }\r\n\r\n    .ss-details{\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n    .ss-detail{\r\n        border-bottom:1px solid #edf0f3;\r\n    }\r\n\r\n    .ss-modal-footer{\r\n        display:block;\r\n    }\r\n\r\n    .ss-modal-contact{\r\n        margin-top:15px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"ss-projects\">\r\n\r\n<div class=\"ss-projects-wrap\">\r\n\r\n\r\n<!-- =======================================================\r\n     HEADER\r\n======================================================= -->\r\n\r\n<div class=\"ss-projects-head\">\r\n\r\n    <div>\r\n\r\n        <div class=\"ss-kicker\">\r\n\r\n            <span class=\"ss-kicker-line\"><\/span>\r\n\r\n            PROJECTS\r\n\r\n        <\/div>\r\n\r\n        <h2 class=\"ss-title\">\r\n\r\n            Sepahan\r\n            <span>Sooleh Projects<\/span>\r\n\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p class=\"ss-description\">\r\n\r\n        A selection of projects designed and built by\r\n        Sepahan Sooleh, backed by experience,\r\n        technical expertise, and precise execution.\r\n\r\n    <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     FILTER\r\n======================================================= -->\r\n\r\n<div\r\n    class=\"ss-filter\"\r\n    id=\"ssProjectFilters\"\r\n>\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     PROJECT GRID\r\n======================================================= -->\r\n\r\n<div\r\n    class=\"ss-grid\"\r\n    id=\"ssProjectGrid\"\r\n>\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     MORE\r\n======================================================= -->\r\n\r\n<div class=\"ss-more-wrap\">\r\n\r\n    <a\r\n        href=\"\/projects\/\"\r\n        class=\"ss-more\"\r\n    >\r\n\r\n        View All Projects\r\n\r\n        <span>\u2192<\/span>\r\n\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\r\n<!-- =======================================================\r\n     MODAL\r\n======================================================= -->\r\n\r\n<div\r\n    class=\"ss-modal\"\r\n    id=\"ssProjectModal\"\r\n>\r\n\r\n<div class=\"ss-modal-box\">\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"ss-modal-close\"\r\n    id=\"ssModalClose\"\r\n>\r\n    \u00d7\r\n<\/button>\r\n\r\n\r\n<img decoding=\"async\"\r\n    id=\"ssModalImage\"\r\n    class=\"ss-modal-image\"\r\n    src=\"\"\r\n    alt=\"\"\r\n>\r\n\r\n\r\n<div class=\"ss-modal-body\">\r\n\r\n\r\n<div\r\n    id=\"ssModalCategory\"\r\n    class=\"ss-modal-category\"\r\n>\r\n<\/div>\r\n\r\n\r\n<h3\r\n    id=\"ssModalTitle\"\r\n    class=\"ss-modal-title\"\r\n>\r\n<\/h3>\r\n\r\n\r\n<p\r\n    id=\"ssModalDescription\"\r\n    class=\"ss-modal-description\"\r\n>\r\n<\/p>\r\n\r\n\r\n<div class=\"ss-details\">\r\n\r\n\r\n<div class=\"ss-detail\">\r\n\r\n<span class=\"ss-detail-label\">\r\n    Area\r\n<\/span>\r\n\r\n<span\r\n    id=\"ssModalArea\"\r\n    class=\"ss-detail-value\"\r\n>\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"ss-detail\">\r\n\r\n<span class=\"ss-detail-label\">\r\n    Location\r\n<\/span>\r\n\r\n<span\r\n    id=\"ssModalLocation\"\r\n    class=\"ss-detail-value\"\r\n>\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"ss-detail\">\r\n\r\n<span class=\"ss-detail-label\">\r\n    Project Type\r\n<\/span>\r\n\r\n<span\r\n    id=\"ssModalType\"\r\n    class=\"ss-detail-value\"\r\n>\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"ss-detail\">\r\n\r\n<span class=\"ss-detail-label\">\r\n    Status\r\n<\/span>\r\n\r\n<span\r\n    id=\"ssModalStatus\"\r\n    class=\"ss-detail-value\"\r\n>\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"ss-modal-footer\">\r\n\r\n<div class=\"ss-modal-brand\">\r\n\r\n    <span>Sepahan<\/span>\r\n    Sooleh\r\n\r\n<\/div>\r\n\r\n\r\n<a\r\n    href=\"tel:03142693300\"\r\n    class=\"ss-modal-contact\"\r\n>\r\n    Project Consultation\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n\"use strict\";\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT DATA\r\n\r\n   Only change this section to add a new project.\r\n\r\n========================================================= *\/\r\n\r\nconst projects = [\r\n\r\n    {\r\n\r\n        id:1,\r\n\r\n        showOnHome:true,\r\n\r\n        category:\"industrial\",\r\n\r\n        categoryName:\"Industrial Shed\",\r\n\r\n        title:\"Isfahan Industrial Project\",\r\n\r\n        image:\r\n        \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2021\/08\/\u06a9\u0627\u0631\u062e\u0627\u0646\u062c\u0627\u062a-\u06a9\u0627\u0634\u06cc-\u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f.webp\",\r\n\r\n        area:\"3,500 m\u00b2\",\r\n\r\n        location:\"Isfahan\",\r\n\r\n        type:\"Industrial Shed\",\r\n\r\n        status:\"Completed\",\r\n\r\n        description:\r\n        \"This project included the design, construction, and execution of a structural system for an industrial complex in Isfahan. From structural design to component manufacturing, installation, and final execution, all project stages were carried out by the Sepahan Sooleh team.\"\r\n\r\n    },\r\n\r\n\r\n    {\r\n\r\n        id:2,\r\n\r\n        showOnHome:true,\r\n\r\n        category:\"production\",\r\n\r\n        categoryName:\"Factory\",\r\n\r\n        title:\"Najafabad Production Complex\",\r\n\r\n        image:\r\n        \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/03\/\u06a9\u0627\u0631\u062e\u0627\u0646\u0647-\u0633\u062d\u0631\u0646\u0627\u0632-\u0633\u0644\u0627\u0645\u062a.webp\",\r\n\r\n        area:\"4,800 m\u00b2\",\r\n\r\n        location:\"Najafabad\",\r\n\r\n        type:\"Production Facility\",\r\n\r\n        status:\"Completed\",\r\n\r\n        description:\r\n        \"The Najafabad production complex project was executed to create a suitable space for production lines. Structural design, component manufacturing, and installation operations were carried out throughout the different stages of the project.\"\r\n\r\n    },\r\n\r\n\r\n    {\r\n\r\n        id:3,\r\n\r\n        showOnHome:true,\r\n\r\n        category:\"steel\",\r\n\r\n        categoryName:\"\",\r\n\r\n        title:\"Industrial Factory\",\r\n\r\n        image:\r\n        \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2021\/08\/\u0645\u0647\u062a\u0627\u0628-\u060c\u0635\u062f\u0641-\u0648-\u0646\u0648\u06cc\u0646-\u0633\u0631\u0627\u0645.webp\",\r\n\r\n        area:\"6,200 m\u00b2\",\r\n\r\n        location:\"Isfahan\",\r\n\r\n        type:\"Steel Structure\",\r\n\r\n        status:\"Completed\",\r\n\r\n        description:\r\n        \"This project focused on the execution of an industrial steel structure and the creation of a suitable space for production activities. All structural fabrication and installation stages were carried out in accordance with the project's technical requirements.\"\r\n\r\n    },\r\n\r\n\r\n    {\r\n\r\n        id:4,\r\n\r\n        showOnHome:true,\r\n\r\n        category:\"warehouse\",\r\n\r\n        categoryName:\"Sports Hall\",\r\n\r\n        title:\"Isfahan Industrial Warehouse\",\r\n\r\n        image:\r\n        \"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/03\/\u06a9\u0627\u0631\u062e\u0627\u0646\u062c\u0627\u062a-\u067e\u0627\u0631\u0645\u06cc\u062f\u0627-\u0644\u0628\u0646.webp\",\r\n\r\n        area:\"2,800 m\u00b2\",\r\n\r\n        location:\"Isfahan\",\r\n\r\n        type:\"Warehouse Shed\",\r\n\r\n        status:\"Completed\",\r\n\r\n        description:\r\n        \"The industrial warehouse project was developed to create a suitable space for storage and goods handling. The structure was designed, manufactured, and executed according to the project's requirements.\"\r\n\r\n    },\r\n\r\n    \r\n    {\r\n\r\n        id:5,\r\n\r\n        showOnHome:true,\r\n\r\n        category:\"production\",\r\n\r\n        categoryName:\"Factory\",\r\n\r\n        title:\"Najafabad Production Complex\",\r\n\r\n        image:\r\n        \"https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1600&q=90\",\r\n\r\n        area:\"4,800 m\u00b2\",\r\n\r\n        location:\"Najafabad\",\r\n\r\n        type:\"Production Facility\",\r\n\r\n        status:\"Completed\",\r\n\r\n        description:\r\n        \"The Najafabad production complex project was executed to create a suitable space for production lines. Structural design, component manufacturing, and installation operations were carried out throughout the different stages of the project.\"\r\n\r\n    },\r\n\r\n\r\n    \/* =====================================================\r\n       Add a new project exactly from here:\r\n\r\n       ,\r\n\r\n       {\r\n\r\n           id:5,\r\n\r\n           showOnHome:true,\r\n\r\n           category:\"industrial\",\r\n\r\n           categoryName:\"Industrial Shed\",\r\n\r\n           title:\"New Project Title\",\r\n\r\n           image:\"Project Image URL\",\r\n\r\n           area:\"5,000 m\u00b2\",\r\n\r\n           location:\"Isfahan\",\r\n\r\n           type:\"Industrial Shed\",\r\n\r\n           status:\"Completed\",\r\n\r\n           description:\r\n           \"Full description of the new project.\"\r\n\r\n       }\r\n\r\n    ===================================================== *\/\r\n\r\n];\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FILTER NAMES\r\n========================================================= *\/\r\n\r\nconst categories = [\r\n\r\n    {\r\n        id:\"all\",\r\n        name:\"All\"\r\n    },\r\n\r\n    {\r\n        id:\"industrial\",\r\n        name:\"Industrial Shed\"\r\n    },\r\n\r\n    {\r\n        id:\"warehouse\",\r\n        name:\"Warehouse\"\r\n    },\r\n\r\n    {\r\n        id:\"production\",\r\n        name:\"Factory\"\r\n    },\r\n    \r\n];\r\n\r\n\/\/ Additional categories can be added here\r\n\r\n\/* =========================================================\r\n   ELEMENTS\r\n========================================================= *\/\r\n\r\nconst grid =\r\n    document.getElementById(\r\n        \"ssProjectGrid\"\r\n    );\r\n\r\nconst filters =\r\n    document.getElementById(\r\n        \"ssProjectFilters\"\r\n    );\r\n\r\nconst modal =\r\n    document.getElementById(\r\n        \"ssProjectModal\"\r\n    );\r\n\r\nconst modalImage =\r\n    document.getElementById(\r\n        \"ssModalImage\"\r\n    );\r\n\r\nconst modalCategory =\r\n    document.getElementById(\r\n        \"ssModalCategory\"\r\n    );\r\n\r\nconst modalTitle =\r\n    document.getElementById(\r\n        \"ssModalTitle\"\r\n    );\r\n\r\nconst modalDescription =\r\n    document.getElementById(\r\n        \"ssModalDescription\"\r\n    );\r\n\r\nconst modalArea =\r\n    document.getElementById(\r\n        \"ssModalArea\"\r\n    );\r\n\r\nconst modalLocation =\r\n    document.getElementById(\r\n        \"ssModalLocation\"\r\n    );\r\n\r\nconst modalType =\r\n    document.getElementById(\r\n        \"ssModalType\"\r\n    );\r\n\r\nconst modalStatus =\r\n    document.getElementById(\r\n        \"ssModalStatus\"\r\n    );\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CREATE FILTERS\r\n========================================================= *\/\r\n\r\ncategories.forEach(\r\n\r\n    (category,index) => {\r\n\r\n        const button =\r\n            document.createElement(\r\n                \"button\"\r\n            );\r\n\r\n        button.type =\r\n            \"button\";\r\n\r\n        button.textContent =\r\n            category.name;\r\n\r\n        button.dataset.filter =\r\n            category.id;\r\n\r\n        if(index === 0){\r\n\r\n            button.classList.add(\r\n                \"active\"\r\n            );\r\n\r\n        }\r\n\r\n        filters.appendChild(\r\n            button\r\n        );\r\n\r\n    }\r\n\r\n);\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GET HOME PROJECTS\r\n========================================================= *\/\r\n\r\nfunction getHomeProjects(){\r\n\r\n    return projects\r\n        .filter(\r\n            project =>\r\n                project.showOnHome === true\r\n        )\r\n        .slice(0,4);\r\n\/\/ You can increase the number of projects displayed here\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CREATE CARD\r\n========================================================= *\/\r\n\r\nfunction createCard(\r\n    project,\r\n    number\r\n){\r\n\r\n    const card =\r\n        document.createElement(\r\n            \"article\"\r\n        );\r\n\r\n    card.className =\r\n        \"ss-card\";\r\n\r\n    card.dataset.category =\r\n        project.category;\r\n\r\n    card.dataset.project =\r\n        project.id;\r\n\r\n\r\n    card.innerHTML = `\r\n\r\n        <img decoding=\"async\"\r\n            class=\"ss-card-image\"\r\n            src=\"${project.image}\"\r\n            alt=\"${project.title}\"\r\n            loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"ss-number\">\r\n            ${String(number).padStart(2,\"0\")}\r\n        <\/div>\r\n\r\n        <div class=\"ss-open\">\r\n            \u2197\r\n        <\/div>\r\n\r\n        <div class=\"ss-card-content\">\r\n\r\n            <span class=\"ss-category\">\r\n                ${project.categoryName}\r\n            <\/span>\r\n\r\n            <h3 class=\"ss-card-title\">\r\n                ${project.title}\r\n            <\/h3>\r\n\r\n            <div class=\"ss-meta\">\r\n\r\n                <span>\r\n                    ${project.area}\r\n                <\/span>\r\n\r\n                <span>\r\n                    ${project.location}\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    `;\r\n\r\n\r\n    card.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n            openModal(\r\n                project\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    return card;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RENDER PROJECTS\r\n========================================================= *\/\r\n\r\nfunction renderProjects(\r\n    filter = \"all\"\r\n){\r\n\r\n    grid.innerHTML = \"\";\r\n\r\n    const homeProjects =\r\n        getHomeProjects();\r\n\r\n    const filtered =\r\n        homeProjects.filter(\r\n            project => {\r\n\r\n                if(\r\n                    filter === \"all\"\r\n                ){\r\n\r\n                    return true;\r\n\r\n                }\r\n\r\n                return (\r\n                    project.category ===\r\n                    filter\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    if(!filtered.length){\r\n\r\n        grid.innerHTML = `\r\n\r\n            <div class=\"ss-empty\">\r\n\r\n                No projects in this category\r\n                are currently displayed on the homepage.\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    filtered.forEach(\r\n        (project,index) => {\r\n\r\n            grid.appendChild(\r\n\r\n                createCard(\r\n                    project,\r\n                    index + 1\r\n                )\r\n\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   OPEN MODAL\r\n========================================================= *\/\r\n\r\nfunction openModal(\r\n    project\r\n){\r\n\r\n    modalImage.src =\r\n        project.image;\r\n\r\n    modalImage.alt =\r\n        project.title;\r\n\r\n    modalCategory.textContent =\r\n        project.categoryName;\r\n\r\n    modalTitle.textContent =\r\n        project.title;\r\n\r\n    modalDescription.textContent =\r\n        project.description;\r\n\r\n    modalArea.textContent =\r\n        project.area;\r\n\r\n    modalLocation.textContent =\r\n        project.location;\r\n\r\n    modalType.textContent =\r\n        project.type;\r\n\r\n    modalStatus.textContent =\r\n        project.status;\r\n\r\n\r\n    modal.classList.add(\r\n        \"active\"\r\n    );\r\n\r\n    document.body.style.overflow =\r\n        \"hidden\";\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE MODAL\r\n========================================================= *\/\r\n\r\nfunction closeModal(){\r\n\r\n    modal.classList.remove(\r\n        \"active\"\r\n    );\r\n\r\n    document.body.style.overflow =\r\n        \"\";\r\n\r\n}\r\n\r\n\r\n\r\ndocument\r\n    .getElementById(\r\n        \"ssModalClose\"\r\n    )\r\n    .addEventListener(\r\n        \"click\",\r\n        closeModal\r\n    );\r\n\r\n\r\n\r\nmodal.addEventListener(\r\n    \"click\",\r\n    function(event){\r\n\r\n        if(\r\n            event.target === modal\r\n        ){\r\n\r\n            closeModal();\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n\r\n\r\ndocument.addEventListener(\r\n    \"keydown\",\r\n    function(event){\r\n\r\n        if(\r\n            event.key === \"Escape\" &&\r\n            modal.classList.contains(\r\n                \"active\"\r\n            )\r\n        ){\r\n\r\n            closeModal();\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FILTER EVENTS\r\n========================================================= *\/\r\n\r\nfilters.addEventListener(\r\n    \"click\",\r\n    function(event){\r\n\r\n        const button =\r\n            event.target.closest(\r\n                \"button\"\r\n            );\r\n\r\n        if(!button) return;\r\n\r\n\r\n        filters\r\n            .querySelectorAll(\r\n                \"button\"\r\n            )\r\n            .forEach(\r\n                btn =>\r\n                    btn.classList.remove(\r\n                        \"active\"\r\n                    )\r\n            );\r\n\r\n\r\n        button.classList.add(\r\n            \"active\"\r\n        );\r\n\r\n\r\n        renderProjects(\r\n            button.dataset.filter\r\n        );\r\n\r\n    }\r\n);\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INITIALIZE\r\n========================================================= *\/\r\n\r\nrenderProjects(\"all\");\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-2a6bd6e wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"2a6bd6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2395f13 e-con-full e-flex e-con e-child\" data-id=\"2395f13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b0b0f04 e-con-full e-flex e-con e-child\" data-id=\"b0b0f04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-259de85 e-con-full e-flex e-con e-child\" data-id=\"259de85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8d6fe72 e-con-full e-flex e-con e-child\" data-id=\"8d6fe72\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9591220 elementor-mobile-position-inline-end elementor-view-default elementor-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"9591220\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0645\u0627 \t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98faf52 e-con-full e-flex e-con e-child\" data-id=\"98faf52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-122572c brand-slider elementor-widget elementor-widget-image-carousel\" data-id=\"122572c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:0,&quot;speed&quot;:2000,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"\u06a9\u0627\u0631\u0648\u0633\u0644 \u062a\u0635\u0648\u06cc\u0631\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/com.xedteam.xtileNovinCeram_512x512-150x150.webp\" alt=\"com.xedteam.xtileNovinCeram_512x512\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/logo-takceram-1024x768-1-150x150.png\" alt=\"logo-takceram-1024x768\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0622\u06cc\u06a9\u0648\u0646-\u0644\u0648\u0631\u0686-150x150.png\" alt=\"\u0622\u06cc\u06a9\u0648\u0646-\u0644\u0648\u0631\u0686\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0648\u06a9\u062a\u0648\u0631-\u0644\u0648\u06af\u0648-\u0642\u0627\u0644\u06cc-\u0633\u0644\u06cc\u0645\u0627\u0646-1-150x150.webp\" alt=\"\u0648\u06a9\u062a\u0648\u0631-\u0644\u0648\u06af\u0648-\u0642\u0627\u0644\u06cc-\u0633\u0644\u06cc\u0645\u0627\u0646-1\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-6-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-6\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-11-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-11\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-5-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-5\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-2-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-2\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-10-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-10\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-15-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-15\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-14-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-14\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-13-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-13\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u06489-150x150.png\" alt=\"\u0644\u0648\u06af\u06489\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-7-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-7\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-4-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-4\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"16 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-3-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-3\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"17 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-150x150.png\" alt=\"\u0644\u0648\u06af\u0648\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"18 of 18\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/\u0644\u0648\u06af\u0648-8-150x150.png\" alt=\"\u0644\u0648\u06af\u0648-8\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-44172dd wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"44172dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b368c3 elementor-widget elementor-widget-html\" data-id=\"5b368c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t```html\r\n<section class=\"ss-why-section\" dir=\"ltr\">\r\n\r\n  <div class=\"ss-why-inner\">\r\n\r\n    <!-- =========================\r\n         CONTENT\r\n    ========================== -->\r\n\r\n    <div class=\"ss-why-content\">\r\n\r\n      <div class=\"ss-why-heading\">\r\n        <span class=\"ss-why-kicker\">WHY SEPAHAN SOOLEH<\/span>\r\n\r\n        <h2>Why Sepahan Sooleh?<\/h2>\r\n\r\n        <div class=\"ss-why-line\"><\/div>\r\n      <\/div>\r\n\r\n\r\n      <p class=\"ss-why-intro\">\r\n        Choosing the right contractor is not limited to building a shed.\r\n        Design quality, execution precision, commitment to deadlines,\r\n        and reliable support are what define a successful project.\r\n      <\/p>\r\n\r\n\r\n      <ul class=\"ss-why-list\">\r\n\r\n        <li>\r\n          <span class=\"ss-check\">\u2713<\/span>\r\n          <span>Over 50 years of experience in the shed construction industry<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"ss-check\">\u2713<\/span>\r\n          <span>Use of trusted equipment and reputable brands<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"ss-check\">\u2713<\/span>\r\n          <span>Specialized engineering and execution team<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"ss-check\">\u2713<\/span>\r\n          <span>On-time delivery and commitment to our promises<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"ss-check\">\u2713<\/span>\r\n          <span>Dedicated after-sales service and support<\/span>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n\r\n      <a href=\"#about\" class=\"ss-why-button\">\r\n        <span>About Sepahan Sooleh<\/span>\r\n        <b>\u2192<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         IMAGE + STATS\r\n    ========================== -->\r\n\r\n    <div class=\"ss-why-visual\">\r\n\r\n      <!-- Replace the image with your own -->\r\n      <div class=\"ss-why-image\"><\/div>\r\n\r\n      <div class=\"ss-why-overlay\"><\/div>\r\n\r\n\r\n      <!-- =========================\r\n           STATS\r\n      ========================== -->\r\n\r\n      <div class=\"ss-why-stats\">\r\n\r\n\r\n        <div class=\"ss-stat\">\r\n\r\n          <div class=\"ss-stat-icon\">\r\n            <span>\u25a3<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ss-stat-number\">\r\n            <strong data-number=\"1000\">0<\/strong>\r\n            <em>+<\/em>\r\n          <\/div>\r\n\r\n          <span class=\"ss-stat-label\">\r\n            Successful Projects\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ss-stat\">\r\n\r\n          <div class=\"ss-stat-icon\">\r\n            <span>\u25f7<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ss-stat-number\">\r\n            <strong data-number=\"50\">0<\/strong>\r\n            <em>+<\/em>\r\n          <\/div>\r\n\r\n          <span class=\"ss-stat-label\">\r\n            Years of Experience\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ss-stat\">\r\n\r\n          <div class=\"ss-stat-icon\">\r\n            <span>\u2659<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ss-stat-number\">\r\n            <strong data-number=\"500\">0<\/strong>\r\n            <em>+<\/em>\r\n          <\/div>\r\n\r\n          <span class=\"ss-stat-label\">\r\n            Satisfied Clients\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ss-stat\">\r\n\r\n          <div class=\"ss-stat-icon\">\r\n            <span>\u25c7<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ss-stat-number\">\r\n            <strong data-number=\"20\">0<\/strong>\r\n            <em>+<\/em>\r\n          <\/div>\r\n\r\n          <span class=\"ss-stat-label\">\r\n            Provinces Covered\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   VARIABLES\r\n===================================================== *\/\r\n\r\n.ss-why-section{\r\n\r\n  --navy:#071A2B;\r\n  --navy2:#0B263C;\r\n\r\n  --yellow:#F2B900;\r\n\r\n  --text:#172A38;\r\n  --muted:#687983;\r\n\r\n  --border:#E5EAEE;\r\n\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n\r\n  margin-left:calc(50% - 50vw) !important;\r\n  margin-right:calc(50% - 50vw) !important;\r\n\r\n  padding:55px 0 !important;\r\n\r\n  background:#FFFFFF !important;\r\n\r\n  overflow:hidden;\r\n\r\n  font-family:inherit;\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RESET\r\n===================================================== *\/\r\n\r\n.ss-why-section *,\r\n.ss-why-section *::before,\r\n.ss-why-section *::after{\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN\r\n===================================================== *\/\r\n\r\n.ss-why-inner{\r\n\r\n  width:100%;\r\n\r\n  min-height:360px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    43% 57%;\r\n\r\n  margin:0;\r\n\r\n  background:#FFFFFF;\r\n\r\n  border-top:1px solid var(--border);\r\n  border-bottom:1px solid var(--border);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CONTENT\r\n===================================================== *\/\r\n\r\n.ss-why-content{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  padding:\r\n    45px\r\n    clamp(30px,7vw,110px)\r\n    45px\r\n    clamp(30px,5vw,80px);\r\n\r\n  background:#FFFFFF;\r\n\r\n  border-right:1px solid var(--border);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KICKER\r\n===================================================== *\/\r\n\r\n.ss-why-kicker{\r\n\r\n  display:block;\r\n\r\n  margin-bottom:5px;\r\n\r\n  color:var(--yellow);\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TITLE\r\n===================================================== *\/\r\n\r\n.ss-why-heading h2{\r\n\r\n  margin:0;\r\n\r\n  color:var(--navy);\r\n\r\n  font-size:\r\n    clamp(24px,2.5vw,34px);\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.ss-why-line{\r\n\r\n  width:34px;\r\n\r\n  height:3px;\r\n\r\n  margin-top:8px;\r\n\r\n  background:var(--yellow);\r\n\r\n  border-radius:10px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INTRO\r\n===================================================== *\/\r\n\r\n.ss-why-intro{\r\n\r\n  max-width:500px;\r\n\r\n  margin:\r\n    16px\r\n    0\r\n    17px;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n\r\n  line-height:2.1;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LIST\r\n===================================================== *\/\r\n\r\n.ss-why-list{\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:8px;\r\n\r\n  margin:0;\r\n\r\n  padding:0;\r\n\r\n  list-style:none;\r\n\r\n}\r\n\r\n\r\n.ss-why-list li{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CHECK\r\n===================================================== *\/\r\n\r\n.ss-check{\r\n\r\n  width:17px;\r\n\r\n  height:17px;\r\n\r\n  min-width:17px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--yellow);\r\n\r\n  color:var(--navy);\r\n\r\n  border-radius:50%;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BUTTON\r\n===================================================== *\/\r\n\r\n.ss-why-button{\r\n\r\n  width:max-content;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:20px;\r\n\r\n  padding:9px 16px;\r\n\r\n  border:1px solid var(--navy);\r\n\r\n  border-radius:5px;\r\n\r\n  color:var(--navy);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  transition:\r\n    .3s ease;\r\n\r\n}\r\n\r\n\r\n.ss-why-button b{\r\n\r\n  color:var(--yellow);\r\n\r\n  font-size:14px;\r\n\r\n  transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n.ss-why-button:hover{\r\n\r\n  background:var(--navy);\r\n\r\n  color:#fff;\r\n\r\n}\r\n\r\n\r\n.ss-why-button:hover b{\r\n\r\n  transform:translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VISUAL\r\n===================================================== *\/\r\n\r\n.ss-why-visual{\r\n\r\n  position:relative;\r\n\r\n  min-height:360px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--navy);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE\r\n===================================================== *\/\r\n\r\n.ss-why-image{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background-image:\r\n\r\n    url(\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/06\/Welding-wire-for-shed.webp\");\r\n\r\n  background-size:cover;\r\n\r\n  background-position:center;\r\n\r\n  transform:scale(1.01);\r\n\r\n  transition:\r\n    transform 1s\r\n    cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.ss-why-inner:hover\r\n.ss-why-image{\r\n\r\n  transform:scale(1.045);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE OVERLAY\r\n===================================================== *\/\r\n\r\n.ss-why-overlay{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,26,43,.91),\r\n      rgba(7,26,43,.58)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STATS\r\n===================================================== *\/\r\n\r\n.ss-why-stats{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:3;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,170px);\r\n\r\n  grid-template-rows:\r\n    repeat(2,100px);\r\n\r\n  justify-content:center;\r\n\r\n  align-content:center;\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STAT CARD\r\n===================================================== *\/\r\n\r\n.ss-stat{\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(8,30,47,.55);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.18);\r\n\r\n  border-radius:9px;\r\n\r\n  backdrop-filter:blur(9px);\r\n\r\n  -webkit-backdrop-filter:blur(9px);\r\n\r\n  transition:\r\n    .35s ease;\r\n\r\n}\r\n\r\n\r\n.ss-stat:hover{\r\n\r\n  transform:translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(242,185,0,.65);\r\n\r\n  background:\r\n    rgba(7,27,43,.78);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STAT ICON\r\n===================================================== *\/\r\n\r\n.ss-stat-icon{\r\n\r\n  position:absolute;\r\n\r\n  top:10px;\r\n\r\n  right:10px;\r\n\r\n  width:25px;\r\n\r\n  height:25px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(242,185,0,.45);\r\n\r\n  border-radius:6px;\r\n\r\n  color:var(--yellow);\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   NUMBER\r\n===================================================== *\/\r\n\r\n.ss-stat-number{\r\n\r\n  display:flex;\r\n\r\n  align-items:baseline;\r\n\r\n  direction:ltr;\r\n\r\n}\r\n\r\n\r\n.ss-stat-number strong{\r\n\r\n  color:var(--yellow);\r\n\r\n  font-size:29px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n.ss-stat-number em{\r\n\r\n  margin-left:2px;\r\n\r\n  color:var(--yellow);\r\n\r\n  font-size:17px;\r\n\r\n  font-style:normal;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LABEL\r\n===================================================== *\/\r\n\r\n.ss-stat-label{\r\n\r\n  margin-top:8px;\r\n\r\n  color:#E6EDF1;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:700;\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  .ss-why-section{\r\n\r\n    padding:40px 0 !important;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-inner{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-content{\r\n\r\n    padding:\r\n      40px 30px;\r\n\r\n    border-right:0;\r\n\r\n    border-bottom:1px solid var(--border);\r\n\r\n  }\r\n\r\n\r\n  .ss-why-visual{\r\n\r\n    min-height:340px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .ss-why-section{\r\n\r\n    padding:25px 0 !important;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-content{\r\n\r\n    padding:\r\n      32px 20px;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-heading h2{\r\n\r\n    font-size:23px;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-intro{\r\n\r\n    font-size:9px;\r\n\r\n    line-height:2;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-list{\r\n\r\n    gap:7px;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-list li{\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-button{\r\n\r\n    margin-top:17px;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-visual{\r\n\r\n    min-height:330px;\r\n\r\n  }\r\n\r\n\r\n  .ss-why-stats{\r\n\r\n    grid-template-columns:\r\n      repeat(2,135px);\r\n\r\n    grid-template-rows:\r\n      repeat(2,92px);\r\n\r\n    gap:8px;\r\n\r\n  }\r\n\r\n\r\n  .ss-stat-number strong{\r\n\r\n    font-size:24px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:370px){\r\n\r\n  .ss-why-stats{\r\n\r\n    grid-template-columns:\r\n      repeat(2,120px);\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =====================================================\r\n   NUMBER COUNTER\r\n===================================================== *\/\r\n\r\n(function(){\r\n\r\n  const section =\r\n    document.querySelector('.ss-why-section');\r\n\r\n  if(!section) return;\r\n\r\n\r\n  const numbers =\r\n    section.querySelectorAll('[data-number]');\r\n\r\n\r\n  let started = false;\r\n\r\n\r\n  function startCounter(){\r\n\r\n    if(started) return;\r\n\r\n    started = true;\r\n\r\n\r\n    numbers.forEach(function(element){\r\n\r\n      const target =\r\n        parseInt(\r\n          element.getAttribute('data-number'),\r\n          10\r\n        );\r\n\r\n\r\n      const duration = 1300;\r\n\r\n      const start =\r\n        performance.now();\r\n\r\n\r\n      function update(now){\r\n\r\n        const progress =\r\n          Math.min(\r\n            (now - start) \/ duration,\r\n            1\r\n          );\r\n\r\n\r\n        const ease =\r\n          1 -\r\n          Math.pow(\r\n            1 - progress,\r\n            3\r\n          );\r\n\r\n\r\n        const value =\r\n          Math.floor(\r\n            target * ease\r\n          );\r\n\r\n\r\n        element.textContent =\r\n          value.toLocaleString('en-US');\r\n\r\n\r\n        if(progress < 1){\r\n\r\n          requestAnimationFrame(update);\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      requestAnimationFrame(update);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    'IntersectionObserver'\r\n    in window\r\n  ){\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n              startCounter();\r\n\r\n              observer.disconnect();\r\n\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.25\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observer.observe(section);\r\n\r\n  }else{\r\n\r\n    startCounter();\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0b2f5eb wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"0b2f5eb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;wave-brush&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa05775 e-con-full e-flex e-con e-child\" data-id=\"fa05775\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82ebff6 elementor-widget elementor-widget-spacer\" data-id=\"82ebff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de72e52 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget-divider--separator-type-pattern elementor-widget-divider--no-spacing elementor-widget elementor-widget-divider\" data-id=\"de72e52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\" style=\"--divider-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;xMidYMid meet&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 126 26&#039; fill=&#039;black&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M3,10.2c2.6,0,2.6,2,2.6,3.2S4.4,16.5,3,16.5s-3-1.4-3-3.2S0.4,10.2,3,10.2z M18.8,10.2c1.7,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2c-1.7,0-3.2-1.4-3.2-3.2S17,10.2,18.8,10.2z M34.6,10.2c1.5,0,2.6,1.4,2.6,3.2s-0.5,3.2-1.9,3.2c-1.5,0-3.4-1.4-3.4-3.2S33.1,10.2,34.6,10.2z M50.5,10.2c1.7,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2c-1.7,0-3.3-0.9-3.3-2.6S48.7,10.2,50.5,10.2z M66.2,10.2c1.5,0,3.4,1.4,3.4,3.2s-1.9,3.2-3.4,3.2c-1.5,0-2.6-0.4-2.6-2.1S64.8,10.2,66.2,10.2z M82.2,10.2c1.7,0.8,2.6,1.4,2.6,3.2s-0.1,3.2-1.6,3.2c-1.5,0-3.7-1.4-3.7-3.2S80.5,9.4,82.2,10.2zM98.6,10.2c1.5,0,2.6,0.4,2.6,2.1s-1.2,4.2-2.6,4.2c-1.5,0-3.7-0.4-3.7-2.1S97.1,10.2,98.6,10.2z M113.4,10.2c1.2,0,2.2,0.9,2.2,3.2s-0.1,3.2-1.3,3.2s-3.1-1.4-3.1-3.2S112.2,10.2,113.4,10.2z&#039;\/%3E%3C\/svg%3E&quot;);\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\t\u0641\u0631\u0645 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u0633\u0648\u0644\u0647 \t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eec0184 elementor-widget__width-initial elementor-widget elementor-widget-wd_text_block\" data-id=\"eec0184\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-center color-title\">\n\t\t\t\n\t\t\t<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639 \u0627\u0632 \u0642\u06cc\u0645\u062a \u0633\u0648\u0644\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0641\u0631\u0645 \u0632\u06cc\u0631 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f\u00a0<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5f518 elementor-button-align-center elementor-widget elementor-widget-form\" data-id=\"9e5f518\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;\\u0628\\u0639\\u062f&quot;,&quot;step_previous_label&quot;:&quot;\\u0642\\u0628\\u0644\\u06cc&quot;,&quot;step_icon_shape&quot;:&quot;square&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u0641\u0630\u0645 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \" aria-label=\"\u0641\u0630\u0645 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"26594\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"9e5f518\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"26594\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0646\u0627\u0645 \u0648\u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"\u0646\u0627\u0645 \u0648\u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0645\u0633\u0627\u062d\u062a \u062a\u0642\u0631\u06cc\u0628\u06cc \u0633\u0648\u0644\u0647 \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"\u0645\u0633\u0627\u062d\u062a \u062a\u0642\u0631\u06cc\u0628\u06cc \u0633\u0648\u0644\u0647 \" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_5c40ac0 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_5c40ac0\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u06a9\u0627\u0631\u0628\u0631\u06cc\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_5c40ac0]\" id=\"form-field-field_5c40ac0\" class=\"elementor-field-textual elementor-size-md\">\n\t\t\t\t\t\t\t\t\t<option value=\"\">\u0635\u0646\u0639\u062a\u06cc\/\u062a\u0648\u0644\u06cc\u062f\u06cc\/\u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\" \"> \u0627\u0646\u0628\u0627\u0631\u062f\u0627\u0631\u06cc\/\u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0627\u0644\u0627<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\" \">\u062f\u0627\u0645\u062f\u0627\u0631\u06cc\/ \u0645\u0631\u063a\u062f\u0627\u0631\u06cc\/\u0633\u0631\u062f \u062e\u0627\u0646\u0647<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\" \">\u062a\u062c\u0627\u0631\u06cc\/ \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"\u0633\u0627\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0647\u0627 \">\u0633\u0627\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0647\u0627 <\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a <\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c23fd6 e-con-full e-flex e-con e-child\" data-id=\"4c23fd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a29e65 e-con-full e-flex e-con e-child\" data-id=\"6a29e65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-8ccdbe2 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"8ccdbe2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b36a2c elementor-widget elementor-widget-html\" data-id=\"8b36a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =====================================================\r\n   SEPAHAN SOOLEH \u2014 INDUSTRIAL CTA V2\r\n   Abstract Metal Visual \/ Elementor\r\n===================================================== *\/\r\n\r\n.ss-project-cta {\r\n    --navy:#071b35;\r\n    --navy2:#0d2c50;\r\n    --yellow:#f5b900;\r\n    --yellow2:#ffd84d;\r\n    --text:#071b35;\r\n    --gray:#687789;\r\n    --line:#dce3ea;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    min-height:520px;\r\n    overflow:hidden;\r\n    direction:ltr;\r\n    background:#f6f8fa;\r\n    font-family:inherit;\r\n    isolation:isolate;\r\n}\r\n\r\n\/* ================= BACKGROUND ================= *\/\r\n\r\n.ss-project-cta .ss-bg-grid {\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:.5;\r\n\r\n    background-image:\r\n        linear-gradient(to right,rgba(7,27,53,.045) 1px,transparent 1px),\r\n        linear-gradient(to bottom,rgba(7,27,53,.045) 1px,transparent 1px);\r\n\r\n    background-size:42px 42px;\r\n}\r\n\r\n.ss-project-cta .ss-tech-lines {\r\n    position:absolute;\r\n    width:520px;\r\n    height:520px;\r\n    left:-220px;\r\n    top:-210px;\r\n\r\n    border:1px solid rgba(7,27,53,.08);\r\n    transform:rotate(45deg);\r\n}\r\n\r\n.ss-project-cta .ss-tech-lines:before,\r\n.ss-project-cta .ss-tech-lines:after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:45px;\r\n    border:1px solid rgba(7,27,53,.07);\r\n}\r\n\r\n.ss-project-cta .ss-tech-lines:after {\r\n    inset:90px;\r\n}\r\n\r\n\/* ================= BLUEPRINT LINE ================= *\/\r\n\r\n.ss-project-cta .ss-blueprint-line {\r\n    position:absolute;\r\n    left:-5%;\r\n    bottom:74px;\r\n    width:110%;\r\n    height:2px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--yellow) 20%,\r\n        var(--yellow) 70%,\r\n        transparent\r\n    );\r\n\r\n    opacity:.85;\r\n}\r\n\r\n.ss-project-cta .ss-blueprint-line:before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    right:18%;\r\n    top:-5px;\r\n\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n    background:var(--yellow);\r\n\r\n    box-shadow:0 0 0 5px rgba(245,185,0,.12);\r\n\r\n    animation:ss-point 2.5s infinite;\r\n}\r\n\r\n@keyframes ss-point {\r\n    0%,100% {\r\n        transform:scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:scale(1.6);\r\n    }\r\n}\r\n\r\n\/* ================= CONTAINER ================= *\/\r\n\r\n.ss-project-cta .ss-container {\r\n    position:relative;\r\n    z-index:5;\r\n\r\n    width:min(1400px,92%);\r\n    min-height:520px;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n    grid-template-columns:1fr 1.15fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:70px;\r\n}\r\n\r\n\/* ================= TEXT ================= *\/\r\n\r\n.ss-project-cta .ss-copy {\r\n    position:relative;\r\n    z-index:10;\r\n    padding:50px 0;\r\n}\r\n\r\n.ss-project-cta .ss-eyebrow {\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    color:var(--yellow);\r\n\r\n    font-size:12px;\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ss-project-cta .ss-eyebrow i {\r\n    display:block;\r\n    width:38px;\r\n    height:3px;\r\n\r\n    background:var(--yellow);\r\n}\r\n\r\n.ss-project-cta h2 {\r\n    margin:0;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:clamp(38px,4.5vw,67px);\r\n\r\n    line-height:1.12;\r\n\r\n    font-weight:950;\r\n\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.ss-project-cta h2 span {\r\n    color:var(--yellow);\r\n    position:relative;\r\n}\r\n\r\n.ss-project-cta h2 span:after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    bottom:-8px;\r\n\r\n    width:100%;\r\n    height:5px;\r\n\r\n    background:var(--yellow);\r\n\r\n    transform:scaleX(0);\r\n\r\n    transform-origin:left;\r\n\r\n    animation:ss-title-line 1.1s ease forwards .7s;\r\n}\r\n\r\n@keyframes ss-title-line {\r\n    to {\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n.ss-project-cta .ss-description {\r\n    max-width:590px;\r\n\r\n    margin:25px 0 30px;\r\n\r\n    color:var(--gray);\r\n\r\n    font-size:16px;\r\n\r\n    line-height:2;\r\n}\r\n\r\n\/* ================= BUTTONS ================= *\/\r\n\r\n.ss-project-cta .ss-actions {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.ss-project-cta .ss-main-button {\r\n    position:relative;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:18px;\r\n\r\n    min-width:205px;\r\n\r\n    padding:16px 23px;\r\n\r\n    background:var(--navy);\r\n\r\n    color:#fff;\r\n\r\n    border-radius:8px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:14px;\r\n    font-weight:900;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:0 12px 30px rgba(7,27,53,.18);\r\n\r\n    transition:.4s;\r\n}\r\n\r\n.ss-project-cta .ss-main-button:before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:0;\r\n    height:100%;\r\n\r\n    left:0;\r\n    top:0;\r\n\r\n    background:var(--yellow);\r\n\r\n    transition:.45s;\r\n}\r\n\r\n.ss-project-cta .ss-main-button:hover:before {\r\n    width:100%;\r\n}\r\n\r\n.ss-project-cta .ss-main-button span,\r\n.ss-project-cta .ss-main-button b {\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.ss-project-cta .ss-main-button b {\r\n    font-size:21px;\r\n    transition:.35s;\r\n}\r\n\r\n.ss-project-cta .ss-main-button:hover {\r\n    color:var(--navy);\r\n    transform:translateY(-4px);\r\n}\r\n\r\n.ss-project-cta .ss-main-button:hover b {\r\n    transform:translateX(6px);\r\n}\r\n\r\n.ss-project-cta .ss-call {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:var(--navy);\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:800;\r\n\r\n    padding:12px 16px;\r\n}\r\n\r\n.ss-project-cta .ss-call-icon {\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:1px solid var(--line);\r\n\r\n    border-radius:50%;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.ss-project-cta .ss-call:hover .ss-call-icon {\r\n    background:var(--yellow);\r\n    border-color:var(--yellow);\r\n\r\n    transform:rotate(12deg);\r\n}\r\n\r\n\/* ================= STATS ================= *\/\r\n\r\n.ss-project-cta .ss-meta {\r\n    display:flex;\r\n\r\n    gap:30px;\r\n\r\n    margin-top:32px;\r\n\r\n    padding-top:20px;\r\n\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.ss-project-cta .ss-meta-item {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n}\r\n\r\n.ss-project-cta .ss-meta-number {\r\n    color:var(--navy);\r\n\r\n    font-size:25px;\r\n\r\n    font-weight:950;\r\n}\r\n\r\n.ss-project-cta .ss-meta-label {\r\n    color:#7a8794;\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\/* =====================================================\r\n   RIGHT VISUAL\r\n===================================================== *\/\r\n\r\n.ss-project-cta .ss-visual {\r\n    position:relative;\r\n\r\n    height:460px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n}\r\n\r\n\/* ================= BIG 50 ================= *\/\r\n\r\n.ss-project-cta .ss-year {\r\n    position:absolute;\r\n\r\n    right:20px;\r\n    bottom:15px;\r\n\r\n    color:rgba(7,27,53,.045);\r\n\r\n    font-size:170px;\r\n\r\n    line-height:1;\r\n\r\n    font-weight:1000;\r\n\r\n    z-index:0;\r\n}\r\n\r\n\/* ================= CIRCLES ================= *\/\r\n\r\n.ss-project-cta .ss-circle {\r\n    position:absolute;\r\n\r\n    width:390px;\r\n    height:390px;\r\n\r\n    border:1px solid rgba(7,27,53,.09);\r\n\r\n    border-radius:50%;\r\n\r\n    animation:ss-rotate 25s linear infinite;\r\n}\r\n\r\n.ss-project-cta .ss-circle:before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--yellow);\r\n\r\n    top:28px;\r\n    right:70px;\r\n\r\n    box-shadow:0 0 0 8px rgba(245,185,0,.1);\r\n}\r\n\r\n.ss-project-cta .ss-circle-2 {\r\n    position:absolute;\r\n\r\n    width:300px;\r\n    height:300px;\r\n\r\n    border:1px dashed rgba(7,27,53,.12);\r\n\r\n    border-radius:50%;\r\n\r\n    animation:ss-rotate-reverse 18s linear infinite;\r\n}\r\n\r\n@keyframes ss-rotate {\r\n    to {\r\n        transform:rotate(360deg);\r\n    }\r\n}\r\n\r\n@keyframes ss-rotate-reverse {\r\n    to {\r\n        transform:rotate(-360deg);\r\n    }\r\n}\r\n\r\n\/* =====================================================\r\n   ABSTRACT METAL OBJECT\r\n===================================================== *\/\r\n\r\n.ss-metal-object {\r\n    position:relative;\r\n\r\n    width:370px;\r\n    height:300px;\r\n\r\n    z-index:4;\r\n\r\n    transform:\r\n        perspective(900px)\r\n        rotateY(15deg)\r\n        rotateX(6deg);\r\n\r\n    transition:.7s ease;\r\n\r\n    filter:drop-shadow(0 30px 35px rgba(7,27,53,.16));\r\n}\r\n\r\n.ss-project-cta .ss-visual:hover .ss-metal-object {\r\n    transform:\r\n        perspective(900px)\r\n        rotateY(23deg)\r\n        rotateX(10deg)\r\n        translateY(-10px)\r\n        scale(1.03);\r\n}\r\n\r\n\/* ================= METAL PANELS ================= *\/\r\n\r\n.ss-metal-panel {\r\n    position:absolute;\r\n\r\n    border-radius:5px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #ffffff 0%,\r\n            #dce3e8 35%,\r\n            #aeb9c2 50%,\r\n            #edf1f3 70%,\r\n            #c5cdd3 100%\r\n        );\r\n\r\n    border:1px solid rgba(7,27,53,.18);\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.9),\r\n        inset 0 -10px 20px rgba(7,27,53,.08);\r\n}\r\n\r\n\/* diagonal highlight *\/\r\n\r\n.ss-metal-panel:before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:130%;\r\n    height:35px;\r\n\r\n    top:25%;\r\n\r\n    left:-20%;\r\n\r\n    background:rgba(255,255,255,.35);\r\n\r\n    transform:rotate(25deg);\r\n\r\n    filter:blur(5px);\r\n}\r\n\r\n\/* PANEL 1 *\/\r\n\r\n.ss-metal-panel.p1 {\r\n    width:235px;\r\n    height:125px;\r\n\r\n    top:45px;\r\n    left:55px;\r\n\r\n    transform:\r\n        skewY(-8deg)\r\n        rotate(7deg);\r\n\r\n    z-index:4;\r\n}\r\n\r\n\/* PANEL 2 *\/\r\n\r\n.ss-metal-panel.p2 {\r\n    width:245px;\r\n    height:105px;\r\n\r\n    top:125px;\r\n    left:0;\r\n\r\n    transform:\r\n        skewY(8deg)\r\n        rotate(-7deg);\r\n\r\n    z-index:3;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #0d2c50,\r\n            #173d64 45%,\r\n            #071b35\r\n        );\r\n}\r\n\r\n\/* PANEL 3 *\/\r\n\r\n.ss-metal-panel.p3 {\r\n    width:215px;\r\n    height:95px;\r\n\r\n    top:165px;\r\n    right:35px;\r\n\r\n    transform:\r\n        skewY(-11deg)\r\n        rotate(13deg);\r\n\r\n    z-index:2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f5b900,\r\n            #ffd84d 45%,\r\n            #d89f00\r\n        );\r\n}\r\n\r\n\/* ================= PANEL EDGES ================= *\/\r\n\r\n.ss-metal-edge {\r\n    position:absolute;\r\n\r\n    height:4px;\r\n\r\n    background:var(--yellow);\r\n\r\n    border-radius:10px;\r\n\r\n    z-index:8;\r\n\r\n    box-shadow:0 0 15px rgba(245,185,0,.35);\r\n}\r\n\r\n.ss-metal-edge.e1 {\r\n    width:190px;\r\n\r\n    left:90px;\r\n    top:85px;\r\n\r\n    transform:rotate(7deg);\r\n}\r\n\r\n.ss-metal-edge.e2 {\r\n    width:130px;\r\n\r\n    right:65px;\r\n    bottom:75px;\r\n\r\n    transform:rotate(13deg);\r\n}\r\n\r\n\/* ================= CENTER BRAND MARK ================= *\/\r\n\r\n.ss-brand-core {\r\n    position:absolute;\r\n\r\n    width:105px;\r\n    height:105px;\r\n\r\n    left:125px;\r\n    top:110px;\r\n\r\n    z-index:10;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    background:var(--navy);\r\n\r\n    color:#fff;\r\n\r\n    border:5px solid rgba(255,255,255,.75);\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(7,27,53,.25),\r\n        0 0 0 8px rgba(245,185,0,.12);\r\n\r\n    animation:ss-core-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n.ss-brand-core strong {\r\n    font-size:25px;\r\n    line-height:1;\r\n\r\n    color:var(--yellow);\r\n\r\n    font-weight:1000;\r\n}\r\n\r\n.ss-brand-core span {\r\n    margin-top:7px;\r\n\r\n    font-size:7px;\r\n\r\n    letter-spacing:1.4px;\r\n\r\n    opacity:.8;\r\n}\r\n\r\n@keyframes ss-core-pulse {\r\n    0%,100% {\r\n        box-shadow:\r\n            0 15px 35px rgba(7,27,53,.25),\r\n            0 0 0 8px rgba(245,185,0,.12);\r\n    }\r\n\r\n    50% {\r\n        box-shadow:\r\n            0 20px 45px rgba(7,27,53,.28),\r\n            0 0 0 14px rgba(245,185,0,.07);\r\n    }\r\n}\r\n\r\n\/* ================= SMALL TECH DOTS ================= *\/\r\n\r\n.ss-tech-dot {\r\n    position:absolute;\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--yellow);\r\n\r\n    z-index:12;\r\n\r\n    box-shadow:0 0 0 5px rgba(245,185,0,.1);\r\n\r\n    animation:ss-dot 2s infinite;\r\n}\r\n\r\n.ss-tech-dot.d1 {\r\n    left:35px;\r\n    top:120px;\r\n}\r\n\r\n.ss-tech-dot.d2 {\r\n    right:50px;\r\n    top:230px;\r\n\r\n    animation-delay:.7s;\r\n}\r\n\r\n.ss-tech-dot.d3 {\r\n    left:80px;\r\n    bottom:55px;\r\n\r\n    animation-delay:1.2s;\r\n}\r\n\r\n@keyframes ss-dot {\r\n    0%,100% {\r\n        opacity:.5;\r\n        transform:scale(.8);\r\n    }\r\n\r\n    50% {\r\n        opacity:1;\r\n        transform:scale(1.3);\r\n    }\r\n}\r\n\r\n\/* ================= FLOATING CARDS ================= *\/\r\n\r\n.ss-project-cta .ss-floating {\r\n    position:absolute;\r\n\r\n    background:rgba(255,255,255,.93);\r\n\r\n    backdrop-filter:blur(15px);\r\n\r\n    border:1px solid rgba(7,27,53,.08);\r\n\r\n    border-radius:10px;\r\n\r\n    box-shadow:0 18px 45px rgba(7,27,53,.12);\r\n\r\n    padding:13px 16px;\r\n\r\n    z-index:20;\r\n\r\n    animation:ss-float 4s ease-in-out infinite;\r\n}\r\n\r\n.ss-project-cta .ss-floating strong {\r\n    display:block;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:12px;\r\n}\r\n\r\n.ss-project-cta .ss-floating small {\r\n    color:#8a96a2;\r\n\r\n    font-size:9px;\r\n}\r\n\r\n.ss-project-cta .float-1 {\r\n    top:55px;\r\n    left:5px;\r\n}\r\n\r\n.ss-project-cta .float-2 {\r\n    bottom:78px;\r\n    right:15px;\r\n\r\n    animation-delay:1s;\r\n}\r\n\r\n.ss-project-cta .float-3 {\r\n    top:185px;\r\n    right:-20px;\r\n\r\n    animation-delay:2s;\r\n}\r\n\r\n@keyframes ss-float {\r\n    0%,100% {\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform:translateY(-9px);\r\n    }\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .ss-project-cta .ss-container {\r\n        grid-template-columns:1fr;\r\n\r\n        gap:0;\r\n\r\n        padding:55px 0 20px;\r\n    }\r\n\r\n    .ss-project-cta .ss-copy {\r\n        padding:0;\r\n    }\r\n\r\n    .ss-project-cta .ss-visual {\r\n        height:390px;\r\n\r\n        margin-top:10px;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n    .ss-project-cta {\r\n        min-height:auto;\r\n    }\r\n\r\n    .ss-project-cta .ss-container {\r\n        width:90%;\r\n\r\n        padding:45px 0 0;\r\n    }\r\n\r\n    .ss-project-cta h2 {\r\n        font-size:37px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .ss-project-cta .ss-description {\r\n        font-size:14px;\r\n        line-height:1.9;\r\n    }\r\n\r\n    .ss-project-cta .ss-meta {\r\n        gap:15px;\r\n    }\r\n\r\n    .ss-project-cta .ss-meta-number {\r\n        font-size:20px;\r\n    }\r\n\r\n    .ss-project-cta .ss-visual {\r\n        height:330px;\r\n\r\n        transform:scale(.78);\r\n\r\n        transform-origin:center top;\r\n\r\n        margin-bottom:-65px;\r\n    }\r\n\r\n    .ss-project-cta .ss-actions {\r\n        align-items:stretch;\r\n\r\n        flex-direction:column;\r\n    }\r\n\r\n    .ss-project-cta .ss-main-button {\r\n        width:100%;\r\n        box-sizing:border-box;\r\n    }\r\n\r\n    .ss-project-cta .ss-call {\r\n        justify-content:center;\r\n    }\r\n\r\n    .ss-project-cta .float-3 {\r\n        display:none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"ss-project-cta\">\r\n\r\n    <div class=\"ss-bg-grid\"><\/div>\r\n\r\n    <div class=\"ss-tech-lines\"><\/div>\r\n\r\n    <div class=\"ss-blueprint-line\"><\/div>\r\n\r\n\r\n    <div class=\"ss-container\">\r\n\r\n\r\n        <!-- ================= TEXT ================= -->\r\n\r\n        <div class=\"ss-copy\">\r\n\r\n            <div class=\"ss-eyebrow\">\r\n                <i><\/i>\r\n                SEPAHAN SOOLEH\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n                Your Next Project\r\n                <span>Starts Here.<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"ss-description\">\r\n                Share your project ideas and requirements with us.\r\n                From consultation and design to construction and final execution,\r\n                the Sepahan Sooleh team is with you every step of the way.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"ss-actions\">\r\n\r\n                <a href=\"\/contact-us\/\" class=\"ss-main-button\">\r\n\r\n                    <span>\r\n                        Start Project Consultation\r\n                    <\/span>\r\n\r\n                    <b>\r\n                        \u2192\r\n                    <\/b>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a href=\"tel:03142693300\" class=\"ss-call\">\r\n\r\n                    <span class=\"ss-call-icon\">\r\n                        \u260e\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        031 4269 3300\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ss-meta\">\r\n\r\n                <div class=\"ss-meta-item\">\r\n\r\n                    <div class=\"ss-meta-number\">\r\n                        50+\r\n                    <\/div>\r\n\r\n                    <div class=\"ss-meta-label\">\r\n                        Years<br>\r\n                        Experience\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ss-meta-item\">\r\n\r\n                    <div class=\"ss-meta-number\">\r\n                        360\u00b0\r\n                    <\/div>\r\n\r\n                    <div class=\"ss-meta-label\">\r\n                        Specialized<br>\r\n                        Services\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ss-meta-item\">\r\n\r\n                    <div class=\"ss-meta-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div class=\"ss-meta-label\">\r\n                        Starting Point<br>\r\n                        For Your Project\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ================= VISUAL ================= -->\r\n\r\n        <div class=\"ss-visual\">\r\n\r\n            <div class=\"ss-circle\"><\/div>\r\n\r\n            <div class=\"ss-circle-2\"><\/div>\r\n\r\n\r\n            <div class=\"ss-year\">\r\n                50\r\n            <\/div>\r\n\r\n\r\n            <!-- FLOATING CARDS -->\r\n\r\n            <div class=\"ss-floating float-1\">\r\n\r\n                <strong>\r\n                    Design & Engineering\r\n                <\/strong>\r\n\r\n                <small>\r\n                    From concept to execution drawings\r\n                <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ss-floating float-2\">\r\n\r\n                <strong>\r\n                    Construction & Execution\r\n                <\/strong>\r\n\r\n                <small>\r\n                    Built to industrial standards\r\n                <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ss-floating float-3\">\r\n\r\n                <strong>\r\n                    Industrial Structure\r\n                <\/strong>\r\n\r\n                <small>\r\n                    Engineered for long-term durability\r\n                <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ================= ABSTRACT METAL ================= -->\r\n\r\n            <div class=\"ss-metal-object\">\r\n\r\n\r\n                <div class=\"ss-metal-panel p1\"><\/div>\r\n\r\n                <div class=\"ss-metal-panel p2\"><\/div>\r\n\r\n                <div class=\"ss-metal-panel p3\"><\/div>\r\n\r\n\r\n                <div class=\"ss-metal-edge e1\"><\/div>\r\n\r\n                <div class=\"ss-metal-edge e2\"><\/div>\r\n\r\n\r\n                <div class=\"ss-brand-core\">\r\n\r\n                    <strong>\r\n                        SS\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        SEPAHAN SOOLEH\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ss-tech-dot d1\"><\/div>\r\n\r\n                <div class=\"ss-tech-dot d2\"><\/div>\r\n\r\n                <div class=\"ss-tech-dot d3\"><\/div>\r\n\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>\n\t\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>&#8220;`html Over 50 Years of Experience &#038; Expertise Structures Built to Last for a Sustainable Future Design, Manufacturing &#038; Construction<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26594","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sepahansooleh.com\/en\/26594-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\" \/>\n<meta property=\"og:description\" content=\"&#8220;`html Over 50 Years of Experience &#038; Expertise Structures Built to Last for a Sustainable Future Design, Manufacturing &#038; Construction\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sepahansooleh.com\/en\/26594-2\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T10:22:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/com.xedteam.xtileNovinCeram_512x512-150x150.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/\",\"url\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/\",\"name\":\"SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sepahansooleh.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/com.xedteam.xtileNovinCeram_512x512-150x150.webp\",\"datePublished\":\"2026-08-11T09:35:04+00:00\",\"dateModified\":\"2026-09-15T10:22:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sepahansooleh.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/com.xedteam.xtileNovinCeram_512x512-150x150.webp\",\"contentUrl\":\"https:\\\/\\\/sepahansooleh.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/com.xedteam.xtileNovinCeram_512x512-150x150.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/26594-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/sepahansooleh.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEPAHANSOOLEH\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/#website\",\"url\":\"https:\\\/\\\/sepahansooleh.com\\\/\",\"name\":\"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sepahansooleh.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/#organization\",\"name\":\"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\",\"url\":\"https:\\\/\\\/sepahansooleh.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sepahansooleh.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/\u0634\u0631\u06a9\u062a-\u0633\u067e\u0627\u0647\u0627\u0646-\u0633\u0648\u0644\u0647-1.webp\",\"contentUrl\":\"https:\\\/\\\/sepahansooleh.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/\u0634\u0631\u06a9\u062a-\u0633\u067e\u0627\u0647\u0627\u0646-\u0633\u0648\u0644\u0647-1.webp\",\"width\":120,\"height\":120,\"caption\":\"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647\"},\"image\":{\"@id\":\"https:\\\/\\\/sepahansooleh.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sepahansooleh.com\/en\/26594-2\/","og_locale":"en_US","og_type":"article","og_title":"SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647","og_description":"&#8220;`html Over 50 Years of Experience &#038; Expertise Structures Built to Last for a Sustainable Future Design, Manufacturing &#038; Construction","og_url":"https:\/\/sepahansooleh.com\/en\/26594-2\/","og_site_name":"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647","article_modified_time":"2026-09-15T10:22:28+00:00","og_image":[{"url":"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/com.xedteam.xtileNovinCeram_512x512-150x150.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sepahansooleh.com\/en\/26594-2\/","url":"https:\/\/sepahansooleh.com\/en\/26594-2\/","name":"SEPAHANSOOLEH - \u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647","isPartOf":{"@id":"https:\/\/sepahansooleh.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sepahansooleh.com\/en\/26594-2\/#primaryimage"},"image":{"@id":"https:\/\/sepahansooleh.com\/en\/26594-2\/#primaryimage"},"thumbnailUrl":"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/com.xedteam.xtileNovinCeram_512x512-150x150.webp","datePublished":"2026-08-11T09:35:04+00:00","dateModified":"2026-09-15T10:22:28+00:00","breadcrumb":{"@id":"https:\/\/sepahansooleh.com\/en\/26594-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sepahansooleh.com\/en\/26594-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sepahansooleh.com\/en\/26594-2\/#primaryimage","url":"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/com.xedteam.xtileNovinCeram_512x512-150x150.webp","contentUrl":"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/02\/com.xedteam.xtileNovinCeram_512x512-150x150.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/sepahansooleh.com\/en\/26594-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/sepahansooleh.com\/en\/"},{"@type":"ListItem","position":2,"name":"SEPAHANSOOLEH"}]},{"@type":"WebSite","@id":"https:\/\/sepahansooleh.com\/#website","url":"https:\/\/sepahansooleh.com\/","name":"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647","description":"","publisher":{"@id":"https:\/\/sepahansooleh.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sepahansooleh.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sepahansooleh.com\/#organization","name":"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647","url":"https:\/\/sepahansooleh.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sepahansooleh.com\/#\/schema\/logo\/image\/","url":"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/04\/\u0634\u0631\u06a9\u062a-\u0633\u067e\u0627\u0647\u0627\u0646-\u0633\u0648\u0644\u0647-1.webp","contentUrl":"https:\/\/sepahansooleh.com\/wp-content\/uploads\/2026\/04\/\u0634\u0631\u06a9\u062a-\u0633\u067e\u0627\u0647\u0627\u0646-\u0633\u0648\u0644\u0647-1.webp","width":120,"height":120,"caption":"\u0633\u067e\u0627\u0647\u0627\u0646 \u0633\u0648\u0644\u0647"},"image":{"@id":"https:\/\/sepahansooleh.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/pages\/26594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/comments?post=26594"}],"version-history":[{"count":8,"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/pages\/26594\/revisions"}],"predecessor-version":[{"id":26605,"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/pages\/26594\/revisions\/26605"}],"wp:attachment":[{"href":"https:\/\/sepahansooleh.com\/en\/wp-json\/wp\/v2\/media?parent=26594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}