.utp {
  padding: 5rem 8.8rem;
  border-radius: 1rem;
  border: 0.2rem solid #D8D8D8; }
  @media (max-width: 1023px) {
    .utp {
      border-width: 2px;
      border-radius: 10px;
      padding: 20px; } }
  .utp__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5.6rem; }
    @media (max-width: 1023px) {
      .utp__inner {
        grid-template-columns: 100%;
        gap: 40px; } }
  .utp__title {
    margin-bottom: 3rem; }
    @media (max-width: 1023px) {
      .utp__title {
        margin-bottom: 30px; } }
  @media (max-width: 1023px) {
    .utp--loyalty {
      padding: 26px 20px; }
      .utp--loyalty .utp__inner {
        gap: 24px; } }
  .utp--loyalty .utp-card {
    grid-template-columns: auto 1fr;
    gap: 1.8rem; }
    @media (max-width: 1023px) {
      .utp--loyalty .utp-card {
        gap: 16px; } }
    @media (max-width: 575px) {
      .utp--loyalty .utp-card {
        display: grid; } }
    @media (min-width: 1024px) {
      .utp--loyalty .utp-card:not(:last-child) {
        border-right: 1px solid #D8D8D8; } }
    .utp--loyalty .utp-card__img {
      background: transparent;
      width: 7rem;
      height: 7rem; }
      @media (max-width: 1023px) {
        .utp--loyalty .utp-card__img {
          width: 50px;
          height: 50px; } }
    .utp--loyalty .utp-card__desc {
      font-weight: 500; }

.utp-card {
  display: grid;
  grid-template-columns: 10rem auto;
  gap: 3.2rem;
  align-items: center; }
  @media (max-width: 1023px) {
    .utp-card {
      grid-template-columns: 70px auto;
      gap: 14px; } }
  @media (max-width: 575px) {
    .utp-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start; } }
  .utp-card__img {
    background: linear-gradient(90deg, #CF2C09 0%, #FF6F53 100%);
    width: 10rem;
    height: 10rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1023px) {
      .utp-card__img {
        width: 70px;
        height: 70px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px; } }
    .utp-card__img svg {
      max-width: 5.6rem;
      max-height: 5.6rem; }
      @media (max-width: 1023px) {
        .utp-card__img svg {
          max-width: 36px;
          max-height: 36px; } }
  .utp-card__title {
    font-weight: 600;
    margin-bottom: 1.2rem; }
    @media (max-width: 1023px) {
      .utp-card__title {
        margin-bottom: 8px; } }
  .utp-card__desc {
    color: #6F7682;
    font-weight: 400; }