.gbg-check-your-grant-container {
  /* width: 70%; */
  min-height: 425px;
  background-color: #f2f2f2;
  padding: 20px;
}

.gbg-check-grant-txt-input input[type="search"] {
  border-color: var(--contrast-3);
}

.gbg-check-grant-related {
  margin-bottom: 80px;
}

.gbg-check-your-grant-ac {
  width: 70% !important;
  //left: 0 !important;
  list-style: none !important;
  background-color: var(--gbg-sand);
}

.gbg-check-your-grant-ac li.ui-menu-item {
  padding: 5px !important;
}

.gbg-check-your-grant-ac li.ui-menu-item:hover {
  background-color: var(--gbg-light-blue);
  cursor: pointer;
}

.gbg-grant-card {
  margin-bottom: 40px;
  border: 1px solid var(--gbg-light-grey);
  border-radius: 5px;
  padding: 20px;
  background-color: var(--gbg-sand);
}

.gbg-grant-card > p {
  margin-top: 20px;
}

.gbg-grant-card > div {
  display: flex;
}

.gbg-grant-card > div > div:first-of-type {
  text-transform: capitalize;
  margin-right: 10px;
  font-weight: bold;
}

.gbg-grant-card-grant > div > div:first-of-type {
  min-width: 200px;
  text-align: right;
}

.gbg-grant-card > div:first-of-type > div {
  color: var(--gbg-main-blue);
  font-weight: bold;
}

.gbg-grant-card-grant > div:first-of-type {
  display: block;
}

.gbg-grant-card-grant > div:first-of-type > div {
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 20px;
}

.gbg-grant-related-results .gbg-grant-card > div:not(:first-of-type) {
  display: flex;
}

.gbg-grant-related-results .gbg-grant-card {
  margin: 0 10px;
  background-color: var(--gbg-white);
}

.gbg-grant-card-description {
  font-size: 0.9em;
  margin: 5px 0;
}

.slick-prev:before,
.slick-next:before {
  color: var(--gbg-main-blue) !important;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
}

.slick-slider {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.slick-list.draggable {
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
@media (max-width: 768px) {
  /* CSS in here for mobile only */
  .gbg-grant-card > div {
    flex-direction: row;
    margin-bottom: 10px;
  }
  .gbg-grant-card-grant > div > div:first-of-type {
    text-align: left;
  }
  .slick-track {
    flex-direction: row !important;
  }
  .gbg-grant-card.slick-slide {
    width: 100% !important;
    margin: 0;
  }
}