/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.overlay-card .card-img {
          transition: all .5s;
  transition: all .8s;
}

.overlay-card .card-img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  
  left: 0;
          transition: all .5s;
  -webkit-transition: all .5s;
  background: rgba(0, 0, 0, .5);
  opacity: 1;
}

[dir="rtl"] .overlay-card .card-img::after {
  left: auto;
  
  right: 0;
}

.overlay-card__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.2rem;
  z-index: 3;
  display: flex;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 400;
  font-variation-settings: "opsz" 14;
}

.overlay-card__content > .field {
  display: flex;
}

.overlay-card.anchor-all {
  position: relative;
}

.overlay-card.anchor-all .card-title {
  position: static;
  margin: 0;
  padding: 0;
  color: #fff;
}

.overlay-card.anchor-all .card-title a {
  color: #fff;
  text-decoration: none;
  position: static;
}

.overlay-card.anchor-all .card-title a::before {
  position: absolute;
  content: "";
  display: block;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.overlay-card.anchor-all a.card-link,
.overlay-card.anchor-all div.card-link > a {
  position: static;
}

.overlay-card.anchor-all a.card-link::before,
.overlay-card.anchor-all div.card-link > a::before {
  position: absolute;
  content: "";
  display: block;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

.overlay-card.anchor-all a {
  z-index: 4;
  position: relative;
}

.overlay-card.border-radius {
  border-radius: 24px;
  overflow: hidden;
}

.overlay-card.xlarge .card-title {
  font-size: calc(1.525rem + 3.3vw);
}

@media (min-width: 1200px) {
  .overlay-card.xlarge .card-title {
    font-size: 4rem;
  }
}

.overlay-card.xlarge .overlay-card-content {
  padding: 1.8rem;
}

.overlay-card.large .card-title {
  font-size: calc(1.305rem + .66vw);
}

@media (min-width: 1200px) {
  .overlay-card.large .card-title {
    font-size: 1.8rem;
  }
}

.overlay-card.large .overlay-card-content {
  padding: 1.8rem;
}

.overlay-card.medium {
  height: 373px;
}

.overlay-card.medium .card-img {
  width: 100%;
  height: 100%;
}

.overlay-card.medium .card-img * {
  width: 100%;
  height: 100%;
}

.overlay-card.medium .card-img img {
  object-fit: cover;
}

.overlay-card.medium .card-title {
  font-size: calc(1.265rem + .18vw);
}

@media (min-width: 1200px) {
  .overlay-card.medium .card-title {
    font-size: 1.4rem;
  }
}

.overlay-card.medium .overlay-card-content {
  padding: 1.4rem;
}

.overlay-card.animation .overlay-card__media {
  transition: transform .8s ease-in-out;
}

.overlay-card:hover.animation-rotate .overlay-card__media, .overlay-card:focus.animation-rotate .overlay-card__media, .overlay-card:active.animation-rotate .overlay-card__media {
  
  transform: rotate(5deg) scale(1.3);
}

[dir="rtl"] .overlay-card:hover.animation-rotate .overlay-card__media, [dir="rtl"] .overlay-card:focus.animation-rotate .overlay-card__media, [dir="rtl"] .overlay-card:active.animation-rotate .overlay-card__media {
  
  transform: rotate(-5deg) scale(1.3);
}

.overlay-card:hover.animation-crop .overlay-card__media, .overlay-card:focus.animation-crop .overlay-card__media, .overlay-card:active.animation-crop .overlay-card__media {
  transform: scale(1.1);
}