.speech {position: relative;	border-radius: .4em;}.speech:after {	content: '';	position: absolute;	bottom: 0;	left: 20%;	width: 0;	height: 0;	border: 1.5em solid transparent;	border-top-color: #FDD703;	border-bottom: 0;	border-left: 0;	margin-left: -0.75em;	margin-bottom: -1.5em;}.speechblue {	position: relative;	border-radius: .4em;}.speechblue:before {	content: '';	position: absolute;	bottom: 0;	left: 20%;	width: 0;	height: 0;	border: 1.5em solid transparent;	border-top-color: #0D3880;	border-bottom: 0;	border-left: 0;	margin-left: -0.75em;	margin-bottom: -1.5em;}

.bg-card-yellow {
    background-image: url('../ensino/assets/img/bg-patterns-yellow-quote-light.svg');
    background-size: cover;
  }
  
  .bg-card-blue {
    background-image: url('../img/bg-patterns-blue-quote-light.svg');
    background-size: cover;
  }
  
  .bg-top-card-blue {
    background-image: url('../img/bg-patterns-blue-top-quote-light.svg');
    background-size: cover;
  }
  
  .bg-top-card-yellow {
    background-image: url('../img/bg-patterns-yellow-top-quote-light.svg');
    background-size: cover;
  }
  
  .card-border-yellow {
    border: 3px solid #ffd703;
    min-height: 283px;
    border-width: 1px;
    border-left-width: 6px;
  }
  
  .card-border-blue {
    border: 3px solid #0d3880;
    min-height: 283px;
    border-width: 1px;
    border-left-width: 6px;
  }
  
  .img-border-info {
    filter: drop-shadow(-3px 3px 0 #0d3880);
    border-color: var(--color-info);
    border-style: outset
  }
  
  .img-border-yellow {
    filter: drop-shadow(-3px 3px 0 #ffd703);
    border-color: var(--color-obj-7);
    border-style: outset
  }
  
  @media (min-width: 992px) {
    .card {
      position: relative;
      z-index: 1;
      transition: transform 0.3s ease, z-index 0s ease;
      min-height: 290px;
    }
  
    .card:hover,
    .card.sticky-hover {
      z-index: 10;
      transform: scale(1.01);
    }
  
    .card .preview {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      transition: max-height 1.5s cubic-bezier(0.25, 1, 0.5, 1),
        opacity 1.2s ease-in-out;
      max-height: 9em;
      opacity: 1;
    }
  
    .card .preview.fade-active {
      mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0));
      -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0));
    }
  
    .card:hover .preview,
    .card.sticky-hover .preview {
      -webkit-line-clamp: unset;
      overflow: visible;
      max-height: 1000px;
      opacity: 1;
      mask-image: none;
      -webkit-mask-image: none;
    }
  
  
    .card.leaving .preview {
      max-height: 8em;
      opacity: 0;
      transition: max-height 1.8s cubic-bezier(0.65, 0, 0.35, 1),
        opacity 1.5s ease-in-out;
    }
  }
  
  
  @media (max-width: 991.98px) {
    .card .preview {
      overflow: visible;
      display: block;
    }
  }