.cstthumb{
    display:flex;
    width: 100%;
  padding: 0 .8rem 1.6rem .8rem;
    -webkit-border-radius: 0.4rem !important;
    border-radius: 0.4rem !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    overflow: hidden;
}

.cstthumb img {
  min-height:0;
  position:relative;
  width:100%;
  object-fit:cover;
  border-radius:10px;
  flex-grow:1;
}

.cstrow {
  display:flex;
  flex:1 1 0px;
  min-height:0;
}

.vh-50 {
  height:50vh!important;
}

.open-modal {
  cursor: pointer;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  position: relative;
  -webkit-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease; }
  .open-modal:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02); }
    .open-modal:hover .text {
      -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15);
      box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15); }

.thumbs .thumb {
    width: 33.3333%;
    padding: 0 .8rem 1.6rem .8rem;
    -webkit-border-radius: 0.4rem !important;
    border-radius: 0.4rem !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    overflow: hidden;
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:ilearn-collage-collage-image-guid-index] [126.435] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 190 */