.lc-skills-wrap {
      /*background: #fdf6e3;*/
      padding: 50px 20px 60px;
      /*font-family: 'Open Sans', sans-serif;*/
      box-sizing: border-box;
    }

    .lc-skills-wrap h2.lc-skills-title {
      text-align: center;
      font-size: 50px;
      color: #26b4d7;
      font-family: Patrick Hand;
      margin: 0 0 6px;
      letter-spacing: 1px;
    }
    .lc-skills-wrap p.lc-skills-sub {
      text-align: center;
      color: #888;
      font-size: 20px;
      margin: 0 0 36px;
    }
    .lc-skills-grid {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px;
      max-width: 1100px;
      margin: 0 auto;
    }
    .lc-skill-bubble {
      background: #fff;
      border-radius: 50% 50% 50% 50% / 55% 55% 45% 45%;
      border: 3px solid #f5c842;
      width: 210px;
      min-height: 210px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 30px 18px;
      text-align: center;
      box-sizing: border-box;
      transition: transform 0.2s ease, border-color 0.2s ease;
      box-shadow: 0 4px 12px rgba(0,0,0,0.07);
    }
    .lc-skill-bubble:hover {
      transform: translateY(-6px);
      border-color: #26b4d7;
    }

    .lc-skill-bubble .lc-bubble-name {
      font-size: 16px;
      font-weight: 700;
      color: #26b4d7;
      margin: 0 0 6px;
      line-height: 1.3;
      /*font-family: 'Acme', sans-serif;*/
    }
    .lc-skill-bubble .lc-bubble-desc {
      font-size: 15px;
      color: #696969;
      margin: 0;
      line-height: 1.6;
    }
    @media (max-width: 768px) {
      .lc-skill-bubble { width: 165px; min-height: 165px; padding: 22px 14px; }
      .lc-skill-bubble .lc-bubble-name { font-size: 12px; }
    }
    @media (max-width: 480px) {
      .lc-skills-grid { gap: 14px; }
      .lc-skill-bubble { width: 145px; min-height: 145px; padding: 30px 15px; }
    }
    
    /*about us*/
    
    .lc-wcu-wrap {
      padding: 40px 20px;
      box-sizing: border-box;
      /*background: #fdf6e3;*/
    }
    .lc-wcu {
      display: flex;
      border-radius: 14px;
      overflow: hidden;
      border: 2px solid #f5c842;
      max-width: 1080px;
      margin: 0 auto;
    }
    .lc-wcu-left {
      background: #26b4d7;
      padding: 36px 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 190px;
      flex-shrink: 0;
    }
    .lc-wcu-left h2 {
      font-size: 24px;
      color: #fff;
      text-align: center;
      margin: 0;
      letter-spacing: 1px;
      line-height: 1.5;
    }
    .lc-wcu-right {
      background: #fff;
      padding: 32px 36px;
      flex: 1;
      display: flex;
      align-items: center;
    }
    .lc-wcu-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px 24px;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
    }
    .lc-wcu-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13.5px;
      color: #444;
    }
    .lc-wcu-num {
      width: 26px;
      height: 26px;
      min-width: 26px;
      background: #f5c842;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 700;
      color: #7a5500;
    }
    
    ul li:before {
    content: "";
    padding-right: 0.35em;
    @media (max-width: 768px) {
      .lc-wcu {
        flex-direction: column;
      }
      .lc-wcu-left {
        padding: 22px;
        min-width: unset;
      }
      .lc-wcu-left h2 {
        font-size: 20px;
        display: flex;
        gap: 10px;
      }
      .lc-wcu-right {
        padding: 24px 20px;
      }
      .lc-wcu-list {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 420px) {
      .lc-wcu-list {
        grid-template-columns: 1fr;
      }
    }