.card-photo {
  margin-bottom: 30px; }
  .card-photo h3 {
    color: var(--primary-title);
    font-size: 20rem;
    margin-bottom: 20px;
    margin-top: 0;
    text-decoration: none;
    text-align: center; }
  .card-photo p {
    text-align: center;
    color: var(--transparent-color1);
    margin-bottom: 0;
    flex: 1; }
  .card-photo .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border: none;
    text-decoration: none; }
  .card-photo a.wrapper {
    transition: 0.3s; }
    .card-photo a.wrapper:hover {
      transform: scale(0.95);
      -webkit-transform: scale(0.95); }
  .card-photo .text {
    padding: 20px;
    height: 100%; }
  .card-photo .photo .image {
    display: flex;
    justify-content: center;
    align-items: center; }
  .card-photo .photo img {
    width: 100%;
    height: 308px;
    object-fit: cover;
    border-radius: 12px; }
  .card-photo .text-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }

@media (max-width: 575.5px) {
  .card-photo .wrapper {
    flex-direction: row; }
  .card-photo h3 {
    font-size: 17rem; }
  .card-photo .photo {
    width: 30%; }
    .card-photo .photo img {
      height: auto;
      width: 340px;
      max-width: 100%; }
  .card-photo .text {
    padding: 15px;
    width: 70%; }
    .card-photo .text .text-inner {
      justify-content: center; }
  .card-photo h3 {
    margin-bottom: 0;
    -webkit-line-clamp: 4; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .card-photo .wrapper {
    flex-direction: row; }
  .card-photo h3 {
    font-size: 17rem; }
  .card-photo .photo {
    width: 30%; }
    .card-photo .photo img {
      height: auto;
      width: 340px;
      max-width: 100%; }
  .card-photo .text {
    padding: 15px;
    width: 70%; }
    .card-photo .text .text-inner {
      justify-content: center; }
  .card-photo h3 {
    margin-bottom: 0;
    -webkit-line-clamp: 4; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .card-photo h3 {
    font-size: 19rem; }
  .card-photo .photo img {
    height: 200px; }
  .card-photo .text {
    padding: 20px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .card-photo h3 {
    font-size: 20rem; }
  .card-photo .photo img {
    height: 200px; }
  .card-photo .text {
    padding: 20px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .card-photo h3 {
    font-size: 20rem; }
  .card-photo .photo img {
    height: 240px; }
  .card-photo .text {
    padding: 20px; } }

/*# sourceMappingURL=card_photo.css.map */