.box-movieset-fullpack .main-title {
    margin-bottom: 20px;
}

.movieset-fullpack-content {
    width: 100%;
    text-align: left;
    background-color: #fff;
    padding: 50px 0;
}

.movieset-fullpack-content .section-discount {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
}

.movieset-fullpack-content .section-discount div {
    width: 100%;
    text-align: center;
}

.movieset-fullpack-content .section-discount div:first-child img {
    width: 70%;
}

.movieset-fullpack-content .section-discount div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.movieset-fullpack-content .section-discount div:nth-child(2) .discount-box {
    width: 100%;
    color: #000;
    background-color: transparent;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.movieset-fullpack-content .section-discount div:nth-child(2) .discount-box p {
    font-size: 30px;
    font-weight: bold;
}

.movieset-fullpack-content
    .section-discount
    div:nth-child(2)
    .discount-box
    p:nth-child(3) {
    font-size: 40px;
}

.movieset-fullpack-content .section-discount div:nth-child(2) .shadow-button {
    width: 100%;
    height: 60px;
    font-size: 24px;
    color: #fff;
    background-image: linear-gradient(#ffbb36, #ec9c00);
    border: none;
    border-radius: 5px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.movieset-fullpack-content .container > span:nth-child(2) {
    width: 100%;
    line-height: 50px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #000;
    margin-top: 40px;
}

.movieset-fullpack-content .section-video {
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
}

.movieset-fullpack-content .section-video img,
.movieset-fullpack-content .section-video iframe {
    width: 100%;
    height: 100%;
}

.movieset-fullpack-content .discount-detail {
    width: 100%;
    font-size: 18px;
    margin-top: 20px;
}

.movieset-fullpack-content .container > span:nth-child(5) {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #444;
    margin-top: 40px;
}

.movieset-fullpack-content .written-courses {
    width: 100%;
    line-height: 30px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
}

.movieset-fullpack-content .summary {
    width: 100%;
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
}

.movieset-fullpack-content .summary > div:first-child span,
.movieset-fullpack-content .summary > div:nth-child(2) span {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #000;
    display: block;
}

.movieset-fullpack-content .summary > div:first-child p,
.movieset-fullpack-content .summary > div:nth-child(2) p {
    line-height: 30px;
    margin-top: 20px;
}

.movieset-fullpack-content .feedback {
    width: 100%;
}

.movieset-fullpack-content .feedback .title {
    font-size: 30px;
}

.movieset-fullpack-content .feedback .title::before {
    content: "●";
    margin-right: 5px;
}

.movieset-fullpack-content .feedback .feedback-container {
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3px;
}

.movieset-fullpack-content .feedback .feedback-container .item {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-image: linear-gradient(#f4f4f4, #dddddd);
    padding-left: 20px;
    position: relative;
}

@media all and (max-width: 768px) {
    .bggray .container2 img {
        object-fit: contain;
    }

    .box-movieset-fullpack .main-title {
        margin-top: 20px !important;
    }

    .movieset-fullpack-content {
        padding: 20px;
    }

    .movieset-fullpack-content .section-discount {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .movieset-fullpack-content
        .section-discount
        div:nth-child(2)
        .discount-box
        p {
        font-size: 20px;
    }

    .movieset-fullpack-content
        .section-discount
        div:nth-child(2)
        .discount-box
        p:nth-child(3) {
        font-size: 30px;
    }

    .movieset-fullpack-content .section-discount div:nth-child(2) .txt-red {
        font-size: 16px !important;
    }

    .movieset-fullpack-content
        .section-discount
        div:nth-child(2)
        .shadow-button {
        font-size: 20px;
        margin-top: 0;
    }

    .movieset-fullpack-content .container > span:nth-child(2) {
        font-size: 20px;
    }

    .movieset-fullpack-content .section-video {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .movieset-fullpack-content .section-video img,
    .movieset-fullpack-content .section-video iframe {
        height: 190px;
    }

    .movieset-fullpack-content .discount-detail {
        font-size: 15px;
    }

    .movieset-fullpack-content .container > span:nth-child(5) {
        height: 30px;
        line-height: 30px;
        font-size: 18px;
    }

    .movieset-fullpack-content .written-courses {
        line-height: 22px;
        grid-template-columns: 1fr;
    }

    .movieset-fullpack-content .written-courses p,
    .movieset-fullpack-content .written-courses span {
        font-size: 12px !important;
    }

    .movieset-fullpack-content .summary {
        grid-template-columns: 1fr;
    }

    .movieset-fullpack-content .summary > div:first-child span,
    .movieset-fullpack-content .summary > div:nth-child(2) span {
        font-size: 20px;
    }

    .movieset-fullpack-content .summary > div:first-child p,
    .movieset-fullpack-content .summary > div:nth-child(2) p {
        line-height: 22px;
        font-size: 12px;
        margin: 10px 0 30px 0;
    }

    .movieset-fullpack-content .feedback .title {
        font-size: 20px;
    }

    .movieset-fullpack-content .feedback .feedback-container {
        grid-template-columns: 1fr;
    }

    .movieset-fullpack-content .feedback .feedback-container .item {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .bggray .container2 img {
        object-fit: contain;
        background-color: #eee;
    }
}

.block2Btn {
    justify-content: space-between !important;
}

.block2Btn .shadow-button {
    flex: 0 0 48%;
}

.shadow-button a,
.shadow-button button {
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%),
        inset 0 -0.25em 0 rgb(0 0 0 / 25%), 0 0.25em 0.25em rgb(0 0 0 / 5%);
    cursor: pointer;
    transition: all 0.01s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.shadow-button:active {
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 50%) inset,
        0px 0px 20px 20px rgb(0 0 0 / 10%) inset;
    transform: translateY(1px);
}

.block2Btn .shadow-button:last-child button {
    background-image: linear-gradient(#ff3a3a, #d50000);
}

.block2Btn .shadow-button:first-child a {
    background-image: linear-gradient(#888, #666);
    color: #000;
}

.voice {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.voice {
    text-align: center;
}

.images {
    flex: 0 0 50%;
}

.images img {
    padding: 5px;
    width: 100%;
    height: auto;
}

.bggray {
    background: #eee;
}

.bggray .container2 {
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
}