{"id":193,"date":"2022-09-01T08:16:35","date_gmt":"2022-09-01T08:16:35","guid":{"rendered":"https:\/\/hostiko.com\/hostiko\/layout70\/?page_id=193"},"modified":"2025-07-22T11:19:30","modified_gmt":"2025-07-22T03:19:30","slug":"reseller","status":"publish","type":"page","link":"https:\/\/www.hostease.com\/enweb\/reseller.html","title":{"rendered":"reseller"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"193\" class=\"elementor elementor-193\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b844177 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b844177\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e39851d\" data-id=\"e39851d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<style>\r\n    li.menu-item-has-children .sub-menu.akd-nav-menu--dropdown {\r\n        margin-left: 0;\r\n        margin-top: 0;\r\n\t}\r\n    li.menu-item-has-children .sub-menu.akd-nav-menu--dropdown:first-child {\r\n        margin-top: 0; \/* Remove margin from the first dropdown *\/\r\n    }\r\n    .akd-custom-nav-main .akd-nav-menu li > ul li > ul {\r\n        left: 100%;\r\n        top: 0 !important;\r\n    }\r\n    .akd-custom-nav-main .akd-nav-menu--dropdown li a.has-submenu i {\r\n        transform: rotate(-90deg);\r\n    }\r\n\t.akd-custom-toggle{\r\n\t\tdisplay: table-cell;\r\n\t}\r\n\t@media(min-width:1025px){\r\n    li.menu-item-has-children:hover > ul.akd-nav-menu--dropdown {\r\n        display: block !important;\r\n    }\r\n\t}\r\n\t@media(max-width:1024px){\r\n\t\tli.menu-item-has-children:focus-within > ul.akd-nav-menu--dropdown {\r\n\t\t\tdisplay: block !important;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\t\t<div class=\"elementor-element elementor-element-c74d1d3 elementor-widget elementor-widget-html\" data-id=\"c74d1d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.he-agent-apple-hero {\n  padding: 40px 20px 80px 20px;\n  text-align: center;\n  position: relative;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  overflow: hidden;\n}\n\n.he-agent-apple-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 30% 20%, rgba(59,130,246,0.08) 0%, transparent 50%),\n    radial-gradient(circle at 70% 80%, rgba(147,51,234,0.06) 0%, transparent 50%);\n  z-index: 1;\n}\n\n.he-agent-apple-hero .he-hero-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n.he-agent-apple-hero .he-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 10px 24px;\n  background: rgba(59,130,246,0.1);\n  border: 1px solid rgba(59,130,246,0.2);\n  border-radius: 50px;\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #3b82f6;\n  margin-bottom: 16px !important;\n  backdrop-filter: blur(10px);\n  box-shadow: 0 2px 8px rgba(59,130,246,0.1);\n}\n\n.he-agent-apple-hero .he-hero-badge::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: #10b981;\n  border-radius: 50%;\n  margin-right: 10px;\n  animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.he-agent-apple-hero h1 {\n  font-size: 3.5rem !important;\n  font-weight: 700 !important;\n  margin-top: 0 !important;\n  margin-bottom: 28px !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.02em !important;\n  color: #1e293b !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\n.he-agent-apple-hero .he-hero-subtitle {\n  font-size: 1.25rem;\n  font-weight: 400;\n  margin-bottom: 48px;\n  color: #64748b;\n  line-height: 1.6;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.he-agent-apple-hero .he-hero-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 24px;\n  flex-wrap: wrap;\n  margin-bottom: 80px;\n}\n\n.he-agent-apple-hero .he-hero-cta-primary {\n  display: inline-flex;\n  align-items: center;\n  padding: 18px 40px;\n  font-size: 1.1rem;\n  font-weight: 600;\n  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n  color: #ffffff;\n  border-radius: 50px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  box-shadow: 0 8px 25px rgba(59,130,246,0.25);\n  text-decoration: none;\n}\n\n.he-agent-apple-hero .he-hero-cta-primary:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 35px rgba(59,130,246,0.35);\n}\n\n.he-agent-apple-hero .he-hero-cta-secondary {\n  display: inline-flex;\n  align-items: center;\n  padding: 18px 40px;\n  font-size: 1.1rem;\n  font-weight: 500;\n  background: #ffffff;\n  color: #3b82f6;\n  border: 2px solid #e2e8f0;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-decoration: none;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\n.he-agent-apple-hero .he-hero-cta-secondary:hover {\n  background: #f8fafc;\n  border-color: #3b82f6;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n}\n\n.he-agent-apple-hero .he-hero-features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 40px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.he-agent-apple-hero .he-feature-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 32px 24px;\n  background: #ffffff;\n  border-radius: 20px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n  transition: all 0.3s ease;\n  border: 1px solid #f1f5f9;\n}\n\n.he-agent-apple-hero .he-feature-item:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 35px rgba(0,0,0,0.1);\n}\n\n.he-agent-apple-hero .he-feature-icon {\n  width: 80px;\n  height: 80px;\n  margin-bottom: 20px;\n  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n  color: #ffffff;\n  box-shadow: 0 8px 25px rgba(59,130,246,0.3);\n  position: relative;\n}\n\n.he-agent-apple-hero .he-feature-icon.icon-money::before {\n  content: '\ud83d\udcb0';\n  font-size: 2rem;\n}\n\n.he-agent-apple-hero .he-feature-icon.icon-chart::before {\n  content: '\ud83d\udcca';\n  font-size: 2rem;\n}\n\n.he-agent-apple-hero .he-feature-icon.icon-support::before {\n  content: '\ud83d\ude80';\n  font-size: 2rem;\n}\n\n.he-agent-apple-hero .he-feature-title {\n  font-size: 1.2rem;\n  font-weight: 600;\n  color: #1e293b;\n  margin-bottom: 12px;\n  letter-spacing: -0.01em;\n}\n\n.he-agent-apple-hero .he-feature-desc {\n  font-size: 1rem;\n  color: #64748b;\n  line-height: 1.6;\n  max-width: 240px;\n}\n\n@media (min-width: 1366px) {\n  .he-agent-apple-hero {\n    padding: 60px 40px 100px 40px;\n  }\n  .he-agent-apple-hero h1 {\n    font-size: 4rem !important;\n    margin-top: 0 !important;\n    margin-bottom: 32px !important;\n    padding: 0 !important;\n  }\n  .he-agent-apple-hero .he-hero-badge {\n    margin-bottom: 20px !important;\n  }\n  .he-agent-apple-hero .he-hero-subtitle {\n    font-size: 1.4rem;\n  }\n  .he-agent-apple-hero .he-hero-features {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 50px;\n  }\n}\n\n@media (max-width: 1366px) and (min-width: 1024px) {\n  .he-agent-apple-hero {\n    padding: 50px 30px 80px 30px;\n  }\n  .he-agent-apple-hero h1 {\n    font-size: 3.2rem !important;\n    margin-top: 0 !important;\n    margin-bottom: 28px !important;\n    padding: 0 !important;\n  }\n  .he-agent-apple-hero .he-hero-badge {\n    margin-bottom: 18px !important;\n  }\n  .he-agent-apple-hero .he-hero-subtitle {\n    font-size: 1.2rem;\n  }\n  .he-agent-apple-hero .he-hero-features {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 35px;\n  }\n}\n\n@media (max-width: 1024px) and (min-width: 767px) {\n  .he-agent-apple-hero {\n    padding: 40px 25px 70px 25px;\n  }\n  .he-agent-apple-hero h1 {\n    font-size: 2.8rem !important;\n    margin-top: 0 !important;\n    margin-bottom: 24px !important;\n    padding: 0 !important;\n  }\n  .he-agent-apple-hero .he-hero-badge {\n    margin-bottom: 16px !important;\n  }\n  .he-agent-apple-hero .he-hero-subtitle {\n    font-size: 1.1rem;\n    margin-bottom: 40px;\n  }\n  .he-agent-apple-hero .he-hero-buttons {\n    margin-bottom: 60px;\n    gap: 20px;\n  }\n  .he-agent-apple-hero .he-hero-features {\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n  }\n  .he-agent-apple-hero .he-feature-item {\n    padding: 28px 20px;\n  }\n}\n\n@media (max-width: 767px) {\n  .he-agent-apple-hero {\n    padding: 30px 20px 60px 20px;\n  }\n  .he-agent-apple-hero h1 {\n    font-size: 2.2rem !important;\n    margin-top: 0 !important;\n    margin-bottom: 20px !important;\n    padding: 0 !important;\n    line-height: 1.2 !important;\n  }\n  .he-agent-apple-hero .he-hero-subtitle {\n    font-size: 1rem;\n    margin-bottom: 36px;\n    line-height: 1.5;\n  }\n  .he-agent-apple-hero .he-hero-badge {\n    margin-bottom: 12px !important;\n    padding: 8px 20px;\n    font-size: 0.85rem;\n  }\n  .he-agent-apple-hero .he-hero-buttons {\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 50px;\n  }\n  .he-agent-apple-hero .he-hero-cta-primary,\n  .he-agent-apple-hero .he-hero-cta-secondary {\n    width: 100%;\n    max-width: 300px;\n    justify-content: center;\n    padding: 16px 32px;\n    font-size: 1rem;\n  }\n  .he-agent-apple-hero .he-hero-features {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  .he-agent-apple-hero .he-feature-item {\n    padding: 24px 20px;\n  }\n  .he-agent-apple-hero .he-feature-icon {\n    width: 70px;\n    height: 70px;\n    border-radius: 16px;\n    margin-bottom: 16px;\n  }\n  .he-agent-apple-hero .he-feature-icon::before {\n    font-size: 1.8rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .he-agent-apple-hero {\n    padding: 25px 16px 50px 16px;\n  }\n  .he-agent-apple-hero h1 {\n    font-size: 1.9rem !important;\n    margin-top: 0 !important;\n    margin-bottom: 18px !important;\n    padding: 0 !important;\n  }\n  .he-agent-apple-hero .he-hero-subtitle {\n    font-size: 0.95rem;\n  }\n  .he-agent-apple-hero .he-hero-badge {\n    padding: 6px 18px;\n    font-size: 0.8rem;\n    margin-bottom: 10px !important;\n  }\n  .he-agent-apple-hero .he-feature-item {\n    padding: 20px 16px;\n  }\n}\n<\/style>\n\n<div class=\"he-agent-apple-hero\">\n  <div class=\"he-hero-content\">\n    <div class=\"he-hero-badge\">Professional Partnership Program<\/div>\n    \n    <h1>Join Hostease Agent Program<br>Expand Your Business Channel<\/h1>\n    \n    <div class=\"he-hero-subtitle\">\n      Enjoy exclusive wholesale pricing, comprehensive server product lines, and customized technical support to enhance your channel competitiveness and service efficiency\n    <\/div>\n    \n    <div class=\"he-hero-buttons\">\n      <a href=\"#apply\" class=\"he-hero-cta-primary\">Become a Partner Now<\/a>\n      <a href=\"#learn-more\" class=\"he-hero-cta-secondary\">Learn More Details<\/a>\n    <\/div>\n    \n    <div class=\"he-hero-features\">\n      <div class=\"he-feature-item\">\n        <div class=\"he-feature-icon\">\ud83d\udcb0<\/div>\n        <div class=\"he-feature-title\">Exclusive Wholesale Pricing<\/div>\n        <div class=\"he-feature-desc\">Enjoy the most competitive wholesale prices to maximize your profit margins<\/div>\n      <\/div>\n      <div class=\"he-feature-item\">\n        <div class=\"he-feature-icon\">\ud83d\udcca<\/div>\n        <div class=\"he-feature-title\">Professional Sales Support<\/div>\n        <div class=\"he-feature-desc\">Marketing materials and sales training provided to accelerate business growth<\/div>\n      <\/div>\n      <div class=\"he-feature-item\">\n        <div class=\"he-feature-icon\">\ud83d\ude80<\/div>\n        <div class=\"he-feature-title\">Technical Support Services<\/div>\n        <div class=\"he-feature-desc\">Professional technical team available 24\/7 online support<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c0168a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c0168a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7757890\" data-id=\"7757890\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-95de9f7 elementor-widget elementor-widget-html\" data-id=\"95de9f7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.he-agent-premium-modes {\n  padding: 80px 40px 80px 40px;\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.he-agent-premium-modes::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 20% 30%, rgba(0,122,255,0.015) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,45,85,0.015) 0%, transparent 50%);\n  border-radius: 24px;\n  z-index: 1;\n}\n\n.he-agent-premium-modes .he-modes-content {\n  position: relative;\n  z-index: 2;\n}\n\n.he-agent-premium-modes h2 {\n  color: #1d1d1f;\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  text-align: center;\n  letter-spacing: -0.02em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.he-agent-premium-modes .he-modes-subtitle {\n  font-size: 1.2rem;\n  font-weight: 400;\n  color: #86868b;\n  text-align: center;\n  margin-bottom: 60px;\n  letter-spacing: -0.01em;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.he-agent-premium-modes .he-modes-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n}\n\n.he-agent-premium-modes .he-mode-item {\n  background: #ffffff;\n  border-radius: 20px;\n  box-shadow: 0 2px 20px rgba(0,0,0,0.03);\n  border: 1px solid rgba(0,0,0,0.04);\n  padding: 40px 32px 36px 32px;\n  text-align: center;\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  position: relative;\n  overflow: hidden;\n}\n\n.he-agent-premium-modes .he-mode-item::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, #007aff 0%, #5856d6 100%);\n  transform: translateX(-100%);\n  transition: transform 0.4s ease;\n}\n\n.he-agent-premium-modes .he-mode-item:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.08);\n  border-color: rgba(0,122,255,0.1);\n}\n\n.he-agent-premium-modes .he-mode-item:hover::before {\n  transform: translateX(0);\n}\n\n.he-agent-premium-modes .he-mode-icon {\n  width: 64px;\n  height: 64px;\n  margin: 0 auto 24px auto;\n  background: linear-gradient(135deg, #007aff 0%, #5856d6 100%);\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.8rem;\n  color: #ffffff;\n  box-shadow: 0 8px 24px rgba(0,122,255,0.2);\n  transition: all 0.3s ease;\n}\n\n.he-agent-premium-modes .he-mode-item:hover .he-mode-icon {\n  transform: scale(1.05);\n  box-shadow: 0 12px 32px rgba(0,122,255,0.3);\n}\n\n.he-agent-premium-modes .he-mode-title {\n  font-size: 1.3rem;\n  font-weight: 600;\n  color: #1d1d1f;\n  margin-bottom: 16px;\n  letter-spacing: -0.01em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  line-height: 1.3;\n}\n\n.he-agent-premium-modes .he-mode-desc {\n  font-size: 1.05rem;\n  color: #86868b;\n  line-height: 1.5;\n  letter-spacing: -0.005em;\n  min-height: 100px;\n  display: flex;\n  align-items: center;\n}\n\n\/* Desktop screens 1366px and above *\/\n@media (min-width: 1366px) {\n  .he-agent-premium-modes {\n    padding: 100px 60px 100px 60px;\n  }\n  .he-agent-premium-modes h2 {\n    font-size: 2.8rem;\n  }\n  .he-agent-premium-modes .he-modes-subtitle {\n    font-size: 1.3rem;\n    margin-bottom: 80px;\n    max-width: 700px;\n  }\n  .he-agent-premium-modes .he-modes-grid {\n    gap: 40px;\n  }\n  .he-agent-premium-modes .he-mode-desc {\n    min-height: 110px;\n  }\n}\n\n\/* Laptop screens 1024px - 1366px *\/\n@media (max-width: 1366px) and (min-width: 1024px) {\n  .he-agent-premium-modes {\n    padding: 70px 40px 70px 40px;\n    max-width: 95vw;\n  }\n  .he-agent-premium-modes h2 {\n    font-size: 2.2rem;\n  }\n  .he-agent-premium-modes .he-modes-subtitle {\n    font-size: 1.1rem;\n    max-width: 600px;\n  }\n  .he-agent-premium-modes .he-mode-desc {\n    min-height: 95px;\n  }\n}\n\n\/* Tablet devices 767px - 1024px *\/\n@media (max-width: 1024px) and (min-width: 767px) {\n  .he-agent-premium-modes {\n    padding: 60px 30px 60px 30px;\n    max-width: 95vw;\n    border-radius: 20px;\n  }\n  .he-agent-premium-modes h2 {\n    font-size: 2rem;\n    margin-bottom: 12px;\n  }\n  .he-agent-premium-modes .he-modes-subtitle {\n    font-size: 1.05rem;\n    margin-bottom: 50px;\n    max-width: 100%;\n  }\n  .he-agent-premium-modes .he-modes-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  .he-agent-premium-modes .he-mode-item {\n    padding: 32px 24px 28px 24px;\n  }\n  .he-agent-premium-modes .he-mode-desc {\n    min-height: auto;\n  }\n}\n\n\/* Mobile devices 767px and below *\/\n@media (max-width: 767px) {\n  .he-agent-premium-modes {\n    padding: 50px 20px 50px 20px;\n    max-width: 95vw;\n    border-radius: 16px;\n  }\n  .he-agent-premium-modes h2 {\n    font-size: 1.8rem;\n    margin-bottom: 8px;\n    line-height: 1.2;\n  }\n  .he-agent-premium-modes .he-modes-subtitle {\n    font-size: 1rem;\n    margin-bottom: 40px;\n    line-height: 1.4;\n    max-width: 100%;\n  }\n  .he-agent-premium-modes .he-modes-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  .he-agent-premium-modes .he-mode-item {\n    padding: 28px 20px 24px 20px;\n    border-radius: 16px;\n  }\n  .he-agent-premium-modes .he-mode-icon {\n    width: 56px;\n    height: 56px;\n    font-size: 1.6rem;\n    margin-bottom: 20px;\n  }\n  .he-agent-premium-modes .he-mode-title {\n    font-size: 1.2rem;\n    margin-bottom: 12px;\n    line-height: 1.3;\n  }\n  .he-agent-premium-modes .he-mode-desc {\n    font-size: 1rem;\n    min-height: auto;\n  }\n}\n\n\/* Extra small screens optimization *\/\n@media (max-width: 480px) {\n  .he-agent-premium-modes {\n    padding: 40px 16px 40px 16px;\n  }\n  .he-agent-premium-modes h2 {\n    font-size: 1.6rem;\n  }\n  .he-agent-premium-modes .he-modes-subtitle {\n    font-size: 0.95rem;\n  }\n  .he-agent-premium-modes .he-mode-item {\n    padding: 24px 16px 20px 16px;\n  }\n  .he-agent-premium-modes .he-mode-title {\n    font-size: 1.1rem;\n  }\n  .he-agent-premium-modes .he-mode-desc {\n    font-size: 0.95rem;\n  }\n}\n<\/style>\n\n<div class=\"he-agent-premium-modes\">\n  <div class=\"he-modes-content\">\n    <h2>Partnership Models & Benefits<\/h2>\n    <div class=\"he-modes-subtitle\">\n      Diversified partnership solutions to accelerate your business growth\n    <\/div>\n    \n    <div class=\"he-modes-grid\">\n      <div class=\"he-mode-item\">\n        <div class=\"he-mode-icon\">\ud83c\udfaf<\/div>\n        <div class=\"he-mode-title\">Diverse Partnership Types<\/div>\n        <div class=\"he-mode-desc\">\n          Channel distribution, industry integration, cloud service value-added and various cooperation models that flexibly adapt to different business scenarios and development stages\n        <\/div>\n      <\/div>\n      \n      <div class=\"he-mode-item\">\n        <div class=\"he-mode-icon\">\ud83d\udcb0<\/div>\n        <div class=\"he-mode-title\">Exclusive Policies & Wholesale Pricing<\/div>\n        <div class=\"he-mode-desc\">\n          Offering exclusive wholesale prices and differentiated commission programs with flexible settlement cycles to enhance channel profit margins and market responsiveness\n        <\/div>\n      <\/div>\n      \n      <div class=\"he-mode-item\">\n        <div class=\"he-mode-icon\">\ud83d\ude80<\/div>\n        <div class=\"he-mode-title\">Professional Sales & Technical Support<\/div>\n        <div class=\"he-mode-desc\">\n          Providing marketing materials, API integration, 24\/7 technical assistance and customized training to ensure efficient partnership operations\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad55b4c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ad55b4c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e21922b\" data-id=\"e21922b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f114e0 elementor-widget elementor-widget-html\" data-id=\"4f114e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.he-agent-premium-table-wrap {\n  overflow-x: auto;\n  padding: 80px 40px 80px 40px;\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.he-agent-premium-table-wrap::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 20% 30%, rgba(0,122,255,0.015) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,45,85,0.015) 0%, transparent 50%);\n  border-radius: 24px;\n  z-index: 1;\n}\n\n.he-agent-premium-table-content {\n  position: relative;\n  z-index: 2;\n}\n\n.he-agent-premium-table-title {\n  color: #1d1d1f;\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  text-align: center;\n  letter-spacing: -0.02em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.he-agent-premium-table-subtitle {\n  font-size: 1.2rem;\n  font-weight: 400;\n  color: #86868b;\n  text-align: center;\n  margin-bottom: 60px;\n  letter-spacing: -0.01em;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.he-agent-premium-table-container {\n  background: #ffffff;\n  border-radius: 20px;\n  box-shadow: 0 2px 20px rgba(0,0,0,0.03);\n  border: 1px solid rgba(0,0,0,0.04);\n  overflow: hidden;\n  position: relative;\n}\n\n.he-agent-premium-table-container::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, #007aff 0%, #5856d6 100%);\n  z-index: 1;\n}\n\n.he-agent-premium-table {\n  width: 100%;\n  min-width: 900px;\n  border-collapse: collapse;\n  font-size: 1rem;\n  background: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.he-agent-premium-table th {\n  padding: 20px 16px;\n  text-align: center;\n  background: #007aff;\n  color: #ffffff;\n  font-weight: 600;\n  font-size: 1.05rem;\n  letter-spacing: -0.01em;\n  border-right: 1px solid rgba(255,255,255,0.1);\n  position: relative;\n  line-height: 1.3;\n}\n\n.he-agent-premium-table th:last-child {\n  border-right: none;\n}\n\n.he-agent-premium-table td {\n  padding: 16px 12px;\n  text-align: center;\n  border-right: 1px solid rgba(0,0,0,0.06);\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n  background: #ffffff;\n  font-size: 0.95rem;\n  letter-spacing: -0.005em;\n  transition: background-color 0.2s ease;\n  vertical-align: middle;\n}\n\n.he-agent-premium-table td:last-child {\n  border-right: none;\n}\n\n.he-agent-premium-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.he-agent-premium-table tbody tr:hover td {\n  background: rgba(0,122,255,0.02);\n}\n\n.he-agent-premium-table .he-category-cell {\n  font-weight: 600;\n  color: #007aff;\n  background: rgba(0,122,255,0.03) !important;\n  border-right: 2px solid #007aff;\n  font-size: 1rem;\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n  padding: 20px 12px;\n  min-width: 80px;\n}\n\n.he-agent-premium-table .he-service-name {\n  font-weight: 500;\n  color: #1d1d1f;\n  text-align: left;\n  padding-left: 20px;\n  background: rgba(0,0,0,0.01) !important;\n  min-width: 180px;\n}\n\n.he-agent-premium-table .he-price-amount {\n  font-weight: 600;\n  color: #1d1d1f;\n  font-size: 1.05rem;\n}\n\n.he-agent-premium-table .he-discount-badge {\n  display: inline-block;\n  background: linear-gradient(135deg, #34c759 0%, #30d158 100%);\n  color: #ffffff;\n  font-size: 0.8rem;\n  font-weight: 600;\n  padding: 4px 8px;\n  border-radius: 8px;\n  margin-top: 4px;\n}\n\n.he-agent-premium-table .he-cross {\n  color: #ff3b30;\n  font-size: 1.3em;\n  font-weight: 600;\n}\n\n.he-agent-premium-table .he-checkmark {\n  color: #34c759;\n  font-size: 1.2em;\n  font-weight: 600;\n}\n\n.he-agent-premium-table .he-feature-text {\n  color: #86868b;\n  font-size: 0.9rem;\n}\n\n.he-agent-premium-table .he-highlight-text {\n  color: #007aff;\n  font-weight: 600;\n}\n\n.he-agent-premium-table .he-premium-text {\n  color: #ff9500;\n  font-weight: 600;\n}\n\n\/* Gradient background grouping *\/\n.he-agent-premium-table .he-cat-group-1 td {\n  background: linear-gradient(90deg, rgba(0,122,255,0.02) 0%, rgba(255,255,255,1) 100%) !important;\n}\n\n.he-agent-premium-table .he-cat-group-2 td {\n  background: linear-gradient(90deg, rgba(52,199,89,0.02) 0%, rgba(255,255,255,1) 100%) !important;\n}\n\n.he-agent-premium-table .he-cat-group-3 td {\n  background: linear-gradient(90deg, rgba(255,149,0,0.02) 0%, rgba(255,255,255,1) 100%) !important;\n}\n\n.he-agent-premium-table .he-cat-group-4 td {\n  background: linear-gradient(90deg, rgba(88,86,214,0.02) 0%, rgba(255,255,255,1) 100%) !important;\n}\n\n.he-agent-premium-table .he-cat-group-5 td {\n  background: linear-gradient(90deg, rgba(255,45,85,0.02) 0%, rgba(255,255,255,1) 100%) !important;\n}\n\n\/* Desktop screens 1366px and above *\/\n@media (min-width: 1366px) {\n  .he-agent-premium-table-wrap {\n    padding: 100px 60px 100px 60px;\n  }\n  .he-agent-premium-table-title {\n    font-size: 2.8rem;\n  }\n  .he-agent-premium-table-subtitle {\n    font-size: 1.3rem;\n    margin-bottom: 80px;\n    max-width: 700px;\n  }\n  .he-agent-premium-table {\n    min-width: 1000px;\n  }\n}\n\n\/* Laptop screens 1024px - 1366px *\/\n@media (max-width: 1366px) and (min-width: 1024px) {\n  .he-agent-premium-table-wrap {\n    padding: 70px 40px 70px 40px;\n    max-width: 95vw;\n  }\n  .he-agent-premium-table-title {\n    font-size: 2.2rem;\n  }\n  .he-agent-premium-table-subtitle {\n    font-size: 1.1rem;\n    max-width: 600px;\n  }\n  .he-agent-premium-table {\n    min-width: 850px;\n  }\n}\n\n\/* Tablet devices 767px - 1024px *\/\n@media (max-width: 1024px) and (min-width: 767px) {\n  .he-agent-premium-table-wrap {\n    padding: 50px 30px 50px 30px;\n    max-width: 95vw;\n    border-radius: 20px;\n  }\n  .he-agent-premium-table-title {\n    font-size: 2rem;\n    margin-bottom: 12px;\n  }\n  .he-agent-premium-table-subtitle {\n    font-size: 1.05rem;\n    margin-bottom: 40px;\n    max-width: 100%;\n  }\n  .he-agent-premium-table-container {\n    border-radius: 16px;\n  }\n  .he-agent-premium-table {\n    font-size: 0.9rem;\n    min-width: 750px;\n  }\n  .he-agent-premium-table th,\n  .he-agent-premium-table td {\n    padding: 12px 8px;\n  }\n  .he-agent-premium-table .he-category-cell {\n    padding: 16px 8px;\n    min-width: 70px;\n  }\n  .he-agent-premium-table .he-service-name {\n    min-width: 160px;\n  }\n}\n\n\/* Mobile devices 767px and below *\/\n@media (max-width: 767px) {\n  .he-agent-premium-table-wrap {\n    padding: 40px 20px 40px 20px;\n    max-width: 95vw;\n    border-radius: 16px;\n  }\n  .he-agent-premium-table-title {\n    font-size: 1.8rem;\n    margin-bottom: 8px;\n    line-height: 1.2;\n  }\n  .he-agent-premium-table-subtitle {\n    font-size: 1rem;\n    margin-bottom: 32px;\n    line-height: 1.4;\n    max-width: 100%;\n  }\n  .he-agent-premium-table-container {\n    border-radius: 12px;\n  }\n  .he-agent-premium-table {\n    font-size: 0.85rem;\n    min-width: 700px;\n  }\n  .he-agent-premium-table th {\n    padding: 14px 6px;\n    font-size: 0.9rem;\n    line-height: 1.2;\n  }\n  .he-agent-premium-table td {\n    padding: 10px 6px;\n  }\n  .he-agent-premium-table .he-category-cell {\n    padding: 14px 6px;\n    font-size: 0.9rem;\n    min-width: 60px;\n  }\n  .he-agent-premium-table .he-service-name {\n    padding-left: 12px;\n    min-width: 150px;\n  }\n}\n\n\/* Extra small screens optimization *\/\n@media (max-width: 480px) {\n  .he-agent-premium-table-wrap {\n    padding: 30px 16px 30px 16px;\n  }\n  .he-agent-premium-table-title {\n    font-size: 1.6rem;\n  }\n  .he-agent-premium-table-subtitle {\n    font-size: 0.95rem;\n  }\n  .he-agent-premium-table {\n    min-width: 650px;\n  }\n  .he-agent-premium-table .he-service-name {\n    min-width: 140px;\n  }\n}\n<\/style>\n\n<div class=\"he-agent-premium-table-wrap\">\n  <div class=\"he-agent-premium-table-content\">\n    <div class=\"he-agent-premium-table-title\">Agent Policy & Key Parameters Overview<\/div>\n    <div class=\"he-agent-premium-table-subtitle\">\n      Flexible agent tier settings to meet the needs of partners of different scales\n    <\/div>\n    \n    <div class=\"he-agent-premium-table-container\">\n      <table class=\"he-agent-premium-table\">\n        <thead>\n          <tr>\n            <th>Category<\/th>\n            <th>Service Content<\/th>\n            <th>Regular User<\/th>\n            <th>Silver Agent<br><span class=\"he-discount-badge\">5% OFF<\/span><\/th>\n            <th>Gold Agent<br><span class=\"he-discount-badge\">10% OFF<\/span><\/th>\n            <th>Platinum Agent<br><span class=\"he-discount-badge\">15% OFF<\/span><\/th>\n            <th>Diamond Agent<br><span class=\"he-discount-badge\">20% OFF<\/span><\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <!-- Requirements -->\n          <tr class=\"he-cat-group-1\">\n            <td rowspan=\"1\" class=\"he-category-cell\">Requirements<\/td>\n            <td class=\"he-service-name\">One-time Deposit\/Purchase Amount<\/td>\n            <td class=\"he-feature-text\">None<\/td>\n            <td class=\"he-price-amount\">$1,000<\/td>\n            <td class=\"he-price-amount\">$5,000<\/td>\n            <td class=\"he-price-amount\">$20,000<\/td>\n            <td class=\"he-price-amount\">$50,000<\/td>\n          <\/tr>\n          \n          <!-- Discounts & Rewards -->\n          <tr class=\"he-cat-group-2\">\n            <td rowspan=\"2\" class=\"he-category-cell\">Discounts & Rewards<\/td>\n            <td class=\"he-service-name\">New Purchase & Renewal Discount<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-highlight-text\">5% OFF<\/td>\n            <td class=\"he-highlight-text\">10% OFF<\/td>\n            <td class=\"he-highlight-text\">15% OFF<\/td>\n            <td class=\"he-premium-text\">20% OFF<\/td>\n          <\/tr>\n          <tr class=\"he-cat-group-2\">\n            <td class=\"he-service-name\">Semi-annual Performance Bonus<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n          <\/tr>\n          \n          <!-- Enablement Support -->\n          <tr class=\"he-cat-group-3\">\n            <td rowspan=\"2\" class=\"he-category-cell\">Enablement Support<\/td>\n            <td class=\"he-service-name\">Enablement Resource Package<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n          <\/tr>\n          <tr class=\"he-cat-group-3\">\n            <td class=\"he-service-name\">Technical Documentation Support<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n          <\/tr>\n          \n          <!-- Service Support -->\n          <tr class=\"he-cat-group-4\">\n            <td rowspan=\"3\" class=\"he-category-cell\">Service Support<\/td>\n            <td class=\"he-service-name\">Dedicated Account Manager<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n          <\/tr>\n          <tr class=\"he-cat-group-4\">\n            <td class=\"he-service-name\">Extended Payment Terms<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-highlight-text\">24 hours<\/td>\n            <td class=\"he-highlight-text\">48 hours<\/td>\n            <td class=\"he-premium-text\">72 hours<\/td>\n          <\/tr>\n          <tr class=\"he-cat-group-4\">\n            <td class=\"he-service-name\">Resource Monitoring & Alert Service<\/td>\n            <td class=\"he-feature-text\">Basic<\/td>\n            <td class=\"he-feature-text\">Basic<\/td>\n            <td class=\"he-feature-text\">Basic<\/td>\n            <td class=\"he-highlight-text\">Enhanced<\/td>\n            <td class=\"he-premium-text\">Enhanced<\/td>\n          <\/tr>\n          \n          <!-- Technical Support -->\n          <tr class=\"he-cat-group-5\">\n            <td rowspan=\"3\" class=\"he-category-cell\">Technical Support<\/td>\n            <td class=\"he-service-name\">24\/7 Technical Support<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n          <\/tr>\n          <tr class=\"he-cat-group-5\">\n            <td class=\"he-service-name\">API Integration & Technical Support<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-cross\">\u00d7<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n            <td class=\"he-checkmark\">\u2713<\/td>\n          <\/tr>\n          <tr class=\"he-cat-group-5\">\n            <td class=\"he-service-name\">Issue Resolution Priority<\/td>\n            <td class=\"he-feature-text\">Standard<\/td>\n            <td class=\"he-feature-text\">Standard<\/td>\n            <td class=\"he-highlight-text\">High<\/td>\n            <td class=\"he-highlight-text\">Higher<\/td>\n            <td class=\"he-premium-text\">Highest<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff73143 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ff73143\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8c2dea\" data-id=\"f8c2dea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86078b0 elementor-widget elementor-widget-html\" data-id=\"86078b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.he-agent-premium-flow {\n  padding: 80px 40px 80px 40px;\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.he-agent-premium-flow::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 20% 30%, rgba(0,122,255,0.015) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,45,85,0.015) 0%, transparent 50%);\n  border-radius: 24px;\n  z-index: 1;\n}\n\n.he-agent-premium-flow .he-flow-content {\n  position: relative;\n  z-index: 2;\n}\n\n.he-agent-premium-flow h2 {\n  color: #1d1d1f;\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  text-align: center;\n  letter-spacing: -0.02em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.he-agent-premium-flow .he-flow-subtitle {\n  font-size: 1.2rem;\n  font-weight: 400;\n  color: #86868b;\n  text-align: center;\n  margin-bottom: 60px;\n  letter-spacing: -0.01em;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.he-agent-premium-steps {\n  display: flex;\n  justify-content: space-between;\n  gap: 0;\n  margin: 0 auto;\n  position: relative;\n}\n\n.he-agent-premium-steps::before {\n  content: '';\n  position: absolute;\n  top: 40px;\n  left: 8%;\n  right: 8%;\n  height: 2px;\n  background: linear-gradient(90deg, rgba(0,122,255,0.2) 0%, rgba(88,86,214,0.2) 50%, rgba(255,149,0,0.2) 100%);\n  border-radius: 1px;\n  z-index: 0;\n}\n\n.he-agent-premium-step {\n  flex: 1 1 0;\n  text-align: center;\n  position: relative;\n  padding: 0 20px;\n  z-index: 2;\n}\n\n.he-step-premium-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  background: linear-gradient(135deg, #007aff 0%, #5856d6 100%);\n  border-radius: 20px;\n  margin-bottom: 24px;\n  border: 4px solid #ffffff;\n  font-size: 1.8rem;\n  font-weight: 700;\n  color: #ffffff;\n  box-shadow: 0 8px 24px rgba(0,122,255,0.25);\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  position: relative;\n  overflow: hidden;\n}\n\n.he-step-premium-icon::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\n  transform: scale(0);\n  transition: transform 0.6s ease;\n}\n\n.he-agent-premium-step:hover .he-step-premium-icon {\n  transform: translateY(-8px) scale(1.05);\n  box-shadow: 0 16px 32px rgba(0,122,255,0.35);\n}\n\n.he-agent-premium-step:hover .he-step-premium-icon::before {\n  transform: scale(1);\n}\n\n.he-step-premium-title {\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #1d1d1f;\n  margin-bottom: 12px;\n  letter-spacing: -0.01em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  line-height: 1.3;\n}\n\n.he-step-premium-desc {\n  font-size: 1rem;\n  color: #86868b;\n  line-height: 1.5;\n  letter-spacing: -0.005em;\n  min-height: 75px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n\/* Different step personalized colors *\/\n.he-agent-premium-step:nth-child(1) .he-step-premium-icon {\n  background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);\n}\n\n.he-agent-premium-step:nth-child(2) .he-step-premium-icon {\n  background: linear-gradient(135deg, #34c759 0%, #30d158 100%);\n}\n\n.he-agent-premium-step:nth-child(3) .he-step-premium-icon {\n  background: linear-gradient(135deg, #ff9500 0%, #ff8c00 100%);\n}\n\n.he-agent-premium-step:nth-child(4) .he-step-premium-icon {\n  background: linear-gradient(135deg, #5856d6 0%, #af52de 100%);\n}\n\n\/* Step connection animation *\/\n.he-agent-premium-steps::after {\n  content: '';\n  position: absolute;\n  top: 40px;\n  left: 8%;\n  height: 2px;\n  width: 0;\n  background: linear-gradient(90deg, #007aff 0%, #5856d6 50%, #ff9500 100%);\n  border-radius: 1px;\n  z-index: 1;\n  animation: he-flow-progress 4s ease-in-out infinite;\n}\n\n@keyframes he-flow-progress {\n  0% { width: 0; opacity: 0.8; }\n  50% { width: 84%; opacity: 1; }\n  100% { width: 84%; opacity: 0.3; }\n}\n\n\/* Desktop screens 1366px and above *\/\n@media (min-width: 1366px) {\n  .he-agent-premium-flow {\n    padding: 100px 60px 100px 60px;\n  }\n  .he-agent-premium-flow h2 {\n    font-size: 2.8rem;\n  }\n  .he-agent-premium-flow .he-flow-subtitle {\n    font-size: 1.3rem;\n    margin-bottom: 80px;\n    max-width: 700px;\n  }\n  .he-step-premium-icon {\n    width: 90px;\n    height: 90px;\n    font-size: 2rem;\n  }\n  .he-step-premium-desc {\n    min-height: 85px;\n  }\n}\n\n\/* Laptop screens 1024px - 1366px *\/\n@media (max-width: 1366px) and (min-width: 1024px) {\n  .he-agent-premium-flow {\n    padding: 70px 40px 70px 40px;\n    max-width: 95vw;\n  }\n  .he-agent-premium-flow h2 {\n    font-size: 2.2rem;\n  }\n  .he-agent-premium-flow .he-flow-subtitle {\n    font-size: 1.1rem;\n    max-width: 600px;\n  }\n  .he-step-premium-desc {\n    min-height: 80px;\n  }\n}\n\n\/* Tablet devices 767px - 1024px *\/\n@media (max-width: 1024px) and (min-width: 767px) {\n  .he-agent-premium-flow {\n    padding: 60px 30px 60px 30px;\n    max-width: 95vw;\n    border-radius: 20px;\n  }\n  .he-agent-premium-flow h2 {\n    font-size: 2rem;\n    margin-bottom: 12px;\n  }\n  .he-agent-premium-flow .he-flow-subtitle {\n    font-size: 1.05rem;\n    margin-bottom: 50px;\n    max-width: 100%;\n  }\n  .he-agent-premium-steps {\n    flex-direction: column;\n    align-items: center;\n    gap: 40px;\n  }\n  .he-agent-premium-steps::before,\n  .he-agent-premium-steps::after {\n    display: none;\n  }\n  .he-agent-premium-step {\n    padding: 0;\n    max-width: 450px;\n    position: relative;\n  }\n  .he-agent-premium-step:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    left: 50%;\n    bottom: -20px;\n    transform: translateX(-50%);\n    width: 2px;\n    height: 20px;\n    background: linear-gradient(180deg, #007aff 0%, #5856d6 100%);\n    border-radius: 1px;\n  }\n  .he-step-premium-icon {\n    width: 70px;\n    height: 70px;\n    font-size: 1.6rem;\n  }\n  .he-step-premium-desc {\n    min-height: auto;\n  }\n}\n\n\/* Mobile devices 767px and below *\/\n@media (max-width: 767px) {\n  .he-agent-premium-flow {\n    padding: 50px 20px 50px 20px;\n    max-width: 95vw;\n    border-radius: 16px;\n  }\n  .he-agent-premium-flow h2 {\n    font-size: 1.8rem;\n    margin-bottom: 8px;\n    line-height: 1.2;\n  }\n  .he-agent-premium-flow .he-flow-subtitle {\n    font-size: 1rem;\n    margin-bottom: 40px;\n    line-height: 1.4;\n    max-width: 100%;\n  }\n  .he-agent-premium-steps {\n    flex-direction: column;\n    align-items: center;\n    gap: 32px;\n  }\n  .he-agent-premium-steps::before,\n  .he-agent-premium-steps::after {\n    display: none;\n  }\n  .he-agent-premium-step {\n    padding: 0;\n    max-width: 350px;\n    position: relative;\n  }\n  .he-agent-premium-step:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    left: 50%;\n    bottom: -16px;\n    transform: translateX(-50%);\n    width: 2px;\n    height: 16px;\n    background: linear-gradient(180deg, #007aff 0%, #5856d6 100%);\n    border-radius: 1px;\n  }\n  .he-step-premium-icon {\n    width: 64px;\n    height: 64px;\n    font-size: 1.5rem;\n    margin-bottom: 20px;\n    border-radius: 16px;\n  }\n  .he-step-premium-title {\n    font-size: 1.15rem;\n    margin-bottom: 10px;\n    line-height: 1.3;\n  }\n  .he-step-premium-desc {\n    font-size: 0.95rem;\n    min-height: auto;\n  }\n}\n\n\/* Extra small screens optimization *\/\n@media (max-width: 480px) {\n  .he-agent-premium-flow {\n    padding: 40px 16px 40px 16px;\n  }\n  .he-agent-premium-flow h2 {\n    font-size: 1.6rem;\n  }\n  .he-agent-premium-flow .he-flow-subtitle {\n    font-size: 0.95rem;\n  }\n  .he-agent-premium-step {\n    max-width: 300px;\n  }\n  .he-step-premium-title {\n    font-size: 1.1rem;\n  }\n  .he-step-premium-desc {\n    font-size: 0.9rem;\n  }\n}\n<\/style>\n\n<div class=\"he-agent-premium-flow\">\n  <div class=\"he-flow-content\">\n    <h2>Partnership Process & Application Steps<\/h2>\n    <div class=\"he-flow-subtitle\">\n      Four simple steps to start your professional partnership journey\n    <\/div>\n    \n    <div class=\"he-agent-premium-steps\">\n      <div class=\"he-agent-premium-step\">\n        <div class=\"he-step-premium-icon\">1<\/div>\n        <div class=\"he-step-premium-title\">Submit Online Application<\/div>\n        <div class=\"he-step-premium-desc\">\n          Complete basic information and submit your agent partnership application\n        <\/div>\n      <\/div>\n      \n      <div class=\"he-agent-premium-step\">\n        <div class=\"he-step-premium-icon\">2<\/div>\n        <div class=\"he-step-premium-title\">Qualification Review & Communication<\/div>\n        <div class=\"he-step-premium-desc\">\n          Hostease dedicated manager will discuss partnership models and review qualification materials\n        <\/div>\n      <\/div>\n      \n      <div class=\"he-agent-premium-step\">\n        <div class=\"he-step-premium-icon\">3<\/div>\n        <div class=\"he-step-premium-title\">Sign Agreement & Enable Access<\/div>\n        <div class=\"he-step-premium-desc\">\n          Confirm terms, sign contract, and activate exclusive agent privileges immediately\n        <\/div>\n      <\/div>\n      \n      <div class=\"he-agent-premium-step\">\n        <div class=\"he-step-premium-icon\">4<\/div>\n        <div class=\"he-step-premium-title\">Business Launch & Technical Integration<\/div>\n        <div class=\"he-step-premium-desc\">\n          Assist with product listing, API\/resource integration, and officially launch sales & services\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-03e5e80 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"03e5e80\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e419d1\" data-id=\"6e419d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-16a422f elementor-widget elementor-widget-html\" data-id=\"16a422f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.he-agent-premium-faq-section {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 80px 40px 80px 40px;\n  position: relative;\n}\n\n.he-agent-premium-faq-section::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 20% 30%, rgba(0,122,255,0.015) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,45,85,0.015) 0%, transparent 50%);\n  border-radius: 24px;\n  z-index: 1;\n}\n\n.he-agent-premium-faq-content {\n  position: relative;\n  z-index: 2;\n}\n\n.he-agent-premium-faq-title {\n  color: #1d1d1f;\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  text-align: center;\n  letter-spacing: -0.02em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.he-agent-premium-faq-subtitle {\n  font-size: 1.2rem;\n  font-weight: 400;\n  color: #86868b;\n  text-align: center;\n  margin-bottom: 60px;\n  letter-spacing: -0.01em;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.he-agent-premium-faq-columns {\n  display: flex;\n  gap: 32px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.he-agent-premium-faq-col {\n  flex: 1 1 320px;\n  min-width: 320px;\n  max-width: 580px;\n}\n\n.he-agent-premium-faq-item {\n  margin-bottom: 20px;\n  background: #ffffff;\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid rgba(0,0,0,0.04);\n  box-shadow: 0 2px 20px rgba(0,0,0,0.03);\n  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  position: relative;\n}\n\n.he-agent-premium-faq-item::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, #007aff 0%, #5856d6 100%);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.3s ease;\n}\n\n.he-agent-premium-faq-item:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n  border-color: rgba(0,122,255,0.1);\n}\n\n.he-agent-premium-faq-item:hover::before {\n  transform: scaleX(1);\n}\n\n.he-agent-premium-faq-item.open {\n  border-color: rgba(0,122,255,0.15);\n  box-shadow: 0 8px 32px rgba(0,122,255,0.12);\n}\n\n.he-agent-premium-faq-item.open::before {\n  transform: scaleX(1);\n}\n\n.he-agent-premium-faq-question {\n  position: relative;\n  cursor: pointer;\n  background: #ffffff;\n  color: #1d1d1f;\n  padding: 24px 56px 24px 24px;\n  font-size: 1.15rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  transition: all 0.3s ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  letter-spacing: -0.01em;\n  border-radius: 16px;\n  line-height: 1.4;\n}\n\n.he-agent-premium-faq-question:hover {\n  background: rgba(0,122,255,0.02);\n}\n\n.he-agent-premium-faq-question::after {\n  content: '';\n  width: 24px;\n  height: 24px;\n  background: linear-gradient(135deg, #007aff 0%, #5856d6 100%);\n  border-radius: 50%;\n  position: absolute;\n  right: 24px;\n  flex-shrink: 0;\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  box-shadow: 0 2px 8px rgba(0,122,255,0.2);\n}\n\n.he-agent-premium-faq-question::before {\n  content: '+';\n  position: absolute;\n  right: 36px;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 16px;\n  font-weight: 700;\n  color: #ffffff;\n  transition: all 0.3s ease;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.he-agent-premium-faq-item.open .he-agent-premium-faq-question::after {\n  transform: rotate(180deg);\n  background: linear-gradient(135deg, #34c759 0%, #30d158 100%);\n  box-shadow: 0 2px 8px rgba(52,199,89,0.2);\n}\n\n.he-agent-premium-faq-item.open .he-agent-premium-faq-question::before {\n  content: '\u2212';\n  transform: translateY(-50%) rotate(180deg);\n}\n\n.he-agent-premium-faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  background: rgba(0,122,255,0.01);\n  padding: 0 24px;\n  border-radius: 0 0 16px 16px;\n}\n\n.he-agent-premium-faq-item.open .he-agent-premium-faq-answer {\n  max-height: 350px;\n  padding: 0 24px 24px 24px;\n}\n\n.he-agent-premium-faq-answer p {\n  margin: 0;\n  font-size: 1.05rem;\n  color: #86868b;\n  line-height: 1.6;\n  letter-spacing: -0.005em;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Desktop screens 1366px and above *\/\n@media (min-width: 1366px) {\n  .he-agent-premium-faq-section {\n    padding: 100px 60px 100px 60px;\n  }\n  .he-agent-premium-faq-title {\n    font-size: 2.8rem;\n  }\n  .he-agent-premium-faq-subtitle {\n    font-size: 1.3rem;\n    margin-bottom: 80px;\n    max-width: 700px;\n  }\n  .he-agent-premium-faq-columns {\n    gap: 40px;\n  }\n}\n\n\/* Laptop screens 1024px - 1366px *\/\n@media (max-width: 1366px) and (min-width: 1024px) {\n  .he-agent-premium-faq-section {\n    padding: 70px 40px 70px 40px;\n    max-width: 95vw;\n  }\n  .he-agent-premium-faq-title {\n    font-size: 2.2rem;\n  }\n  .he-agent-premium-faq-subtitle {\n    font-size: 1.1rem;\n    max-width: 600px;\n  }\n}\n\n\/* Tablet devices 767px - 1024px *\/\n@media (max-width: 1024px) and (min-width: 767px) {\n  .he-agent-premium-faq-section {\n    padding: 60px 30px 60px 30px;\n    max-width: 95vw;\n    border-radius: 20px;\n  }\n  .he-agent-premium-faq-title {\n    font-size: 2rem;\n    margin-bottom: 12px;\n  }\n  .he-agent-premium-faq-subtitle {\n    font-size: 1.05rem;\n    margin-bottom: 50px;\n    max-width: 100%;\n  }\n  .he-agent-premium-faq-columns {\n    flex-direction: column;\n    gap: 0;\n  }\n  .he-agent-premium-faq-col {\n    max-width: 100%;\n    min-width: auto;\n  }\n  .he-agent-premium-faq-question {\n    font-size: 1.1rem;\n    padding: 20px 50px 20px 20px;\n  }\n  .he-agent-premium-faq-question::after {\n    right: 20px;\n  }\n  .he-agent-premium-faq-question::before {\n    right: 32px;\n  }\n}\n\n\/* Mobile devices 767px and below *\/\n@media (max-width: 767px) {\n  .he-agent-premium-faq-section {\n    padding: 50px 20px 50px 20px;\n    max-width: 95vw;\n    border-radius: 16px;\n  }\n  .he-agent-premium-faq-title {\n    font-size: 1.8rem;\n    margin-bottom: 8px;\n    line-height: 1.2;\n  }\n  .he-agent-premium-faq-subtitle {\n    font-size: 1rem;\n    margin-bottom: 40px;\n    line-height: 1.4;\n    max-width: 100%;\n  }\n  .he-agent-premium-faq-columns {\n    flex-direction: column;\n    gap: 0;\n  }\n  .he-agent-premium-faq-col {\n    max-width: 100%;\n    min-width: auto;\n  }\n  .he-agent-premium-faq-item {\n    margin-bottom: 16px;\n    border-radius: 12px;\n  }\n  .he-agent-premium-faq-question {\n    font-size: 1.05rem;\n    padding: 18px 46px 18px 18px;\n    border-radius: 12px;\n    line-height: 1.3;\n  }\n  .he-agent-premium-faq-question::after {\n    width: 20px;\n    height: 20px;\n    right: 18px;\n  }\n  .he-agent-premium-faq-question::before {\n    right: 28px;\n    font-size: 14px;\n  }\n  .he-agent-premium-faq-answer {\n    padding: 0 18px;\n    border-radius: 0 0 12px 12px;\n  }\n  .he-agent-premium-faq-item.open .he-agent-premium-faq-answer {\n    max-height: 300px;\n    padding: 0 18px 18px 18px;\n  }\n  .he-agent-premium-faq-answer p {\n    font-size: 1rem;\n  }\n}\n\n\/* Extra small screens optimization *\/\n@media (max-width: 480px) {\n  .he-agent-premium-faq-section {\n    padding: 40px 16px 40px 16px;\n  }\n  .he-agent-premium-faq-title {\n    font-size: 1.6rem;\n  }\n  .he-agent-premium-faq-subtitle {\n    font-size: 0.95rem;\n  }\n  .he-agent-premium-faq-question {\n    font-size: 1rem;\n    padding: 16px 42px 16px 16px;\n  }\n  .he-agent-premium-faq-question::after {\n    right: 16px;\n  }\n  .he-agent-premium-faq-question::before {\n    right: 26px;\n  }\n  .he-agent-premium-faq-answer p {\n    font-size: 0.95rem;\n  }\n}\n<\/style>\n\n<div class=\"he-agent-premium-faq-section\">\n  <div class=\"he-agent-premium-faq-content\">\n    <div class=\"he-agent-premium-faq-title\">Frequently Asked Questions<\/div>\n    <div class=\"he-agent-premium-faq-subtitle\">\n      Answers to common questions about our agent partnership program\n    <\/div>\n    \n    <div class=\"he-agent-premium-faq-columns\">\n      <div class=\"he-agent-premium-faq-col\">\n        <div class=\"he-agent-premium-faq-item open\">\n          <div class=\"he-agent-premium-faq-question\" tabindex=\"0\">How do I qualify for agent discounts? Is there a deposit requirement?<\/div>\n          <div class=\"he-agent-premium-faq-answer\">\n            <p>Agent discounts are tiered based on your level. You need to make a one-time deposit or reach cumulative purchase amounts to automatically qualify. Regular users receive no discount. Please refer to the table above for detailed tiers and discounts.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"he-agent-premium-faq-item\">\n          <div class=\"he-agent-premium-faq-question\" tabindex=\"0\">What exclusive support do agents receive?<\/div>\n          <div class=\"he-agent-premium-faq-answer\">\n            <p>Agents enjoy dedicated account managers, enablement resource packages, customized technical training, API and resource integration, extended payment terms, and other exclusive services to help accelerate business growth efficiently.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"he-agent-premium-faq-item\">\n          <div class=\"he-agent-premium-faq-question\" tabindex=\"0\">Which products can I resell? Are there quantity restrictions?<\/div>\n          <div class=\"he-agent-premium-faq-answer\">\n            <p>You can resell all Hostease mainstream products including shared hosting, VPS, dedicated servers, DDoS protected servers, and more. There are no minimum purchase quantity restrictions - order flexibly based on your actual needs.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"he-agent-premium-faq-col\">\n        <div class=\"he-agent-premium-faq-item\">\n          <div class=\"he-agent-premium-faq-question\" tabindex=\"0\">How can I upgrade my agent tier and discount level?<\/div>\n          <div class=\"he-agent-premium-faq-answer\">\n            <p>Agent tiers automatically upgrade as you increase cumulative purchases\/deposits. Higher tiers unlock better discounts and more exclusive benefits. Check your upgrade progress and requirements by logging into your agent dashboard in real-time.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"he-agent-premium-faq-item\">\n          <div class=\"he-agent-premium-faq-question\" tabindex=\"0\">What if I want to exit the program or downgrade?<\/div>\n          <div class=\"he-agent-premium-faq-answer\">\n            <p>You can contact your Hostease business manager anytime to submit a request. Remaining funds or incomplete orders will be settled and processed according to agreement standards, ensuring a compliant and transparent process.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"he-agent-premium-faq-item\">\n          <div class=\"he-agent-premium-faq-question\" tabindex=\"0\">How do I get marketing support as an agent?<\/div>\n          <div class=\"he-agent-premium-faq-answer\">\n            <p>Hostease provides agents with brand authorization, marketing material packages, joint activities, and promotional support to help channel partners quickly penetrate the market and drive growth.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ FAQ expand\/collapse functionality\ndocument.querySelectorAll('.he-agent-premium-faq-question').forEach(function(question) {\n  question.addEventListener('click', function() {\n    var faqItem = this.parentNode;\n    faqItem.classList.toggle('open');\n  });\n  \n  question.addEventListener('keydown', function(e) {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this.click();\n    }\n  });\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6bb6271 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6bb6271\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b80e357\" data-id=\"b80e357\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f906205 elementor-widget elementor-widget-html\" data-id=\"f906205\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.he-agent-support {\n  padding: 44px 28px 40px 28px;\n}\n.he-agent-support h2 {\n  color: #1E9FB4;\n  font-size: 2rem;\n  font-weight: 700;\n  margin-bottom: 32px;\n  text-align: center;\n  letter-spacing: 1px;\n}\n.he-support-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 28px;\n  margin: 0 auto;\n  max-width: 980px;\n}\n.he-support-item {\n  background: #fff;\n  border-radius: 16px;\n  box-shadow: 0 2px 16px rgba(38,51,77,0.08);\n  padding: 32px 18px 24px 18px;\n  text-align: center;\n  transition: box-shadow .2s;\n}\n.he-support-item:hover {\n  box-shadow: 0 4px 28px rgba(30,159,180,0.11);\n}\n.he-support-icon {\n  width: 44px;\n  height: 44px;\n  margin-bottom: 14px;\n  display: inline-block;\n}\n.he-support-title {\n  font-size: 1.11rem;\n  font-weight: 600;\n  color: #2176D9;\n  margin-bottom: 8px;\n  line-height: 1.3;\n}\n.he-support-desc {\n  font-size: 0.99rem;\n  color: #26334D;\n  line-height: 1.6;\n  min-height: 48px;\n}\n\n\/* Desktop screens 1366px and above *\/\n@media (min-width: 1366px) {\n  .he-agent-support {\n    padding: 60px 40px 56px 40px;\n  }\n  .he-agent-support h2 {\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n  }\n  .he-support-grid {\n    gap: 32px;\n    max-width: 1100px;\n  }\n  .he-support-item {\n    padding: 36px 20px 28px 20px;\n  }\n  .he-support-desc {\n    min-height: 52px;\n  }\n}\n\n\/* Laptop and tablet screens 1024px and below *\/\n@media (max-width: 1024px) {\n  .he-agent-support {\n    padding: 28px 8px 22px 8px;\n  }\n  .he-agent-support h2 {\n    font-size: 1.32rem;\n  }\n  .he-support-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n  }\n  .he-support-desc {\n    min-height: 44px;\n  }\n}\n\n\/* Mobile devices 767px and below *\/\n@media (max-width: 767px) {\n  .he-agent-support {\n    padding: 32px 20px 28px 20px;\n  }\n  .he-agent-support h2 {\n    font-size: 1.5rem;\n    margin-bottom: 24px;\n  }\n  .he-support-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n  .he-support-item {\n    padding: 24px 16px 20px 16px;\n    border-radius: 12px;\n  }\n  .he-support-title {\n    font-size: 1.05rem;\n    margin-bottom: 6px;\n  }\n  .he-support-desc {\n    font-size: 0.95rem;\n    min-height: auto;\n  }\n}\n\n\/* Extra small screens optimization *\/\n@media (max-width: 480px) {\n  .he-agent-support {\n    padding: 28px 16px 24px 16px;\n  }\n  .he-agent-support h2 {\n    font-size: 1.3rem;\n  }\n  .he-support-item {\n    padding: 20px 12px 16px 12px;\n  }\n  .he-support-title {\n    font-size: 1rem;\n  }\n  .he-support-desc {\n    font-size: 0.9rem;\n  }\n}\n<\/style>\n<div class=\"he-agent-support\">\n  <h2>Support & Service Guarantee<\/h2>\n  <div class=\"he-support-grid\">\n    <div class=\"he-support-item\">\n      <span class=\"he-support-icon\">\n        <svg fill=\"none\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\"><circle cx=\"22\" cy=\"22\" r=\"20\" fill=\"#1E9FB4\" stroke=\"#FFD700\" stroke-width=\"3\"\/><path d=\"M22 13v10M22 29h0\" stroke=\"#FFD700\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg>\n      <\/span>\n      <div class=\"he-support-title\">Dedicated Account Manager<\/div>\n      <div class=\"he-support-desc\">One-on-one business and technical liaison for rapid response to partnership needs and support issues.<\/div>\n    <\/div>\n    <div class=\"he-support-item\">\n      <span class=\"he-support-icon\">\n        <svg fill=\"none\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\"><circle cx=\"22\" cy=\"22\" r=\"20\" fill=\"#2176D9\" stroke=\"#FFD700\" stroke-width=\"3\"\/><path d=\"M14 27v-4a4 4 0 014-4h8a4 4 0 014 4v4M22 17v6\" stroke=\"#FFD700\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/><\/svg>\n      <\/span>\n      <div class=\"he-support-title\">24\/7 Technical Support<\/div>\n      <div class=\"he-support-desc\">Around-the-clock service team covering product consultation, deployment, maintenance and full-cycle technical support.<\/div>\n    <\/div>\n    <div class=\"he-support-item\">\n      <span class=\"he-support-icon\">\n        <svg fill=\"none\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\"><circle cx=\"22\" cy=\"22\" r=\"20\" fill=\"#FFD700\" stroke=\"#1E9FB4\" stroke-width=\"3\"\/><path d=\"M16 28v-5a6 6 0 0112 0v5\" stroke=\"#1E9FB4\" stroke-width=\"2.1\"\/><circle cx=\"22\" cy=\"19\" r=\"2.7\" fill=\"#fff\" stroke=\"#1E9FB4\" stroke-width=\"1.1\"\/><\/svg>\n      <\/span>\n      <div class=\"he-support-title\">Resources & Training Enablement<\/div>\n      <div class=\"he-support-desc\">Regular product training and marketing resource packages to help agent teams quickly master business operations.<\/div>\n    <\/div>\n    <div class=\"he-support-item\">\n      <span class=\"he-support-icon\">\n        <svg fill=\"none\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\"><circle cx=\"22\" cy=\"22\" r=\"20\" fill=\"#fff\" stroke=\"#FFD700\" stroke-width=\"3\"\/><path d=\"M18 24l4-4 4 4M14 30h16\" stroke=\"#1E9FB4\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/><\/svg>\n      <\/span>\n      <div class=\"he-support-title\">Marketing & Brand Support<\/div>\n      <div class=\"he-support-desc\">Providing joint marketing activities, brand authorization and material assistance to accelerate channel business expansion.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ace12e7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ace12e7\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37a92f4\" data-id=\"37a92f4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-30f55f5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"30f55f5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-df7c55b\" data-id=\"df7c55b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5073077 elementor-widget elementor-widget-image\" data-id=\"5073077\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon01-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-e2d9bed\" data-id=\"e2d9bed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fe3ab49 elementor-widget elementor-widget-image\" data-id=\"fe3ab49\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon02-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-28836e6\" data-id=\"28836e6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ac84b9 elementor-widget elementor-widget-image\" data-id=\"1ac84b9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon03-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-ae74d13\" data-id=\"ae74d13\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8be0387 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"8be0387\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon04-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-1d74c27 elementor-hidden-mobile\" data-id=\"1d74c27\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e51978e elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"e51978e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon05-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-280f7fa elementor-hidden-mobile\" data-id=\"280f7fa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47b94f1 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"47b94f1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon06-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-3a84e6a elementor-hidden-mobile\" data-id=\"3a84e6a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8022423 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"8022423\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hostease.com\/enweb\/wp-content\/uploads\/2022\/09\/hostiko-70-icon07-1.png\" alt=\"\" class=\"elementor-animation-float\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Professional Partnership Program Join Hostease Agent ProgramExpand Your Business Channel Enjoy exclusive wholesale pricing, comprehensive server product lines, and customized technical support to enhance your channel competitiveness and service efficiency Become a Partner Now Learn More Details \ud83d\udcb0 Exclusive Wholesale Pricing Enjoy the most competitive wholesale prices to maximize your profit margins \ud83d\udcca Professional Sales &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.hostease.com\/enweb\/reseller.html\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;reseller&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":19,"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":16811,"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/pages\/193\/revisions\/16811"}],"wp:attachment":[{"href":"https:\/\/www.hostease.com\/enweb\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}