body{
    font-family: "Plus Jakarta Sans", sans-serif;
    padding: 0 !important;
    margin: 0 !important;

}

/* =========================
   FONT SIZE
   ========================= */
   .ql-size-small { font-size: 0.75em; }  /* atau 12px */

   .ql-size-large { font-size: 1.5em; }   /* atau 18px */
   
   .ql-size-huge  { font-size: 2.5em; }   /* atau 32px */
   
  
  /* =========================
     ALIGNMENT
     ========================= */
  .ql-align-left {
    text-align: left !important;
  }
  
  .ql-align-center {
    text-align: center !important;
  }
  
  .ql-align-right {
    text-align: right !important;
  }
  
  .ql-align-justify {
    text-align: justify !important;
  }
  
  /* =========================
     FONT FAMILY
     ========================= */
  .ql-font-serif {
    font-family: Georgia, 'Times New Roman', serif !important;
  }
  
  .ql-font-monospace {
    font-family: 'Courier New', monospace !important;
  }
  
  .ql-font-sans {
    font-family: Arial, Helvetica, sans-serif !important;
  }
  
  /* =========================
     TEXT STYLING
     ========================= */
  .ql-bold {
    font-weight: bold !important;
  }
  
  .ql-italic {
    font-style: italic !important;
  }
  
  .ql-underline {
    text-decoration: underline !important;
  }
  
  .ql-strike {
    text-decoration: line-through !important;
  }
  
  /* =========================
     COLOR & BACKGROUND
     ========================= */
  .ql-color-red {
    color: #e53e3e !important;
  }
  
  .ql-color-blue {
    color: #3182ce !important;
  }
  
  .ql-color-green {
    color: #38a169 !important;
  }
  
  .ql-background-yellow {
    background-color: #faf089 !important;
  }
  
  .ql-background-gray {
    background-color: #e2e8f0 !important;
  }
  
  /* =========================
     INDENT
     ========================= */
  .ql-indent-1 {
    padding-left: 2em !important;
  }
  .ql-indent-2 {
    padding-left: 4em !important;
  }
  .ql-indent-3 {
    padding-left: 6em !important;
  }
  
  /* =========================
     LIST
     ========================= */
  .ql-editor ol {
    list-style-type: decimal;
    margin-left: 1.5em;
  }
  
  .ql-editor ul {
    list-style-type: disc;
    margin-left: 1.5em;
  }
  
  /* =========================
     BLOCKQUOTE
     ========================= */
  .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin: 0.5em 0;
    padding-left: 1em;
    color: #555;
    font-style: italic;
  }
  
  /* =========================
     CODE BLOCK
     ========================= */
  .ql-editor pre,
  .ql-editor code {
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 0.5em;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    overflow-x: auto;
  }