Test

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>LinkedIn Reputation Section</title>
<style>
  /* — Section Wrapper — */
  .wpb-custom-linkedin-section {
    max-width: 1140px; /* Standard container width */
    margin: 0 auto;
    padding: 60px 20px;
    font-family: “Inter”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
  }
  .wpb-custom-linkedin-section * {
    box-sizing: border-box;
  }
  /* — Heading — */
  .wpb-custom-heading {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 50px;
    color: #333333;
    letter-spacing: -0.5px;
  }
  /* — Flex Box Layout for the two columns — */
  .wpb-custom-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center; /* Vertically align items */
  }
  /* — Left Column: Text — */
  .wpb-custom-col-text {
    flex: 1 1 500px;
    font-size: 16px;
    line-height: 1.8;
    color: #555555;
  }
  .wpb-custom-col-text p {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .wpb-custom-col-text p:last-child {
    margin-bottom: 0;
  }
  /* — Right Column: Benefits Box — */
  .wpb-custom-col-box {
    flex: 1 1 400px;
    background-color: #eef6fd; /* Light blue from the image */
    padding: 40px;
    border-radius: 12px;
  }
  .wpb-custom-col-box h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px;
    color: #222222;
  }
  /* — Custom Bullet List — */
  .wpb-custom-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .wpb-custom-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.5;
    color: #444444;
  }
  .wpb-custom-list li:last-child {
    margin-bottom: 0;
  }
  .wpb-custom-list li::before {
    content: “”; /* Using a CSS drawn square to match exactly */
    position: absolute;
    left: 0;
    top: 7px; /* Align with text */
    width: 8px;
    height: 8px;
    background-color: #4a90e2; /* Blue square bullet */
    border-radius: 2px; /* Slight rounding for a premium feel */
  }
  /* — Responsive Breakpoint — */
  @media (max-width: 768px) {
    .wpb-custom-heading {
      font-size: 28px;
      margin-bottom: 30px;
    }
    .wpb-custom-row {
      flex-direction: column;
      gap: 30px;
    }
    .wpb-custom-col-box {
      padding: 30px 20px; /* Slightly less padding on mobile */
    }
  }
</style>
</head>
<body>
<!– You can copy everything from <div class=”wpb-custom-linkedin-section”> to its closing </div>
     and paste it inside a “Raw HTML” module in WPBakery Page Builder –>
<div class=”wpb-custom-linkedin-section”>
  <h2 class=”wpb-custom-heading”>LinkedIn Is Where Your Reputation Lives</h2>
  <div class=”wpb-custom-row”>
    <!– Left Text Content –>
    <div class=”wpb-custom-col-text”>
      <p>For B2B businesses and their leaders, LinkedIn is the most important professional platform in existence. It is where prospects form first impressions, where partners assess credibility, and where talent evaluates leadership.</p>
      <p>Yet most companies and executives show up inconsistently — or not at all. vCloud Group’s LinkedIn Presence Service changes that. We provide the strategy, content, and guidance to help you build a presence that reflects the quality of your business and the calibre of your leadership.</p>
    </div>
    <!– Right Box with List –>
    <div class=”wpb-custom-col-box”>
      <h3>What This Service Delivers</h3>
      <ul class=”wpb-custom-list”>
        <li>A clear, consistent LinkedIn strategy</li>
        <li>Professional thought leadership content</li>
        <li>Personal brand support for directors and founders</li>
        <li>Company page development and management</li>
        <li>Coaching, guidance, and optional full management</li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>