section.exclusive-gifts {

    --tw-bg-opacity: 1;

    background-color: rgb(245 247 248 / var(--tw-bg-opacity))
}

  section.exclusive-gifts .card-box {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 1rem
}

  @media (min-width: 700px) {

    section.exclusive-gifts .card-box {

        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

  @media (min-width: 1440px) {

    section.exclusive-gifts .card-box {

        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

  section.exclusive-gifts .card-box .card {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    gap: 1.5rem;

    border-radius: 12px;

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 1.5rem;

    padding-bottom: 1.5rem
}

  @media (min-width: 700px) {

    section.exclusive-gifts .card-box .card {

        flex-direction: column
    }
}

  section.exclusive-gifts .card-box .card .card-info {

    display: flex;

    flex-direction: row;

    gap: 0.75rem
}

  @media (min-width: 700px) {

    section.exclusive-gifts .card-box .card .card-info {

        flex-direction: column;

        align-items: center
    }
}

  section.exclusive-gifts .card-box .card .card-info svg {

    height: 2.5rem;

    width: 2.5rem;

    flex-shrink: 0;

    flex-grow: 0;

    --tw-text-opacity: 1;

    color: rgb(131 141 156 / var(--tw-text-opacity))
}

  section.exclusive-gifts .card-box .card .card-info .text {

    display: flex;

    flex-direction: column;

    gap: 0.25rem
}

  section.exclusive-gifts .card-box .card .card-info .text h3 {

    font-size: 1.0625rem;

    line-height: 1.5;

    font-weight: 500;

    letter-spacing: 1.02px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

  @media (min-width: 700px) {

    section.exclusive-gifts .card-box .card .card-info .text h3 {

        text-align: center;

        font-size: 1.3125rem;

        line-height: 1.5;

        font-weight: 500;

        letter-spacing: 1.26px
    }
}

  section.exclusive-gifts .card-box .card .card-info .text p {

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(81 90 104 / var(--tw-text-opacity))
}

  @media (min-width: 700px) {

    section.exclusive-gifts .card-box .card .card-info .text p {

        text-align: center;

        font-size: 0.9375rem;

        line-height: 1.5;

        letter-spacing: 1.2px
    }
}

  section.exclusive-gifts .card-box .card .card-info .text small {

    font-size: 0.75rem;

    line-height: 1.5;

    letter-spacing: 0.48px;

    --tw-text-opacity: 1;

    color: rgb(131 141 156 / var(--tw-text-opacity))
}

  section.exclusive-gifts .card-box .card .btn-link-orange {

    width: auto;

    flex-shrink: 0;

    flex-grow: 0
}

  section.exclusive-gifts .card-box .card .btn-link-orange span {

    display: none
}

  @media (min-width: 700px) {

    section.exclusive-gifts .card-box .card .btn-link-orange span {

        display: inline
    }
}

  section.exclusive-gifts .button-section {

    margin-top: 2.5rem;

    display: flex;

    flex-direction: column-reverse;

    gap: 1rem
}

  @media (min-width: 700px) {

    section.exclusive-gifts .button-section {

        flex-direction: row;

        justify-content: center
    }

    section.exclusive-gifts .button-section a {

        width: 136px
    }
}

  section.exclusive-gifts.op-play {

    background-color: transparent;

    padding-top: 60px;

    padding-bottom: 60px
}

  @media (min-width: 700px) {

    section.exclusive-gifts.op-play {

        padding-top: 80px;

        padding-bottom: 80px
    }
}

  section.exclusive-gifts.op-play .v3-twm-container {

    padding-left: 1.25rem;

    padding-right: 1.25rem
}

  @media (min-width: 576px) {

    section.exclusive-gifts.op-play .v3-twm-container {

        padding-left: 1.5rem;

        padding-right: 1.5rem
    }
}

  @media (min-width: 1440px) {

    section.exclusive-gifts.op-play .v3-twm-container {

        padding-left: 0px;

        padding-right: 0px
    }
}

  section.exclusive-gifts.op-play .v3-twm-container .title-box {

    margin-bottom: 1.5rem
}

  @media (min-width: 700px) {

    section.exclusive-gifts.op-play .v3-twm-container .title-box {

        margin-bottom: 2.5rem
    }
}

  section.exclusive-gifts.op-play .v3-twm-container .title-box h3 {

    margin-bottom: 1rem;

    text-align: center;

    font-size: 1.375rem;

    font-weight: 500;

    letter-spacing: 1.54px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

  @media (min-width: 700px) {

    section.exclusive-gifts.op-play .v3-twm-container .title-box h3 {

        font-size: 2.125rem;

        line-height: 1.5;

        font-weight: 500;

        letter-spacing: 2.38px
    }
}

  section.exclusive-gifts.op-play .v3-twm-container .title-box p {

    text-align: center;

    font-size: 0.9375rem;

    line-height: 1.5;

    letter-spacing: 1.5px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

  @media (min-width: 700px) {

    section.exclusive-gifts.op-play .v3-twm-container .title-box p {

        font-size: 1.125rem;

        line-height: 1.5;

        letter-spacing: 1.8px
    }
}

/*# sourceMappingURL=p4-exclusive-gifts.css.map */