<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/384/add-leading-zeros-to-numbers/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="470.75" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="393" height="470.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Add Leading Zeros to Numbers in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Add Leading Zeros to Numbers in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="373" height="274.75" aria-label="How to Add Leading Zeros to Numbers in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="348" height="46" x="15" y="309.75" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="329.75" textLength="314.078125" lengthAdjust="spacingAndGlyphs">How to Add Leading Zeros to Numbers in</tspan><tspan xml:space="preserve" x="15" y="352.75" textLength="86.234375" lengthAdjust="spacingAndGlyphs">Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="348" height="70" x="15" y="370.75" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="390.75" textLength="337.0625" lengthAdjust="spacingAndGlyphs">In this example, we will show you how to add or</tspan><tspan xml:space="preserve" x="15" y="414.75" textLength="344.21875" lengthAdjust="spacingAndGlyphs">attach a leading zero at the left of the number, or</tspan><tspan xml:space="preserve" x="15" y="438.75" textLength="313.96875" lengthAdjust="spacingAndGlyphs">pad trailing zero at the right of the number in</tspan><tspan xml:space="preserve" x="15" y="462.75" textLength="334.0625" lengthAdjust="spacingAndGlyphs">Flutter or Dart. This function is necessary when</tspan><tspan xml:space="preserve" x="15" y="486.75" textLength="335.328125" lengthAdjust="spacingAndGlyphs">you are making any length of the number to the</tspan><tspan xml:space="preserve" x="15" y="510.75" textLength="287.25" lengthAdjust="spacingAndGlyphs">same width of strings with leading zeros.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/384/add-leading-zeros-to-numbers/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="801.5" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="834" height="801.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Add Leading Zeros to Numbers in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Add Leading Zeros to Numbers in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="814" height="605.5" aria-label="How to Add Leading Zeros to Numbers in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="789" height="46" x="15" y="640.5" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="660.5" textLength="404.75" lengthAdjust="spacingAndGlyphs">How to Add Leading Zeros to Numbers in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="789" height="70" x="15" y="701.5" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="721.5" textLength="768.4375" lengthAdjust="spacingAndGlyphs">In this example, we will show you how to add or attach a leading zero at the left of the number, or pad trailing</tspan><tspan xml:space="preserve" x="15" y="745.5" textLength="779.65625" lengthAdjust="spacingAndGlyphs">zero at the right of the number in Flutter or Dart. This function is necessary when you are making any length of</tspan><tspan xml:space="preserve" x="15" y="769.5" textLength="417.109375" lengthAdjust="spacingAndGlyphs">the number to the same width of strings with leading zeros.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="1276" viewBox="0 0 1440 1276"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/384/add-leading-zeros-to-numbers/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="1256" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="1440" height="1256" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Add Leading Zeros to Numbers in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Add Leading Zeros to Numbers in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="1420" height="1060" aria-label="How to Add Leading Zeros to Numbers in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="1395" height="46" x="15" y="1095" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="1115" textLength="404.75" lengthAdjust="spacingAndGlyphs">How to Add Leading Zeros to Numbers in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="1395" height="70" x="15" y="1156" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="1176" textLength="1372.875" lengthAdjust="spacingAndGlyphs">In this example, we will show you how to add or attach a leading zero at the left of the number, or pad trailing zero at the right of the number in Flutter or Dart. This function is necessary when you</tspan><tspan xml:space="preserve" x="15" y="1200" textLength="596.765625" lengthAdjust="spacingAndGlyphs">are making any length of the number to the same width of strings with leading zeros.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="g pitemone" style="margin-bottom:20px;"><a href="guide/384/add-leading-zeros-to-numbers/"><div class="card"><div class="card-image"><figure class="image is-4by3 myimg"><img alt="How to Add Leading Zeros to Numbers in Flutter/Dart" class="lazy" data-src="img/uploads/web/2023/01/fb508ef074ee78a0e58c68be06d8a2eb.webp" src="http://localhost:3000/394f2e7f.webp" title="How to Add Leading Zeros to Numbers in Flutter/Dart"></figure></div><div class="mytask"><h2 class="mytitlee">How to Add Leading Zeros to Numbers in Flutter/Dart</h2><div class="content mydetails">In this example, we will show you how to add or attach a leading zero at the left of the number, or pad trailing zero at the right of the number in Flutter or Dart. This function is necessary when you are making any length of the number to the same width of strings with leading zeros.</div></div></div></a></div></body>

<style>


  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }body{margin:0}a:active,a:hover{outline:0}a{color:#1e87f0;text-decoration:none;cursor:pointer}a:hover{color:#0f6ecd;text-decoration:underline}img{vertical-align:middle}img{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){min-width:1px;visibility:hidden}figure{margin:0 0 20px 0}*+figure{margin-top:20px}h2{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+h2{margin-top:40px}h2{font-size:1.7rem;line-height:1.3}@media (min-width:960px){h2{font-size:2rem}}::selection{background:#39f;color:#fff;text-shadow:none}:root{}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}:root{}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2{orphans:3;widows:3}h2{page-break-after:avoid}}



@-webkit-keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.content:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.image.is-4by3 img{bottom:0;left:0;position:absolute;right:0;top:0}body,figure,h2{margin:0;padding:0}h2{font-size:100%;font-weight:400}*,::after,::before{box-sizing:inherit}img{height:auto;max-width:100%}figure{display:block}body{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a:hover{color:#363636}img{height:auto;max-width:100%}.content h2{color:#363636;font-weight:600;line-height:1.125}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image.is-4by3 img{height:100%;width:100%}.image.is-4by3{padding-top:75%}@-webkit-keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.title{word-break:break-word}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.number{align-items:center;background-color:#f5f5f5;border-radius:290486px;display:inline-flex;font-size:1.25rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;overflow:hidden;position:relative}.card-image{display:block;position:relative}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}


        body, h2 {
            font-family: 'Source Sans Pro', sans-serif !important;}
        h2{font-size:25px;color:#333;}
        a{text-decoration:none !important;}

        .card{box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1) !important;}
        a .card:hover{box-shadow:0px 1px 10px 0px rgba(0,0,0,0.15) !important;}

         h2 a{color:#069 !important;}
         h2 a:hover{text-decoration:underline !important;}
        h2{font-weight:bold;}
.myimg{overflow:hidden;position:relative;}
    .myimg img{width:100%;}
    .mytask{margin:15px;margin-left:0px;}
    .mydetails{height:70px;overflow:hidden;}
   .g .myimg{overflow:hidden;position:relative;}
   .g .myimg img{width:100%;padding:10px;}
   .g .mytask{padding:15px;padding-top:0px;}

   .g .mytitlee{overflow: hidden;
            font-size:16px;font-weight:bold;color:#069 !important;
           margin-bottom:15px;margin-top:0px;line-height:23px;height:46px;overflow:hidden;}
    .g .mydetails{height:70px;overflow:hidden;}
  

</style>