.cards {
  position: relative;
  z-index: 2;
}

.cards__card .hs_cos_wrapper_type_inline_rich_text *:last-child {
  margin-bottom: 0;
}

.cards__card .flex-is {
  flex-direction: column; min-height: 336px;
}

.cards .get-in-touch a {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #0163C9;
  position: relative;
  text-decoration: none;
}

.cards .get-in-touch a:after {
  content: url('https://www.256content.com/hubfs/Vector-1.svg');
  position: absolute;
  right: -32px;
  top: -2px;
}

.awards-cards .cards__card {min-height: 300px !important;}

.cards .swiper-pagination {
  text-align: center;
  transition: .3s opacity;
}

.awards-cards .swiper-slide {
  column-gap: 30px !important;
}

.awards-cards .swiper-wrapper {
  flex-wrap: wrap;
}

.awards-cards .cards__card .flex-is {
  min-height: 100% !important;
}

.awards-cards .swiper-wrapper .awards-none {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 0%;
  transition: all 2s ease-in-out;
}

.awards-cards .swiper-wrapper {
  position: relative;
  visibility: visible;
  opacity: 1;
  width: 100%;
  transition: all 2s ease-in-out;
  cursor: grab;
}


.awards-cards #viewMore {
  width: 100%;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  color: #191932;
  cursor: pointer;
  text-decoration: none;
  transition: 0.5s all ease-in-out;
}

.awards-cards .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 3px solid #0163C9;
  background: #0163C9;
  border-radius: 50%;
  opacity: 1;
  color: #0163C9;
}

.awards-cards .swiper-pagination-bullet {
  border: 3px solid #191932;
  background: #191932;
  opacity: 0.2;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: #D0D4E3;
}
.cards.awards-cards .swiper-pagination-bullet { margin: 0 4px !important; }

{# .awards-cards #viewMore:hover {
  text-decoration: none;
  color: #0163c9;
  font-size: 32px;
} #}

@media(max-width: 992px){
  .awards-cards .swiper-wrapper {
    flex-wrap: wrap;
    /* height: 240px; */
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}


@media(max-width: 768px){
  .cards__card .flex-is, .cards__card  {
    flex-direction: column; min-height: 277px !important;
  }
  
  .cards__card .flex-is {
  gap: 20px;
}

}

@media(max-width: 767px){
  .swiper-slide {
    padding: 0px;
  }
}
