.elementor-996 .elementor-element.elementor-element-1d34cb35{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-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 );}.elementor-widget-table-of-contents .elementor-toc__list-item{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 );}.elementor-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header-title{text-align:start;}.elementor-996 .elementor-element.elementor-element-d8ab560{--header-color:#01050A;--item-text-hover-decoration:underline;}.elementor-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header, .elementor-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header{flex-direction:row;}.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-996 .elementor-element.elementor-element-88fc7e1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-996 .elementor-element.elementor-element-b739b63{--display:flex;}.elementor-996 .elementor-element.elementor-element-e188108{--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;}.elementor-996 .elementor-element.elementor-element-dcb5824{--display:flex;}.elementor-996 .elementor-element.elementor-element-9128b60{--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;}.elementor-996 .elementor-element.elementor-element-9dffdc1{--display:flex;}.elementor-996 .elementor-element.elementor-element-7a97457{--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;}.elementor-996 .elementor-element.elementor-element-d3afa42{--display:flex;}.elementor-996 .elementor-element.elementor-element-690747e{--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;}.elementor-996 .elementor-element.elementor-element-267797f{--display:flex;}.elementor-996 .elementor-element.elementor-element-cf20374{--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;}.elementor-996 .elementor-element.elementor-element-e93c8f1{--display:flex;}.elementor-996 .elementor-element.elementor-element-e50366d{--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;}.elementor-996 .elementor-element.elementor-element-6fb38c0{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-996 .elementor-element.elementor-element-25da422b{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-996 .elementor-element.elementor-element-25da422b:not(.elementor-motion-effects-element-type-background), .elementor-996 .elementor-element.elementor-element-25da422b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.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-widget-image .widget-image-caption{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-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-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-widget-table-of-contents .elementor-toc__list-item{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-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header, .elementor-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header-title{font-size:45px;}.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-996 .elementor-element.elementor-element-88fc7e1 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.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-widget-image .widget-image-caption{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-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-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-widget-table-of-contents .elementor-toc__list-item{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-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header, .elementor-996 .elementor-element.elementor-element-d8ab560 .elementor-toc__header-title{font-size:24px;line-height:1.1em;}.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-996 .elementor-element.elementor-element-88fc7e1 .elementor-heading-title{font-size:24px;line-height:1.1em;}.elementor-996 .elementor-element.elementor-element-25da422b{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-5d207667 */<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 */