.elementor-26 .elementor-element.elementor-element-a1i0pvp > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-26 .elementor-element.elementor-element-a1i0pvp:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-a1i0pvp > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #141522 0%, #0F1B23 100%);}.elementor-26 .elementor-element.elementor-element-a1i0pvp > .elementor-container{max-width:750px;}.elementor-26 .elementor-element.elementor-element-a1i0pvp{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-26 .elementor-element.elementor-element-a1i0pvp > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-a1i0pvp > .elementor-shape-bottom svg{width:calc(103% + 1.3px);height:113px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-febb385{text-align:center;}.elementor-26 .elementor-element.elementor-element-febb385 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-610fe6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#C6CAD1;}.elementor-26 .elementor-element.elementor-element-71f482f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:11px 11px 11px 11px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:080px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-71f482f:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-71f482f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141522;}.elementor-26 .elementor-element.elementor-element-244e517b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:11px 11px 11px 11px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0100px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-244e517b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-244e517b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-75bbe4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:11px 11px 11px 11px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-75bbe4b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-75bbe4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-c713985{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 21px 0px;text-align:center;}.elementor-26 .elementor-element.elementor-element-c713985 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-a73c015{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:11px 11px 11px 11px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9204472{padding:15px 0px -7px 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:2.3em;letter-spacing:0.9px;color:#E3E4E5;}.elementor-26 .elementor-element.elementor-element-3550a8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:11px 11px 11px 11px;--margin-top:80px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-3550a8b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-3550a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-0f104c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 21px 0px;text-align:center;}.elementor-26 .elementor-element.elementor-element-0f104c6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-b23e2f5{padding:010px 0px 10px 0px;}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-a1i0pvp{padding:90px 55px 90px 55px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-26 .elementor-element.elementor-element-febb385 .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-26 .elementor-element.elementor-element-610fe6f{font-size:14px;}.elementor-26 .elementor-element.elementor-element-c713985 .elementor-heading-title{font-size:45px;}.elementor-26 .elementor-element.elementor-element-9204472{font-size:14px;}.elementor-26 .elementor-element.elementor-element-0f104c6 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-a1i0pvp{padding:75px 20px 75px 20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-26 .elementor-element.elementor-element-febb385 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-26 .elementor-element.elementor-element-71f482f{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-244e517b{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-c713985 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-26 .elementor-element.elementor-element-0f104c6 .elementor-heading-title{font-size:28px;line-height:1.1em;}}/* Start custom CSS for html, class: .elementor-element-2aec93e8 */<section class="m3dsd-about">
  <style>
    .m3dsd-about {
      --bg: #14171D;
      --text: #FFFFFF;
      --muted: #FFFFFFB3;
      --radius: 18px;
      --g1: #7C4DFF;
      --g2: #2EC5FF;
      font-family: 'Inter', sans-serif;
      padding: 32px;
      background: var(--bg);
      border-radius: var(--radius);
      border: 1px solid #FFFFFF14;
      display: flex;
      gap: 24px;
      align-items: center;
    }

    /* 👇 New: photo avatar */
    .avatar-img{
      width: 80px;
      height: 80px;
      flex-shrink: 0;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid #FFFFFF20;
    }

    .about-content h2 {
      font-size: 24px;
      font-weight: 700;
      color: var(--text);
      margin: 0 0 10px 0;
    }
    .about-content p {
      font-size: 16px;
      color: var(--muted);
      line-height: 1.6;
      margin: 0 0 18px 0;
      max-width: 760px;
    }
    .social-btns {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    .social-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      border: 1px solid #FFFFFF26;
      border-radius: 8px;
      padding: 8px 14px;
      text-decoration: none;
      transition: 0.2s ease;
      background: transparent;
    }
    .social-btn:hover { border-color: #FFFFFF50; background: #FFFFFF10; }
    .social-btn svg { width: 18px; height: 18px; fill: #fff; }

    @media (max-width: 640px){
      .m3dsd-about { flex-direction: column; text-align: center; }
      .about-content p { max-width: 100%; }
    }
  </style>

  <!-- 👇 Replace URL with your uploaded photo URL -->
  <img src="PASTE_YOUR_IMAGE_URL_HERE" alt="m3dsd" class="avatar-img">

  <div class="about-content">
    <h2>m3dsd</h2>
    <p>
      I create beginner-friendly tutorials for 3D Design, Video Editing, AI Tools,
      Graphics & Notion. My mission is to make professional creative skills easy
      and accessible for everyone — so every creator can turn ideas into reality.
    </p>

    <div class="social-btns">
      <a href="#" class="social-btn">
        <svg viewBox="0 0 24 24"><path d="M10 15l5.19-3L10 9z"/><path d="M21 8s0-2-2-2H5C3 6 3 8 3 8s-0 2 0 6 2 2 2 2h14c2 0 2-2 2-2s0-2 0-6z"/></svg>
        YouTube
      </a>
      <a href="#" class="social-btn">
        <svg viewBox="0 0 24 24"><path d="M19.46 2.01a.75.75 0 0 1 .53 1.37l-2.07 1.41a4.497 4.497 0 0 1-7.65 4.57L7.14 10.8l-.43 1.4-.06 1.74 2.85-1.57 1.52 1.15-1.42 4.34 1.15-1.52 2.36-2.39 1.64.65-.65-1.64 2.4-2.36 1.52 1.14-.38-1.24 1.42 1.42-.17-1.74a4.48 4.48 0 0 1-1.32-8.56L19.46 2z"/></svg>
        Twitter
      </a>
      <a href="#" class="social-btn">
        <svg viewBox="0 0 24 24"><path d="M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0
          1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm-5
          3a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/></svg>
        Instagram
      </a>
    </div>
  </div>
</section>/* End custom CSS */