.hsadpack > * {
  box-sizing: border-box;
}
.hsadpack {
  font-size: 16px;
  line-height: 20px;
}
.hsadpack img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.hsadpack p {
  margin-top: 0;
  margin-bottom: 16px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.txt-bold {
  color: white;
}
.tableContainer {
  display: flex;
}
.col2 {
  display: flex;
  background-color: red;
}

.wf-layout-layout {
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

/* ********************************** DESKTOP ************************************************ */

.container {
  width: 100%;
  max-width: 1600px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 200px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  background-color: black;
}

.div-block {
  justify-content: flex-end;
  padding-top: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
}

.body {
  background-color: #2c2c2c;
}

.heading {
  color: #e0e0e0;
  margin-top: 0;
  margin-bottom: 48px;
  font-size: 40px;
}

.text-block {
  color: #c0c0c0;
  font-size: 18px;
  line-height: 150%;
}

.heading-2 {
  color: #dc475d;
  font-size: 24px;
}

.ourcommitment {
  margin-top: 100px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
}

.features {
  width: 100%;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10%;
  padding-right: 10%;
}

.keyboardControls {
  width: 100%;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10%;
  padding-right: 10%;
}

.list-item-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-left: 32px;
}

.kc-container {
  display: flex;
}
.kc-grid-container {
  padding: 0;
}
.text-primary {
  color: #c0c0c0;
  font-size: 16px;
  line-height: 1.5;
}

.cell,
.cell-2 {
  display: flex;
  align-items: center;
}

.cell-3 {
  padding-top: 16px;
  width: 70%;
}

.cell-4 {
  justify-content: space-between;
}

#cell-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 2fr;
}

#cell-grid-2 {
  grid-row: span 3 / span 3;
}

/* ************************************ TABLET ********************************************** */

@media screen and (max-width: 991px) {
  .container {
    width: 100%;
    padding-bottom: 60px;
  }

  .features {
    margin: 0 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .txt-bold {
    color: white;
  }

  .list-item-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-left: 24px;
  }

  #cell-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 2fr;
  }

  .cell-3 {
    padding-top: 16px;
    width: 90%;
  }
}
/* ******************************** MOBILE ******************************************** */

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }

  .heading {
    margin-top: 48px;
    font-size: 32px;
  }

  .text-block {
    font-size: 16px;
  }

  .heading-2 {
    font-size: 24px;
    line-height: 1.25;
  }

  .ourcommitment {
    width: 100%;
    margin-top: 64px;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .features {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .txt-bold {
    color: white;
  }

  .cell-3 {
    padding-top: 16px;
    width: 80%;
  }
}
/* ********************************************************************************** */

@media screen and (max-width: 479px) {
  .container {
    width: 100vw;
    height: auto;
    object-fit: fill;
  }

  .heading {
    margin-top: 24px;
    font-size: 20px;
  }

  .text-block {
    font-size: 16px;
    line-height: 150%;
  }

  .heading-2 {
    margin-top: 10px;
    font-size: 18px;
  }

  .text-block-2 {
    font-size: 14px;
    line-height: 125%;
  }

  .features {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .txt-bold {
    color: white;
  }

  .image {
    width: 65px;
  }

  #cell-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
  }
  .cell-3 {
    padding-top: 16px;
    width: 100%;
  }
}

section.a-body {
  min-height: 100%;
  color: #424242;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

section.a-body img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

section.a-body h1,
section.a-body h2,
section.a-body h3,
section.a-body h4,
section.a-body h5,
section.a-body h6 {
  margin-bottom: 10px;
  font-weight: 700;
}

section.a-body h1 {
  margin-top: 20px;
  line-height: 44px;
}

section.a-body h2 {
  margin-top: 20px;
  line-height: 36px;
}

section.a-body h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

section.a-body h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

section.a-body h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

section.a-body h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

section.a-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

section.a-body ol,
section.a-body ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-condition-invisible,
.w-dyn-bind-empty,
.w-dyn-hide {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.container {
  width: 100%;
  max-width: 1600px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 200px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  background-color: #000;
}

.div-block {
  justify-content: flex-end;
  padding-top: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
}

section.a-body {
  background-color: #2c2c2c;
}

.heading {
  color: #e0e0e0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
}

.text-block {
  color: silver;
  font-size: 18px;
  line-height: 150%;
}

.heading-2 {
  color: #dc475d;
  font-size: 24px;
}

.ourcommitment {
  margin-top: 100px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
}

.heading-3 {
  color: #dc475d;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 150%;
}

.text-block-2 {
  color: silver;
  font-size: 18px;
  line-height: 150%;
}

.features,
.keyboardControls {
  width: 100%;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10%;
  padding-right: 10%;
}

.list-item-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-left: 32px;
}

.kc-container {
  display: flex;
}

.kc-grid-container {
  padding: 0;
}

.text-primary {
  color: silver;
  font-size: 16px;
}

.cell,
.cell-2,
.cell-3 {
  display: flex;
  align-items: center;
}

.cell-4 {
  justify-content: space-between;
}

#cell-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 2fr;
}

#cell-grid-2 {
  grid-row: span 3 / span 3;
}

@media screen and (max-width: 991px) {
  .container {
    width: 100%;
    padding-bottom: 60px;
  }

  .ourcommitment {
    width: 100%;
    margin-top: 64px;
    margin-left: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .heading-3 {
    margin-bottom: 16px;
  }

  .features {
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .subtitle {
    color: #fff;
  }

  .list-item-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-left: 24px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }

  .heading {
    font-size: 32px;
  }

  .text-block {
    font-size: 14px;
  }

  .heading-2 {
    font-size: 24px;
  }

  .ourcommitment {
    width: 100%;
    margin-top: 64px;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .features {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .subtitle {
    color: #fff;
  }
}

@media screen and (max-width: 479px) {
  .container {
    width: 100vw;
    height: auto;
    object-fit: fill;
  }

  .heading {
    font-size: 24px;
  }

  .text-block {
    font-size: 14px;
    line-height: 150%;
  }

  .heading-2 {
    margin-top: 10px;
    font-size: 24px;
  }

  .ourcommitment {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-2 {
    font-size: 14px;
    line-height: 125%;
  }

  .features {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .subtitle {
    color: #fff;
  }

  .image {
    width: 65px;
  }

  #cell-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
  }

  #cell-grid-2 {
    grid-row: span 3 / span 3;
  }
}