
body {
  font-family: var(--font-text);
} 

.area-section {
  padding-top: 140px;
  margin-bottom: 152px;
}

.area-section .t48 {
  margin-bottom: 48px;
  font-family: var(--font-title);
}
.card-time {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 24px;
}

.img-area img {
  max-width: 250px;
  max-height: 375px;
  height: 100%;
  margin-top: 32px;
  border-radius: 170px;
}

.area-section .h4 {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .area-section {
    padding-top: 68px;
    margin-bottom: 152px;
  }
  .area-conteudo {
    margin-top: -54px;
    z-index: 2;
  }

  .overlay-area {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 58%, #ffffff 88%);
        width: 100%;
        z-index: 2;
        position: absolute;
        max-width: 210px;
        max-height: 310px;
        height: 310px;
        margin-top: 32px;
        border-radius: 170px;
        right: -1px;
  }

  .area-section .container {
    --bs-gutter-x: 92px;
    --bs-gutter-y: 0;
  }

  .area-section .t48 {
    margin-bottom: 0px;
  }

  .img-area img {
    max-width: 210px;
    max-height: 310px;
    height: 100%;
    margin-top: 32px;
    border-radius: 170px;
    float: right;
  }
}
