/*=== Begin color card ===*/
.AM__color_card_components {
  /* column-count: 1;
   column-gap: 2px;
   -moz-column-count: 1;
   -moz-column-gap: 2px;
   -webkit-column-count: 1;
   -webkit-column-gap: 2px;*/
}
@media (min-width: 992px) {
  .AM__color_card_components > ul {
    display: flex;
    flex-direction: row;
    height: 100%;
  }
}
.AM__color_card_components > ul > li {
  flex: 0 0 16.6%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) and (max-width: 991.5px) {
  .AM__color_card_components > ul > li {
    margin-bottom: 2px;
  }
}
.AM__color_card_components > ul > li .AM__color_card_title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 8px;
  text-align: center;
  align-self: stretch;
  word-break: break-word;
}
@media (max-width: 991.5px) {
  .AM__color_card_components > ul > li .AM__color_card_title {
    flex: 0 0 32%;
  }
}
@media (min-width: 768px) {
  .AM__color_card_components > ul > li .AM__color_card_title {
    min-height: 195px;
  }
}
@media (min-width: 1200px) {
  .AM__color_card_components > ul > li .AM__color_card_title {
    font-size: 21px;
    line-height: 32px;
  }
}
.AM__color_card_components > ul > li .AM__color_card_discription {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 32px 8px;
  height: 100%;
}
.AM__color_card_components > ul > li .AM__color_card_discription ul {
  list-style: disc;
  padding-left: 22px;
}
.AM__color_card_components > ul > li:nth-of-type(1) .AM__color_card_title {
  background: #ED7D31;
}
.AM__color_card_components > ul > li:nth-of-type(1) .AM__color_card_discription {
  background: #F9DBD2;
}
.AM__color_card_components > ul > li:nth-of-type(2) .AM__color_card_title {
  background: #A5A5A5;
}
.AM__color_card_components > ul > li:nth-of-type(2) .AM__color_card_discription {
  background: #E4E4E4;
}
.AM__color_card_components > ul > li:nth-of-type(3) .AM__color_card_title {
  background: #FFC000;
}
.AM__color_card_components > ul > li:nth-of-type(3) .AM__color_card_discription {
  background: #FFEAD0;
}
.AM__color_card_components > ul > li:nth-of-type(4) .AM__color_card_title {
  background: #FF6D83;
}
.AM__color_card_components > ul > li:nth-of-type(4) .AM__color_card_discription {
  background: #FFCFD6;
}
.AM__color_card_components > ul > li:nth-of-type(5) .AM__color_card_title {
  background: #5B9BD5;
}
.AM__color_card_components > ul > li:nth-of-type(5) .AM__color_card_discription {
  background: #D6E1F1;
}
.AM__color_card_components > ul > li:nth-of-type(6) .AM__color_card_title {
  background: #CC99FF;
}
.AM__color_card_components > ul > li:nth-of-type(6) .AM__color_card_discription {
  background: #FFEDFF;
}
.AM__color_card_components .AM__color_card_number {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #A9D18E;
  padding: 32px 8px;
}
@media (max-width: 991.5px) {
  .AM__color_card_components .AM__color_card_number {
    flex: 0 0 10%;
  }
}

/*=== End color card ===*/