{"id":1748,"date":"2026-03-09T13:21:16","date_gmt":"2026-03-09T13:21:16","guid":{"rendered":"https:\/\/rokhamhub.com\/?page_id=1748"},"modified":"2026-03-09T13:26:32","modified_gmt":"2026-03-09T13:26:32","slug":"b2b","status":"publish","type":"page","link":"https:\/\/rokhamhub.com\/en\/b2b\/","title":{"rendered":"B2B"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1748\" class=\"elementor elementor-1748\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-584f2b2 e-flex e-con-boxed e-con e-parent\" data-id=\"584f2b2\" 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-53ea42a elementor-widget elementor-widget-html\" data-id=\"53ea42a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   RokhamHub B2B Section - Join the Platform\r\n   Primary: #d4af37 | Background: Light\/Dark\r\n   RTL Support Enabled\r\n============================================ *\/\r\n\r\n:root {\r\n    --primary: #d4af37;\r\n    --primary-hover: #c9a227;\r\n    --primary-light: rgba(212, 175, 55, 0.1);\r\n    --primary-lighter: rgba(212, 175, 55, 0.05);\r\n    --text-dark: #1a1a1a;\r\n    --text-body: #4a4a4a;\r\n    --text-muted: #6b6b6b;\r\n    --bg-white: #ffffff;\r\n    --bg-light: #f9f9f9;\r\n    --bg-cream: #fdfbf7;\r\n    --bg-dark: #111111;\r\n    --border-light: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.b2b-page {\r\n    direction: rtl;\r\n    font-family: 'Cairo', 'Tajawal', sans-serif;\r\n    line-height: 1.8;\r\n}\r\n\r\n.b2b-page * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* ============================================\r\n   B2B Hero Section\r\n============================================ *\/\r\n.b2b-hero {\r\n    background: var(--bg-dark);\r\n    padding: 100px 20px 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-align: center;\r\n}\r\n\r\n.b2b-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, transparent 60%);\r\n    pointer-events: none;\r\n}\r\n\r\n.b2b-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--primary), transparent);\r\n}\r\n\r\n.b2b-hero-container {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.b2b-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(212, 175, 55, 0.15);\r\n    color: var(--primary);\r\n    padding: 10px 24px;\r\n    border-radius: 30px;\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    margin-bottom: 28px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.b2b-hero-title {\r\n    font-size: 3rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 12px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.b2b-hero-title span {\r\n    color: var(--primary);\r\n}\r\n\r\n.b2b-hero-tagline {\r\n    font-size: 1.25rem;\r\n    color: var(--primary);\r\n    font-weight: 600;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.b2b-hero-text {\r\n    color: #cccccc;\r\n    font-size: 1.1rem;\r\n    line-height: 2;\r\n    max-width: 650px;\r\n    margin: 0 auto 40px;\r\n}\r\n\r\n.b2b-hero-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--primary);\r\n    color: var(--bg-dark);\r\n    padding: 16px 40px;\r\n    border-radius: 12px;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid var(--primary);\r\n}\r\n\r\n.b2b-hero-cta:hover {\r\n    background: transparent;\r\n    color: var(--primary);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.b2b-hero-cta svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* ============================================\r\n   Why Join Section\r\n============================================ *\/\r\n.b2b-why {\r\n    background: var(--bg-white);\r\n    padding: 100px 20px;\r\n}\r\n\r\n.b2b-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.b2b-section-header {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 60px;\r\n}\r\n\r\n.b2b-section-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--primary-light);\r\n    color: var(--primary);\r\n    padding: 8px 16px;\r\n    border-radius: 30px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.b2b-section-badge svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: currentColor;\r\n}\r\n\r\n.b2b-section-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.b2b-section-title span {\r\n    color: var(--primary);\r\n}\r\n\r\n.b2b-section-subtitle {\r\n    color: var(--text-muted);\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n.why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.why-card {\r\n    display: flex;\r\n    gap: 20px;\r\n    padding: 30px;\r\n    background: var(--bg-light);\r\n    border-radius: 16px;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n.why-card:hover {\r\n    background: var(--bg-white);\r\n    border-color: rgba(212, 175, 55, 0.2);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.why-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    min-width: 56px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--primary);\r\n    border-radius: 14px;\r\n    color: #fff;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.why-card:hover .why-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.why-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    fill: currentColor;\r\n}\r\n\r\n.why-content h3 {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.why-content p {\r\n    color: var(--text-body);\r\n    font-size: 0.95rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* ============================================\r\n   Who Can Join Section\r\n============================================ *\/\r\n.b2b-who {\r\n    background: linear-gradient(180deg, var(--bg-light) 0%, var(--bg-white) 100%);\r\n    padding: 100px 20px;\r\n}\r\n\r\n.who-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.who-card {\r\n    background: var(--bg-white);\r\n    padding: 36px 28px;\r\n    border-radius: 16px;\r\n    text-align: center;\r\n    border: 1px solid var(--border-light);\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.who-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--primary), #e5c454);\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.who-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 16px 40px rgba(212, 175, 55, 0.12);\r\n    border-color: rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.who-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.who-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n    margin: 0 auto 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, var(--primary-light), var(--primary-lighter));\r\n    border-radius: 18px;\r\n    color: var(--primary);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.who-card:hover .who-icon {\r\n    background: var(--primary);\r\n    color: #fff;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.who-icon svg {\r\n    width: 34px;\r\n    height: 34px;\r\n    fill: currentColor;\r\n}\r\n\r\n.who-card h3 {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.who-card p {\r\n    color: var(--text-body);\r\n    font-size: 0.92rem;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   CTA Section\r\n============================================ *\/\r\n.b2b-cta {\r\n    background: var(--bg-dark);\r\n    padding: 80px 20px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.b2b-cta::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at center, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\r\n    pointer-events: none;\r\n}\r\n\r\n.b2b-cta-container {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.b2b-cta-title {\r\n    font-size: 2.25rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.b2b-cta-title span {\r\n    color: var(--primary);\r\n}\r\n\r\n.b2b-cta-text {\r\n    color: #cccccc;\r\n    font-size: 1.05rem;\r\n    line-height: 1.9;\r\n    margin-bottom: 36px;\r\n}\r\n\r\n.b2b-cta-buttons {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--primary);\r\n    color: var(--bg-dark);\r\n    padding: 16px 36px;\r\n    border-radius: 12px;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid var(--primary);\r\n    font-family: inherit;\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: transparent;\r\n    color: var(--primary);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.btn-outline {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: transparent;\r\n    color: #ffffff;\r\n    padding: 16px 36px;\r\n    border-radius: 12px;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    font-family: inherit;\r\n}\r\n\r\n.btn-outline:hover {\r\n    border-color: var(--primary);\r\n    color: var(--primary);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.btn-primary svg,\r\n.btn-outline svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* ============================================\r\n   Responsive Design\r\n============================================ *\/\r\n@media (max-width: 992px) {\r\n    .why-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .who-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .b2b-hero {\r\n        padding: 70px 20px 60px;\r\n    }\r\n\r\n    .b2b-hero-title {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .b2b-why,\r\n    .b2b-who {\r\n        padding: 70px 20px;\r\n    }\r\n\r\n    .b2b-section-title {\r\n        font-size: 1.85rem;\r\n    }\r\n\r\n    .who-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .why-card {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .b2b-cta {\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .b2b-cta-title {\r\n        font-size: 1.75rem;\r\n    }\r\n\r\n    .b2b-cta-buttons {\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     B2B Hero Section\r\n============================================ -->\r\n<section class=\"b2b-page b2b-hero\">\r\n    <div class=\"b2b-hero-container\">\r\n        <div class=\"b2b-badge\">B2B<\/div>\r\n        <h1 class=\"b2b-hero-title\">\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 <span>RokhamHub<\/span><\/h1>\r\n        <p class=\"b2b-hero-tagline\">\u0645\u0646\u0635\u0629 \u0644\u0639\u0631\u0636 \u0645\u0646\u062a\u062c\u0627\u062a\u0643\u0645 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u062c\u062f\u062f<\/p>\r\n        <p class=\"b2b-hero-text\">\r\n            RokhamHub \u0647\u0648 \u0633\u0648\u0642 \u0631\u0642\u0645\u064a \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a \u0648\u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u060c \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0631\u0628\u0637 \u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0648\u0627\u0644\u0645\u0635\u0646\u0639\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u062c\u062a\u0645\u0639 \u0645\u0647\u0646\u064a \u064a\u0636\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644.\r\n        <\/p>\r\n        <a href=\"#\" class=\"b2b-hero-cta\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n            \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0643\u0645\u0635\u0646\u0639\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================\r\n     Why Join RokhamHub\r\n============================================ -->\r\n<section class=\"b2b-page b2b-why\">\r\n    <div class=\"b2b-container\">\r\n        <div class=\"b2b-section-header\">\r\n            <div class=\"b2b-section-badge\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                \u0627\u0644\u0645\u0632\u0627\u064a\u0627\r\n            <\/div>\r\n            <h2 class=\"b2b-section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u0646\u0636\u0645 \u0625\u0644\u0649 <span>RokhamHub<\/span>\u061f<\/h2>\r\n            <p class=\"b2b-section-subtitle\">\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0646\u0635\u0629 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u0646\u0645\u064a\u0629 \u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0634\u0631\u064a\u062d\u0629 \u0623\u0648\u0633\u0639 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"why-grid\">\r\n            <!-- Benefit 1 -->\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"why-content\">\r\n                    <h3>\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u062c\u062f\u062f \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/h3>\r\n                    <p>\u0648\u0633\u0651\u0639 \u0642\u0627\u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0626\u0643 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0641\u064a \u0633\u0648\u0642 \u0631\u0642\u0645\u064a \u0645\u062a\u062e\u0635\u0635 \u064a\u062c\u0630\u0628 \u0627\u0644\u0645\u0647\u062a\u0645\u064a\u0646 \u0628\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefit 2 -->\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM5 15h14v3H5z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"why-content\">\r\n                    <h3>\u0639\u0631\u0636 \u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n                    <p>\u0635\u0641\u062d\u0629 \u062e\u0627\u0635\u0629 \u0628\u0645\u0635\u0646\u0639\u0643 \u062a\u0639\u0631\u0636 \u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0648\u062e\u062f\u0645\u0627\u062a\u0643 \u0628\u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0639\u0643\u0633 \u062c\u0648\u062f\u0629 \u0639\u0645\u0644\u0643.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefit 3 -->\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"why-content\">\r\n                    <h3>\u0632\u064a\u0627\u062f\u0629 \u0641\u0631\u0635 \u0627\u0644\u0628\u064a\u0639<\/h3>\r\n                    <p>\u0628\u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u062e\u0627\u0635 \u0628\u0643\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0628\u064a\u0639 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0635\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefit 4 -->\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"why-content\">\r\n                    <h3>\u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0625\u0644\u0649 \u0633\u0648\u0642 \u0645\u062a\u062e\u0635\u0635<\/h3>\r\n                    <p>\u0643\u0646 \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u0623\u0643\u0628\u0631 \u0633\u0648\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================\r\n     Who Can Join\r\n============================================ -->\r\n<section class=\"b2b-page b2b-who\">\r\n    <div class=\"b2b-container\">\r\n        <div class=\"b2b-section-header\">\r\n            <div class=\"b2b-section-badge\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n                \u0645\u0646 \u064a\u0645\u0643\u0646\u0647 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645\r\n            <\/div>\r\n            <h2 class=\"b2b-section-title\">\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 <span>\u0645\u062c\u062a\u0645\u0639\u0646\u0627<\/span> \u0627\u0644\u0645\u0647\u0646\u064a<\/h2>\r\n            <p class=\"b2b-section-subtitle\">\u0646\u0631\u062d\u0628 \u0628\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"who-grid\">\r\n            <!-- Type 1 -->\r\n            <div class=\"who-card\">\r\n                <div class=\"who-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a<\/h3>\r\n                <p>\u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0625\u0646\u062a\u0627\u062c \u0648\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a<\/p>\r\n            <\/div>\r\n\r\n            <!-- Type 2 -->\r\n            <div class=\"who-card\">\r\n                <div class=\"who-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\u0648\u0631\u0634 \u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/h3>\r\n                <p>\u0648\u0631\u0634 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0634\u0643\u064a\u0644 \u0648\u0642\u0635 \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a<\/p>\r\n            <\/div>\r\n\r\n            <!-- Type 3 -->\r\n            <div class=\"who-card\">\r\n                <div class=\"who-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0648\u0631\u064a\u062f<\/h3>\r\n                <p>\u0634\u0631\u0643\u0627\u062a \u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a \u0648\u0627\u0644\u0623\u062d\u062c\u0627\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u0629<\/p>\r\n            <\/div>\r\n\r\n            <!-- Type 4 -->\r\n            <div class=\"who-card\">\r\n                <div class=\"who-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628<\/h3>\r\n                <p>\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u0637\u064a\u0628 \u0627\u0644\u0631\u062e\u0627\u0645 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/p>\r\n            <\/div>\r\n\r\n            <!-- Type 5 -->\r\n            <div class=\"who-card\">\r\n                <div class=\"who-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0645\u0648\u0631\u062f\u0648\u0646 \u0648\u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0648\u0646<\/h3>\r\n                <p>\u0627\u0644\u0645\u0648\u0631\u062f\u0648\u0646 \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647<\/p>\r\n            <\/div>\r\n\r\n            <!-- Type 6 - CTA Card -->\r\n            <div class=\"who-card\" style=\"background: linear-gradient(135deg, var(--primary-light), var(--primary-lighter)); border-color: rgba(212, 175, 55, 0.2);\">\r\n                <div class=\"who-icon\" style=\"background: var(--primary); color: #fff;\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646<\/h3>\r\n                <p>\u0633\u062c\u0651\u0644 \u0645\u0635\u0646\u0639\u0643 \u0623\u0648 \u0634\u0631\u0643\u062a\u0643 \u0648\u0627\u0628\u062f\u0623 \u0641\u064a \u0639\u0631\u0636 \u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0629<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================\r\n     Final CTA Section\r\n============================================ -->\r\n<section class=\"b2b-page b2b-cta\">\r\n    <div class=\"b2b-cta-container\">\r\n        <h2 class=\"b2b-cta-title\">\u0647\u062f\u0641\u0646\u0627 \u0628\u0646\u0627\u0621 \u0623\u0643\u0628\u0631 \u0633\u0648\u0642 <span>\u0645\u062a\u062e\u0635\u0635<\/span> \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629<\/h2>\r\n        <p class=\"b2b-cta-text\">\r\n            \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 RokhamHub \u0648\u0643\u0646 \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u0623\u0643\u0628\u0631 \u0633\u0648\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629. \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0648\u0627\u0639\u0631\u0636 \u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0623\u0645\u0627\u0645 \u0634\u0631\u064a\u062d\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n        <\/p>\r\n        <div class=\"b2b-cta-buttons\">\r\n            <a href=\"#\" class=\"btn-primary\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg>\r\n                \u0633\u062c\u0651\u0644 \u0643\u0645\u0635\u0646\u0639 \u0627\u0644\u0622\u0646\r\n            <\/a>\r\n            <a href=\"#\" class=\"btn-outline\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\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>","protected":false},"excerpt":{"rendered":"<p>B2B \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 RokhamHub \u0645\u0646\u0635\u0629 \u0644\u0639\u0631\u0636 \u0645\u0646\u062a\u062c\u0627\u062a\u0643\u0645 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u062c\u062f\u062f RokhamHub \u0647\u0648 \u0633\u0648\u0642 \u0631\u0642\u0645\u064a \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1748","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/pages\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":4,"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/pages\/1748\/revisions"}],"predecessor-version":[{"id":1754,"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/pages\/1748\/revisions\/1754"}],"wp:attachment":[{"href":"https:\/\/rokhamhub.com\/en\/wp-json\/wp\/v2\/media?parent=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}