.b0a0b3529 {
  display: flex;
  background: var(--color-primary);
  border-radius: 10px;
  padding: 13px 15px;
  font-weight: 700;
  color: var(--color-text-dark) !important;
}

.b0a0b3529:hover {
  box-shadow: 0px 61px 24px rgba(65, 77, 98, 0.01), 0px 34px 20px rgba(65, 77, 98, 0.05), 0px 15px 15px rgba(65, 77, 98, 0.09),
  0px 4px 8px rgba(65, 77, 98, 0.1), 0px 0px 0px rgba(65, 77, 98, 0.1) !important;
}

.g243eb67a {
  color: #5b8f35;
}

.b0659ec8d {
  color: #eb8348;
}

.e9fdc112 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 8px 12px;
}

.e9fdc112 .c517ce76e {
  display: flex;
}

.e9fdc112 .c338cf7cd {
  margin-right: 8px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 700;
  background: #e7eaee;
  border-radius: 10px;
  color: var(--color-text-add);
  text-decoration: none;
}

.e9fdc112 .c338cf7cd:hover {
  color: #203b6b;
}

.e9fdc112 .c338cf7cd.active {
  background: #203b6b;
  color: #fff;
}

.e9fdc112 .c0bbb298d {
  display: flex;
  align-items: center;
}

.e9fdc112 .c0bbb298d > span {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-dark);
  margin-right: 12px;
}

.e9fdc112 .dbf27808 {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #eff1f5;
  border-radius: 10px;
  margin-right: 8px;
}

.e9fdc112 .dbf27808 img {
  width: 24px;
  height: 24px;
}

.e9fdc112 .dbf27808 img:hover + .a15d54b7 {
  display: block;
}

.e9fdc112 .a15d54b7 {
  display: none;
  position: absolute;
  bottom: 70px;
  right: 0;
  max-width: 590px;
  background: linear-gradient(201.11deg, #162a4d 21.26%, #060a13 71.42%);
  border-radius: 10px;
  padding: 12px 24px;
  z-index: 1000;
}

.e9fdc112 .c3bf0829f {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}

.e9fdc112 .c7ce6b0d9 {
  color: var(--color-text-add);
}

.e9fdc112 .dbf27808:last-of-type {
  margin-right: 0;
}

@media (max-width: 900px) {
  .e9fdc112 {
    background: none;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 0;
  }

  .e9fdc112 .c0bbb298d {
    margin-bottom: 12px;
  }

  .e9fdc112 .c517ce76e {
    width: 100%;
    background: #fff;
    padding: 4px;
    border-radius: 10px;
    overflow: auto;
  }

  .e9fdc112 .c338cf7cd {
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  .e9fdc112 .c0bbb298d {
    flex-wrap: wrap;
  }

  .e9fdc112 .c0bbb298d > span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px;
    color: var(--color-text-add);
  }

  .e9fdc112 .a15d54b7::after {
    content: url(../images/f_close_icon.svg);
    position: absolute;
    top: 8px;
    right: 8px;
  }

  .e9fdc112 .a15d54b7 {
    width: 100%;
    max-width: none;
    bottom: 115px;
  }

  .e9fdc112 .c517ce76e {
    padding-bottom: 10px;
  }

  .e9fdc112 .c338cf7cd {
    font-size: 14px;
  }
}

.bd972e31 {
  margin-bottom: 40px;
}

.c4d5c57e1 {
  background: #fff;
  border: 1px solid rgba(242, 242, 242, 0.5);
  border-radius: 20px;
  margin-bottom: 20px;
}

.c4dbeaeeb {
  display: flex;
  justify-content: center;
}

.entry .c4d5c57e1 a {
  box-shadow: none !important;
  color: var(--color-text-dark);
}

.entry .c5bccb5d4 a {
  box-shadow: none !important;
  color: var(--color-text-dark);
}

.c44f4ff5 {
  padding: 28px;
  background: #fff;
  border-radius: 20px;
}

.c44f4ff5 .c73afacc3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  color: var(--color-text-dark);
  margin-bottom: 8px;
}

.c44f4ff5 .c0d1da9e7 {
  position: absolute;
  left: 10px;
  top: -10px;
  font-weight: 700;
}

.c476e42d1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #f8d74d;
  box-shadow: 1px 2px 6px rgba(37, 41, 56, 0.12);
  border-radius: 10px;
  font-weight: 700;
}

.c44f4ff5 .d785ceff {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #f1f1f1;
  height: 164px;
  border-radius: 10px;
}

.c44f4ff5 .d785ceff:last-of-type {
  margin-bottom: 0;
}

.c44f4ff5 .d785ceff:hover .c3232a057 {
  background: #6da5441a;
}

.c44f4ff5 .e40c5388 {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}

.df8bb77a {
  width: 100%;
  font-size: 10px;
  color: #aeaba8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f8f8;
  border-radius: 10px;
}

.c44f4ff5 .c29c0fb0d {
  min-width: 250px;
}

.c44f4ff5 .c6671050f {
  display: flex;
  margin: 4px 30px;
  float: right;
}

.c44f4ff5 .c71894c7e {
  display: flex;
  align-items: center;
  color: var(--color-text-main);
  font-size: 14px;
  margin-right: 16px;
}

.c44f4ff5 .c71894c7e img {
  margin-right: 12px;
}

.c44f4ff5 .bc87d399 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
}

.c44f4ff5 .bc87d399:first-child,
.c44f4ff5 .fb179d79:first-child {
  padding-left: 0;
}

.c44f4ff5 .bc87d399:last-child,
.c44f4ff5 .fb179d79:last-child {
  padding-right: 0;
}

.c44f4ff5 .bc87d399:not(:last-child):not(:first-child):after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  background: #f1f1f1;
  height: 90px;
}

/* WIDTH START */
.c44f4ff5 .c93c6407c,
.c44f4ff5 .c355e0e95 {
  width: 200px;
}

.c44f4ff5 .d1b1dbc5,
.c44f4ff5 .casino-table-col_bonus {
  width: 270px;
}

.c44f4ff5 .c76731a49,
.c44f4ff5 .c77a38c62 {
  width: 375px;
}

.c44f4ff5 .c82fcd500,
.c44f4ff5 .c6a030537 {
  width: 180px;
}
/* WIDTH END */

/* CELLS START */
/* CELL LOGO START */
.c44f4ff5 .c2e3534f {
  display: block;
  width: 164px;
  height: 164px;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  color: var(--color-text-dark);
  border: none;
}
/* CELL LOGO END */

/* CELL RATING START */
.c44f4ff5 .c93c6407c {
  margin-left: 170px;
  padding-left: 0;
  align-items: center;
}

.c93c6407c .e29eaa58 {
  font-size: 14px;
  color: var(--color-text-add);
}

.c93c6407c .e29eaa58 span {
  font-weight: 700;
  font-size: 18px;
}
/* CELL RATING END */

/* CELL BONUS START */
.d1b1dbc5 {
  font-size: 14px;
  text-align: center;
  color: var(--color-text-dark);
}

.d1b1dbc5 .bbd0a6e2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 8px;
}

.d1b1dbc5 .bbd0a6e2 span {
  font-size: 32px;
}

.d1b1dbc5 .bbd0a6e2 small {
  margin: 0 4px;
}

.d1b1dbc5 .c8f2aee57 {
  padding-right: 7px;
  position: relative;
}

.d1b1dbc5 .f7a3af4f {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-add);
  font-size: 14;
}

.d1b1dbc5 .f7a3af4f img {
  margin-right: 4px;
}
/* CELL BONUS END */

/* CELL FEATURES START */
.c76731a49 .c3232a057 {
  position: relative;
  font-size: 14px;
  margin-bottom: 8px;
  border-radius: 8px;
  padding-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5b68;
}

.c76731a49 .c3232a057::before {
  content: url(../images/table-features.svg);
  position: absolute;
  left: 10px;
}
/* CELL FEATURES END */

/* CELL LINK START */
.c82fcd500 .e730cef7 {
  display: flex;
  flex-direction: column;
}

.c82fcd500 .c4b1c163f {
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  padding: 10px 15px;
  justify-content: center;
  margin: 0 auto;
  text-transform: uppercase;
}

.c82fcd500 .c3a53c7c0 {
  display: block;
  color: var(--color-text-add);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px dashed rgba(124, 132, 142, 0.5);
  text-decoration: none;
  margin: 6px auto 0 auto;
}

.c82fcd500 .c3a53c7c0:hover {
  color: var(--color-text-main);
}
/* CELL LINK END */
/* CELLS END */

/* MOBILE TABLE START */
.c58a52a5b .c5bccb5d4 {
  padding: 0;
  background: transparent;
}

.c5bccb5d4 {
  display: none;
  margin-bottom: 15px;
  background: #fff;
  border-radius: 10px;
  padding: 16px 8px;
}

.c5bccb5d4 .d785ceff {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
}

.c5bccb5d4 .c49dc3186 {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  border-radius: 7px;
  padding: 10px;
}

.c5bccb5d4 .fd8f2b4e {
  position: relative;
  background-position: center;
  background-size: cover;
  width: 156px;
  height: 156px;
  border-radius: 8px;
  color: var(--color-text-dark);
  border: none;
}

.c5bccb5d4 .c0d1da9e7 {
  position: absolute;
  top: -16px;
  left: 8px;
}

.c5bccb5d4 .df8bb77a {
  margin-top: 5px;
  padding: 8px;
}

.c5bccb5d4 .c3a53c7c0 {
  margin-top: 5px;
}

.c5bccb5d4 .ba4f6ffc {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.c5bccb5d4 .c89e5cfc7 {
  flex-direction: column;
  padding: 10px 25px;
  margin-left: 10px;
}

.c5bccb5d4 .c10f7da04 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c5bccb5d4 .e29eaa58 {
  margin-left: 8px;
}

.c5bccb5d4 .e29eaa58 span {
  font-weight: 900;
  font-size: 18px;
}

.c5bccb5d4 .a2398bdc {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
}

.c5bccb5d4 .c3aba5253 {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f7f8fb;
  border-radius: 7px;
  margin-top: 10px;
  padding: 10px;
  margin: 10px auto;
}

.c5bccb5d4 .c76118051 {
  position: relative;
  margin-right: 21px;
  padding-right: 21px;
}

.c5bccb5d4 .c76118051::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 43px;
  background: #f1f1f1;
}

.c5bccb5d4 .c76118051 .c8f2aee57::after {
  top: 7px;
}

.c5bccb5d4 .casino-bonus-top {
  margin-right: 10px;
}

.c5bccb5d4 .c76731a49 {
  margin-top: 10px;
}

.c5bccb5d4 .c82fcd500 {
  margin: 20px;
}

.c5bccb5d4 .c4b1c163f {
  text-align: center;
  justify-content: center;
}

.c5bccb5d4 .c3232a057 {
  font-size: 16px;
}

.c5bccb5d4 .c3232a057:before {
  top: -3px;
}

.c5bccb5d4 .c95209b0b {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c5bccb5d4 .c73afacc3 {
  text-transform: uppercase;
  font-weight: 700;
}

.c5bccb5d4 .c4f154ed8 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.c5bccb5d4 .c6b4f2a06 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

/* MOBILE TABLE END */

@media (max-width: 1300px) {
  .c44f4ff5 .c93c6407c,
  .c44f4ff5 .c355e0e95 {
    width: 120px;
  }

  .c44f4ff5 .d1b1dbc5,
  .c44f4ff5 .casino-table-col_bonus {
    width: 220px;
  }

  .c44f4ff5 .c76731a49,
  .c44f4ff5 .c77a38c62 {
    width: 250px;
  }

  .c44f4ff5 .d785ceff {
    height: auto;
  }

  .c44f4ff5 .c2e3534f {
    width: 155px;
    height: 155px;
  }

  .c44f4ff5 .c93c6407c {
    margin-left: 175px;
  }

  .c44f4ff5 .c29c0fb0d {
    min-width: auto;
  }
}

@media (max-width: 1100px) {
  .c44f4ff5 .c93c6407c,
  .c44f4ff5 .c355e0e95 {
    width: 120px;
  }

  .c44f4ff5 .e40c5388 {
    padding: 10px 10px 0 10px;
  }

  .c44f4ff5 .c2e3534f {
    width: 120px;
    height: 120px;
  }

  .c44f4ff5 .c93c6407c {
    margin-left: 130px;
  }

  .c44f4ff5 .fb179d79 {
    font-size: 12px;
  }

  .c44f4ff5 .c0d1da9e7 {
    width: 28px;
    height: 28px;
    border-radius: 5.832px;
  }

  .c44f4ff5 .c73afacc3 {
    font-size: 16px;
  }

  .c44f4ff5 .c612ed90a {
    width: 95px;
    height: 42px;
  }

  .c44f4ff5 .fe6f50d6 {
    font-size: 8px;
  }

  .c44f4ff5 .f98232b8,
  .c44f4ff5 .s4eefe381 {
    width: 9px;
    height: 9px;
  }

  .c44f4ff5 .e29eaa58 {
    font-size: 8px;
  }

  .c44f4ff5 .e29eaa58 span {
    font-size: 12px;
  }

  .c44f4ff5 .c76118051 {
    font-size: 8px;
  }

  .c44f4ff5 .bbd0a6e2 {
    font-size: 15px;
    margin-top: 8px;
  }

  .c44f4ff5 .bbd0a6e2 span {
    font-size: 24px;
  }

  .c44f4ff5 .c3232a057 {
    font-size: 12px;
  }

  .c44f4ff5 .c6671050f {
    margin: 4px 15px;
  }

  .c44f4ff5 .casino-license-item {
    font-size: 14px;
    margin-right: 8px;
  }

  .c44f4ff5 .c6b4f2a06 {
    width: 18px;
    height: 18px;
  }

  .c44f4ff5 .c9a666b4b {
    font-size: 8px;
  }

  .c44f4ff5 .c4b1c163f {
    font-size: 12px;
    justify-content: center;
    padding: 8px;
  }

  .c44f4ff5 .c3a53c7c0 {
    font-size: 8px;
    margin-top: 0;
  }
}

@media (max-width: 900px) {
  .c4d5c57e1 {
    display: none;
  }

  .c5bccb5d4 {
    display: block;
  }

  .c06d8294d {
    margin: 0;
    font-size: 10px;
  }

  .c5bccb5d4 .e730cef7 {
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  .c5bccb5d4 .c0d1da9e7 {
    width: 28px;
    height: 28px;
    border-radius: 5.832px;
    font-size: 12px;
    top: -12px;
  }

  .c5bccb5d4 .c49dc3186 {
    padding: 10px;
    min-height: 140px;
    margin-bottom: 8px;
  }

  .c5bccb5d4 .e29eaa58 span {
    font-size: 16px;
  }

  .c5bccb5d4 .c95209b0b {
    margin-left: 132px;
    align-items: flex-start;
  }

  .c5bccb5d4 .ba4f6ffc {
    padding: 0;
  }

  .c5bccb5d4 .c73afacc3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 4px;
  }

  .c5bccb5d4 .c9b664633 {
    margin-top: 14px;
  }

  .c5bccb5d4 .f98232b8,
  .c5bccb5d4 .s4eefe381 {
    width: 13px;
    height: 13px;
  }

  .c5bccb5d4 .c3aba5253 {
    width: 95%;
    margin: 0 auto;
  }

  .c5bccb5d4 .e29eaa58 {
    font-size: 14px;
  }

  .c5bccb5d4 .bbd0a6e2 {
    font-size: 16px;
  }

  .c5bccb5d4 .d1b1dbc5 .bbd0a6e2 span {
    font-size: 24px;
  }

  .c5bccb5d4 .c76731a49 {
    display: flex;
    flex-direction: column;
  }

  .c5bccb5d4 .c3232a057::before {
    top: 0;
  }

  .c5bccb5d4 .c3232a057 {
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
    white-space: pre-wrap;
  }

  .c5bccb5d4 .c6b4f2a06 {
    width: 20px;
    height: 20px;
  }

  .c5bccb5d4 .c9a666b4b {
    font-size: 12px;
  }

  .c5bccb5d4 .c4b1c163f {
    font-size: 12px;
  }

  .c5bccb5d4 .fd8f2b4e {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .c5bccb5d4 .e730cef7 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .c5bccb5d4 .c3a53c7c0 {
    order: 1;
    margin: 0 15px 0 0;
  }

  .c5bccb5d4 .b0a0b3529 {
    height: 40px;
    flex: 1;
    order: 2;
    margin: 0;
  }

  .ac814ff6 {
    height: 40px;
  }
}

@media (max-width: 380px) {
  .c5bccb5d4 .c89e5cfc7 {
    margin-left: 5px;
  }
}

/* CASINO TABLE SLIM START */
.c855c41e6 {
  padding: 0;
  margin-bottom: 30px;
}

.c855c41e6 .d785ceff {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 235px;
  border: 1px solid #dde0e5;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 25px;
}

.c855c41e6 .d785ceff:last-of-type {
  margin-bottom: 0;
}

.c855c41e6 .c2e3534f {
  position: relative;
  display: block;
  width: 132px;
  height: 132px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  border-bottom: none;
}

.c855c41e6 .c0d1da9e7 {
  position: absolute;
  top: -10px;
  width: 40px;
  height: 40px;
  left: 5px;
}

.c855c41e6 .d268da19 {
  display: flex;

  border-radius: 10px 10px 0 0;
}

.c855c41e6 .d369c262 {
  padding: 12px 16px;
  width: 90%;
}

.c855c41e6 .c47dcf9e0 {
  display: flex;
  justify-content: space-between;
}

.c855c41e6 .c31f1c684:not(:last-of-type) {
  position: relative;
  padding-right: 30px;
}

.c855c41e6 .c31f1c684:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: calc(50% - 50px);
  right: 15px;
  background: #f1f1f1;
  width: 1px;
  height: 100px;
}

.c855c41e6 .c12c82964 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.c855c41e6 .c73afacc3 {
  font-size: 20px;
  font-weight: 700;
  margin-right: 16px;
  margin-bottom: 0;
  border-bottom: 0;
  color: #171e34;
}

.c855c41e6 .f98232b8 {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.c855c41e6 .c93c6407c {
  display: flex;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 16px;
}

.c855c41e6 .e29eaa58 {
  margin-top: 3px;
}

.c855c41e6 .c76731a49 {
  max-width: 270px;
  padding: 0;
}

.c855c41e6 .c3232a057 {
  margin-bottom: 6px;
  padding-left: 20px;
  line-height: 145%;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.c855c41e6 .c3232a057::before {
  top: -1px;
  left: 5px;
}

.c855c41e6 .c4b1c163f {
  width: 130px;
}

.c855c41e6 .df8bb77a {
  font-size: 12px;
  justify-content: center;
  border-bottom: 1px solid #dde0e5;
}

@media (max-width: 1350px) {
  .c855c41e6 .c76731a49 {
    max-width: 250px;
  }

  .d1b1dbc5 .bbd0a6e2 span {
    font-size: 24px;
  }
}

@media (max-width: 1100px) {
  .c855c41e6 .c76731a49 {
    max-width: 300px;
  }

  .d1b1dbc5 {
    width: 300px;
  }
}

@media (max-width: 1000px) {
  .d1b1dbc5 {
    width: 200px;
  }
}

@media (max-width: 900px) {
  .c855c41e6 {
    display: none;
  }
}
/* CASINO TABLE SLIM END */

/* PROMOCODE START */
.aa7f1201 {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #e1e3eb;
  background: #ebecf2;
  padding: 4px 8px;
  margin-bottom: 6px;
}

.p17bc490e {
  color: #b0b3c4;
  font-size: 14px;
  line-height: 170%;
  text-transform: uppercase;
  border-bottom: 1px dashed #b0b3c4;
}

.aa7f1201:hover .p17bc490e {
  color: #203b6b;
  border-color: #203b6b;
}

.p17bc490e:after {
  content: url(../images/copy_icon.svg);
  position: relative;
  top: 3px;
  height: 17px;
  margin-left: 8px;
}

.aa7f1201:hover .p17bc490e:after {
  content: url(../images/copy_icon_hover.svg);
}

.p0ee40a68 {
  width: 400px;
  display: none;
  position: absolute;
  right: 0;
  bottom: 40px;
}

.aa7f1201:hover .p0ee40a68 {
  display: block;
}

.p0b463cef {
  border-radius: 10px;
  background: #e7eaee;
  padding: 16px 20px;
  line-height: 170%;
}

@media (max-width: 900px) {
  .p0ee40a68 {
    width: 100%;
    bottom: 50px;
  }
}
/* PROMOCODE END */

@media (max-width: 900px){
  .c5bccb5d4 .c73afacc3 {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 600px){
  .c5bccb5d4 .c73afacc3 {
    width: 100%;
    text-align: left;
  }
  .c5bccb5d4 .c10f7da04 {
    justify-content: flex-start;
  }
}