@media print {
  /* html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  } */
  /* No zoom, no transform */
}

body.InfographicV1 {
  zoom: unset !important;

  .RightContentWell {
    width: unset;
  }

  .container {
    max-width: unset;
  }

  .navbar-custom {
    position: unset;
  }

  .intro.tei {
    height: 200px;
    min-height: unset;
    margin-bottom: 20px;
    position: unset;
  }

  /* This is for title */
  .contentPanel {
    justify-content: center;
  }

  /* Removes welcome card overlapping with title */
  .sectionContainer {
    top: unset;
  }

  section {
    margin-bottom: 20px;
  }

  section .col-xl-6 { /* Removes responsive view */
    width: 50%;
  }

  section .col-xl-4 { /* Removes responsive view */
    width: 33%;
  }

  section .col-xl-8 { /* Removes responsive view */
    width: 66%;
  }

  /* .infoCard .row {
    display: block !important;
  } */

  .lawnScreenIMG {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
  }

  .lawnScreenIMG.alignBottom {
    vertical-align: bottom;
  }

  .threePieItem {
    display: inline-block !important;
    vertical-align: top;
    width: 32% !important; 
    margin-right: 0 !important;
  }

  .threePieItem .d-flex {
    display: block !important;
    height: 80px;
  }

  .threePieItem > div {
    width: 176px;
  }

  .threePieItem > .microtoolchart {
    display: inline-block;
    width: fit-content;
  }

  .chartPointerLogo {
    vertical-align: bottom;
  }

  .threePieCard > .row .col-12 {
    display: inline-block;
  }

  .threePieCard > .row .col-xl-4 {
    width: 32%;
    vertical-align: top;
  }

  /* Single Pie Card */

  .singlePieCard > .row {
    display: block;
  }

  .singlePieCard .col-xl-6 {
    display: inline-block !important;
  }

  .singlePieCard > .row > :nth-child(2) {
    width: 49%;
    vertical-align: top;
    margin-top: 9%;
  }

  .progressBarContainer > .col-10{
    display: inline-block;
    width: 82%;
  }

  .progressBarContainer > .col-1{
    display: inline-block;
    width: 7%;
    vertical-align: top;
  }

  .donutListContainer {
    width: 100%;
  }

  .donutListContainer > .col-4, .donutListContainer > .col-8 {
    display: inline-block !important;
  }

  .donutListContainer > .col-8 {
    width: 62%;
    vertical-align: top;
    margin-top: 1%
  }
}
