{"id":37,"date":"2025-12-03T06:28:27","date_gmt":"2025-12-03T06:28:27","guid":{"rendered":"https:\/\/hotpanel.ir\/home\/"},"modified":"2025-12-18T18:25:56","modified_gmt":"2025-12-18T14:55:56","slug":"home","status":"publish","type":"page","link":"https:\/\/hotpanel.ir\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6a1eb0 e-flex e-con-boxed e-con e-parent\" data-id=\"b6a1eb0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4031bc5 elementor-widget elementor-widget-html\" data-id=\"4031bc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0628\u062e\u0634 \u0647\u06cc\u0631\u0648 \u0646\u0647\u0627\u06cc\u06cc - \u0628\u062f\u0648\u0646 \u062f\u06a9\u0645\u0647\u060c \u062a\u06cc\u062a\u0631 \u0634\u0641\u0627\u0641 \u0648 \u062e\u0648\u0627\u0646\u0627\u060c \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0638\u0631\u06cc\u0641 -->\r\n<section class=\"fiery-hero-clear\">\r\n    <!-- \u0644\u0627\u06cc\u0647\u200c\u0647\u0627\u06cc glow \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u0638\u0631\u06cc\u0641 -->\r\n    <div class=\"glow-layer layer-1\"><\/div>\r\n    <div class=\"glow-layer layer-2\"><\/div>\r\n\r\n    <!-- \u0630\u0631\u0627\u062a \u0622\u062a\u0634\u06cc\u0646 \u0638\u0631\u06cc\u0641 \u0648 \u06a9\u0645\u200c\u0631\u0646\u06af -->\r\n    <div class=\"ember-particles\">\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n        <div class=\"ember\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-content\">\r\n        <h1 class=\"clear-title\">\r\n            <span class=\"title-part panel\">HOT PANEL<\/span>\r\n        <\/h1>\r\n        <p class=\"clear-subtitle\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u062a\u0631\u06cc\u0646 \u067e\u0646\u0644 \u062e\u062f\u0645\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0631\u0648\u0628\u06cc\u06a9\u0627<\/p>\r\n        <p class=\"clear-tagline\">\u0631\u0634\u062f \u0648\u0627\u0642\u0639\u06cc \u0628\u0627 \u0633\u0631\u0639\u062a \u0622\u062a\u0634\u06cc\u0646 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc \ud83d\udd25<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .fiery-hero-clear {\r\n        height: 0vh;\r\n        min-height: 280px;\r\n        max-height: 0px;\r\n        margin: 30px 0 0px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        background: linear-gradient(90deg, #220000, #550000, #220000) !important;\r\n        box-shadow: 0 8px 60px rgba(255,50,50,1) !important;\r\n        border-radius: 30px !important;\r\n        border: none !important;\r\n\r\n    }\r\n\r\n    \/* \u0644\u0627\u06cc\u0647\u200c\u0647\u0627\u06cc glow \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u0638\u0631\u06cc\u0641 *\/\r\n    .glow-layer {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        opacity: 0.15;\r\n        pointer-events: none;\r\n        filter: blur(80px);\r\n        animation: softPulse 12s ease-in-out infinite;\r\n    }\r\n\r\n    .layer-1 {\r\n    #    background: radial-gradient(circle at 40% 60%, #ff5500 0%, transparent 70%);\r\n    }\r\n\r\n    .layer-2 {\r\n    #    background: radial-gradient(circle at 60% 50%, #ff2200 0%, transparent 70%);\r\n        animation-delay: 6s;\r\n    }\r\n\r\n    @keyframes softPulse {\r\n        0%, 100% { opacity: 0.1; transform: scale(1); }\r\n        50% { opacity: 0.2; transform: scale(1.05); }\r\n    }\r\n\r\n    \/* \u0630\u0631\u0627\u062a \u062e\u06cc\u0644\u06cc \u06a9\u0645\u200c\u0631\u0646\u06af \u0648 \u0638\u0631\u06cc\u0641 *\/\r\n    .ember-particles {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    .ember {\r\n        position: absolute;\r\n        width: 6px; height: 6px;\r\n        background: #ff6600;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 8px rgba(255, 102, 0, 0.4);\r\n        opacity: 0;\r\n        animation: emberRise 12s linear infinite;\r\n    }\r\n\r\n    .ember:nth-child(odd) {\r\n        background: #ffaa00;\r\n        box-shadow: 0 0 10px rgba(255, 170, 0, 0.3);\r\n    }\r\n\r\n    @keyframes emberRise {\r\n        0% { opacity: 0; transform: translateY(100vh) scale(0.4); }\r\n        15% { opacity: 0.4; }\r\n        85% { opacity: 0.1; }\r\n        100% { opacity: 0; transform: translateY(-100px) scale(1); }\r\n    }\r\n\r\n    \/* \u0645\u0648\u0642\u0639\u06cc\u062a \u0630\u0631\u0627\u062a *\/\r\n    .ember:nth-child(1) { left: 12%; animation-delay: 0s; }\r\n    .ember:nth-child(2) { left: 28%; animation-delay: 3s; }\r\n    .ember:nth-child(3) { left: 48%; animation-delay: 6s; }\r\n    .ember:nth-child(4) { left: 68%; animation-delay: 1.5s; }\r\n    .ember:nth-child(5) { left: 88%; animation-delay: 4.5s; }\r\n    .ember:nth-child(6) { left: 20%; animation-delay: 8s; }\r\n    .ember:nth-child(7) { left: 55%; animation-delay: 2s; }\r\n    .ember:nth-child(8) { left: 80%; animation-delay: 5s; }\r\n\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 900px;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .clear-title {\r\n        font-size: 5.8em;\r\n        font-weight: 900;\r\n        margin: 0;\r\n        line-height: 1.1;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .title-part {\r\n        display: inline-block;\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        animation: wordRise 1s ease-out forwards;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .title-part.hot {\r\n        animation-delay: 0.5s;\r\n        color: #ffffff;\r\n        text-shadow: \r\n            0 0 15px #ff5500,\r\n            0 0 30px #ff2200,\r\n            0 0 50px #ff0000;\r\n        font-size: 0.95em;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .title-part.panel {\r\n        animation-delay: 0.8s;\r\n        color: #ffffff;\r\n        background: linear-gradient(45deg, #ff2200, #ff8800, #ffff66);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        text-shadow: \r\n            0 0 15px #ff0000,\r\n            0 0 30px #ff2200,\r\n            0 0 50px #ff5500;\r\n        font-size: 1.05em;\r\n        text-align: center !important;\r\n        animation: wordRise 1s ease-out forwards, softFlicker 4s infinite;\r\n    }\r\n\r\n    @keyframes wordRise {\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes softFlicker {\r\n        0%, 100% { \r\n            text-shadow: \r\n                0 0 15px #ff0000,\r\n                0 0 30px #ff2200,\r\n                0 0 50px #ff5500;\r\n            filter: brightness(1);\r\n        }\r\n        50% { \r\n            text-shadow: \r\n                0 0 20px #ff0000,\r\n                0 0 40px #ff2200,\r\n                0 0 70px #ff5500;\r\n            filter: brightness(1.2);\r\n        }\r\n    }\r\n\r\n    .clear-subtitle {\r\n        font-size: 1.8em;\r\n        color: #ffcc99;\r\n        margin: 25px 0 15px;\r\n        opacity: 0;\r\n        animation: fadeInUp 1s ease-out 1.5s forwards;\r\n        text-shadow: 0 0 8px rgba(255, 204, 153, 0.4);\r\n        text-align: center !important;\r\n    }\r\n\r\n    .clear-tagline {\r\n        font-size: 1.3em;\r\n        color: #ffddaa;\r\n        margin-bottom: 0; \/* \u0628\u062f\u0648\u0646 \u0641\u0636\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n        opacity: 0;\r\n        animation: fadeInUp 1s ease-out 1.8s forwards;\r\n        text-shadow: 0 0 6px rgba(255, 221, 170, 0.3);\r\n        text-align: center !important;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        to { opacity: 1; transform: translateY(0); }\r\n        from { opacity: 0; transform: translateY(20px); }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .clear-title {\r\n            font-size: 5em;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .fiery-hero-clear {\r\n            height: 50vh;\r\n            min-height: 360px;\r\n        }\r\n        .clear-title {\r\n            font-size: 4em;\r\n        }\r\n        .clear-subtitle {\r\n            font-size: 1.4em;\r\n        }\r\n        .clear-tagline {\r\n            font-size: 1.2em;\r\n        }\r\n    }\r\n<\/style>\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-c3bea37 e-flex e-con-boxed e-con e-parent\" data-id=\"c3bea37\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a4d77 elementor-widget elementor-widget-html\" data-id=\"c8a4d77\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fiery-sections-wrapper\">\r\n\r\n    <!-- \u0628\u062e\u0634 \u062e\u062f\u0645\u0627\u062a \u0622\u062a\u0634\u06cc\u0646 \u0645\u0627 -->\r\n    <section class=\"fiery-services\">\r\n        <div class=\"section-container\">\r\n            <h2 class=\"section-title\">\u06a9\u06cc\u0641\u06cc\u062a \u0631\u0627 \u0628\u0627 \u0645\u0627 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u06cc\u062f<\/h2>\r\n            <p class=\"section-subtitle\">\u0628\u0631\u062a\u0631\u06cc\u0646 \u067e\u0646\u0644 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0631\u0648\u0628\u06cc\u06a9\u0627 \u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a<\/p>\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card\">\r\n                    <div class=\"card-icon\">\ud83d\udd25<\/div>\r\n                    <h3>\u0645\u0645\u0628\u0631 \u06a9\u0627\u0646\u0627\u0644<\/h3>\r\n                    <p>\u0645\u0645\u0628\u0631 \u0648\u0627\u0642\u0639\u06cc \u0627\u06cc\u0631\u0627\u0646\u06cc \u0628\u0627 \u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc\u060c \u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u0648 \u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644 \u0628\u0627\u0632\u06af\u0634\u062a \u0648\u062c\u0647<\/p>\r\n                    <div class=\"card-price\">\u0627\u0632 \u06f9\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"card-icon\">\ud83d\udd25<\/div>\r\n                    <h3>\u0645\u0645\u0628\u0631 \u06af\u0631\u0648\u0647<\/h3>\r\n                    <p>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u0645\u0628\u0631 \u06af\u0631\u0648\u0647 \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0641\u0639\u0627\u0644\u060c \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0644\u0627 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc<\/p>\r\n                    <div class=\"card-price\">\u0627\u0632 \u06f1\u06f2\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"card-icon\">\ud83d\udd25<\/div>\r\n                    <h3>\u0641\u0627\u0644\u0648\u0648\u0631 \u0631\u0648\u0628\u06cc\u0646\u0648<\/h3>\r\n                    <p>\u0641\u0627\u0644\u0648\u0648\u0631 \u0648\u0627\u0642\u0639\u06cc \u0648 \u0627\u06cc\u0631\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u062d\u0633\u0627\u0628 \u0631\u0648\u0628\u06cc\u0646\u0648\u060c \u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u0648 \u0637\u0628\u06cc\u0639\u06cc<\/p>\r\n                    <div class=\"card-price\">\u0627\u0632 \u06f1\u06f2,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"card-icon\">\ud83d\udd25<\/div>\r\n                    <h3>\u0628\u0627\u0632\u062f\u06cc\u062f \u0627\u0633\u062a\u0648\u0631\u06cc<\/h3>\r\n                    <p>\u0628\u0627\u0632\u062f\u06cc\u062f \u0648\u0627\u0642\u0639\u06cc \u0627\u0633\u062a\u0648\u0631\u06cc \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u06cc\u0631\u0627\u0646\u06cc\u060c \u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc \u0648 \u06af\u0632\u0627\u0631\u0634 \u062f\u0642\u06cc\u0642<\/p>\r\n                    <div class=\"card-price\">\u0627\u0632 \u06f7,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"card-icon\">\ud83d\udd25<\/div>\r\n                    <h3>\u0644\u0627\u06cc\u06a9 \u0631\u0648\u0628\u06cc\u0646\u0648<\/h3>\r\n                    <p>\u0644\u0627\u06cc\u06a9 \u0648\u0627\u0642\u0639\u06cc \u067e\u0633\u062a\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0639\u0627\u0645\u0644 \u0648 \u062f\u06cc\u062f\u0647 \u0634\u062f\u0646 \u0628\u06cc\u0634\u062a\u0631<\/p>\r\n                    <div class=\"card-price\">\u0627\u0632 \u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"card-icon\">\ud83d\udd25<\/div>\r\n                    <h3>\u0628\u0627\u0632\u062f\u06cc\u062f \u067e\u0633\u062a<\/h3>\r\n                    <p>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0628\u0627\u0632\u062f\u06cc\u062f \u067e\u0633\u062a \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc\u060c \u0628\u0647\u0628\u0648\u062f \u0631\u062a\u0628\u0647 \u0648 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645<\/p>\r\n                    <div class=\"card-price\">\u0627\u0632 \u06f4,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0628\u062e\u0634 \u0686\u0631\u0627 \u0647\u0627\u062a \u067e\u0646\u0644\u061f -->\r\n    <section class=\"fiery-features\">\r\n        <div class=\"section-container\">\r\n            <h2 class=\"section-title\">\u0686\u0631\u0627 \u0647\u0627\u062a \u067e\u0646\u0644\u061f<\/h2>\r\n            <p class=\"section-subtitle\">\u0645\u0627 \u0641\u0642\u0637 \u0633\u0631\u0648\u06cc\u0633 \u0646\u0645\u06cc\u200c\u0641\u0631\u0648\u0634\u06cc\u0645\u060c \u0631\u0634\u062f \u0648\u0627\u0642\u0639\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645<\/p>\r\n\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\u26a1<\/div>\r\n                    <h4>\u0627\u0633\u062a\u0627\u0631\u062a \u0641\u0648\u0631\u06cc<\/h4>\r\n                    <p>\u0633\u0641\u0627\u0631\u0634\u0627\u062a \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f6\u06f0 \u062b\u0627\u0646\u06cc\u0647 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0646<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <h4>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/h4>\r\n                    <p>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 + \u0628\u0627\u0632\u06af\u0634\u062a \u0648\u062c\u0647 \u062f\u0631 \u0635\u0648\u0631\u062a \u0645\u0634\u06a9\u0644<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83c\uddee\ud83c\uddf7<\/div>\r\n                    <h4>\u06f1\u06f0\u06f0\u066a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/h4>\r\n                    <p>\u0627\u06a9\u0627\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0648 \u0641\u0639\u0627\u0644 \u0627\u06cc\u0631\u0627\u0646\u06cc<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n                    <h4>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a<\/h4>\r\n                    <p>\u0627\u0631\u0632\u0627\u0646\u200c\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0628\u0627\u0632\u0627\u0631 \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83d\udd50<\/div>\r\n                    <h4>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06f2\u06f4\/\u06f7<\/h4>\r\n                    <p>\u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0647\u0645\u06cc\u0634\u0647 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633\u0647<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83d\udd12<\/div>\r\n                    <h4>\u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0645\u0646<\/h4>\r\n                    <p>\u062f\u0631\u06af\u0627\u0647 \u067e\u0631\u062f\u0627\u062e\u062a \u0645\u0639\u062a\u0628\u0631 \u0648 \u0627\u0645\u0646<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    .section-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .fiery-services, .fiery-features {\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 4.2em;\r\n        font-weight: 900;\r\n        color: #ff3300;\r\n        text-shadow: 0 0 30px rgba(255, 51, 0, 0.7);\r\n        text-align: center !important;\r\n        margin-bottom: 0px;\r\n        animation: glowPulse 3s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .section-subtitle {\r\n        font-size: 2em;\r\n        text-align: center !important;\r\n        color: #ff9966;\r\n        margin-bottom: 20px;\r\n        max-width: 800px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    @keyframes glowPulse {\r\n        from { text-shadow: 0 0 20px rgba(255, 51, 0, 0.6); }\r\n        to { text-shadow: 0 0 50px rgba(255, 0, 0, 0.9), 0 0 80px #ff2200; }\r\n    }\r\n\r\n    \/* \u062e\u062f\u0645\u0627\u062a *\/\r\n    .services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 50px;\r\n    }\r\n\r\n    .service-card {\r\n        backdrop-filter: blur(16px);\r\n        border: 1px solid rgba(255, 69, 0, 0.4);\r\n        border-radius: 24px;\r\n        padding: 20px 25px;\r\n        transition: all 0.6s ease;\r\n        box-shadow: 0 10px 30pxpx rgba(0, 0, 0, 0.5);\r\n        opacity: 0;\r\n        transform: translateY(50px);\r\n        animation: cardEnter 0.8s ease forwards;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .service-card:nth-child(1) { animation-delay: 0.2s; }\r\n    .service-card:nth-child(2) { animation-delay: 0.4s; }\r\n    .service-card:nth-child(3) { animation-delay: 0.6s; }\r\n    .service-card:nth-child(4) { animation-delay: 0.8s; }\r\n    .service-card:nth-child(5) { animation-delay: 1s; }\r\n    .service-card:nth-child(6) { animation-delay: 1.2s; }\r\n\r\n    @keyframes cardEnter {\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .service-card:hover {\r\n        transform: translateY(-20px) scale(1.05);\r\n        border-color: #ff2200;\r\n        box-shadow: 0 30px 70px rgba(255, 34, 0, 0.5);\r\n    }\r\n\r\n    .card-icon {\r\n        font-size: 2em;\r\n        margin-bottom: 0px;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .service-card h3 {\r\n        font-size: 2em;\r\n        color: #ff7744;\r\n        margin-bottom: 15px;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .service-card p {\r\n        color: #ffcc99;\r\n        line-height: 1.5;\r\n        margin-bottom: 5px;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .card-price {\r\n        font-size: 1.2em;\r\n        font-weight: bold;\r\n        color: #ffff00;\r\n        background: rgba(255, 34, 0, 0.2);\r\n        padding: 10px 25px;\r\n        border-radius: 50px;\r\n        display: inline-block;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 40px;\r\n    }\r\n\r\n    .feature-card {\r\n        background: rgba(30, 0, 0, 0.4);\r\n        border-left: 5px solid #ff2200;\r\n        border-right: 5px solid #000000;\r\n        border-radius: 56px;\r\n        padding: 10px 85px;\r\n        transition: all 0.5s ease;\r\n        box-shadow: 0 30px 30px rgba(0, 0, 0, 1);\r\n    }\r\n\r\n    .feature-card:hover {\r\n        background: rgba(50, 0, 0, 0.6);\r\n        transform: translateY(-15px);\r\n        border-left-color: #ff5500;\r\n        box-shadow: 0 20px 50px rgba(255, 34, 0, 0.3);\r\n    }\r\n\r\n    .feature-icon {\r\n        font-size: 0em;\r\n        text-align: center !important;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n\r\n    .feature-card h4 {\r\n        font-size: 1.6em;\r\n        text-align: center !important;\r\n        color: #ff7744;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .feature-card p {\r\n        color: #ffcc99;\r\n        font-size: 1.1em;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .services-grid, .features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .section-title {\r\n            font-size: 3.5em;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .services-grid, .features-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .section-title {\r\n            font-size: 3em;\r\n        }\r\n        .fiery-services, .fiery-features {\r\n            padding: 100px 20px;\r\n        }\r\n    }\r\n<\/style>\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>HOT PANEL \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u062a\u0631\u06cc\u0646 \u067e\u0646\u0644 \u062e\u062f\u0645\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0631\u0648\u0628\u06cc\u06a9\u0627 \u0631\u0634\u062f \u0648\u0627\u0642\u0639\u06cc \u0628\u0627 \u0633\u0631\u0639\u062a \u0622\u062a\u0634\u06cc\u0646 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc \ud83d\udd25 \u06a9\u06cc\u0641\u06cc\u062a \u0631\u0627 \u0628\u0627 \u0645\u0627 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u06cc\u062f \u0628\u0631\u062a\u0631\u06cc\u0646 \u067e\u0646\u0644 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0631\u0648\u0628\u06cc\u06a9\u0627 \u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \ud83d\udd25 \u0645\u0645\u0628\u0631 \u06a9\u0627\u0646\u0627\u0644 \u0645\u0645\u0628\u0631 \u0648\u0627\u0642\u0639\u06cc \u0627\u06cc\u0631\u0627\u0646\u06cc \u0628\u0627 \u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc\u060c \u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u0648 \u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644 \u0628\u0627\u0632\u06af\u0634\u062a \u0648\u062c\u0647 \u0627\u0632 \u06f9\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646 \ud83d\udd25 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/comments?post=37"}],"version-history":[{"count":126,"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":1402,"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/pages\/37\/revisions\/1402"}],"wp:attachment":[{"href":"https:\/\/hotpanel.ir\/core\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}