.dis-container {
    position: relative;
    display: block;
    /* padding: 22px 0px 26px; */
    padding: 2.03vh 0px 2.40vh;
    background: #fbfbfb;
    font-size: 0px;
}

.dis-container > * {
    font-size: 16px;
}

.dis-side {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.dis-side.left {
    /* width: 945px; */
    width: 49.21vw;
    /* padding-right: 160px; */
    padding-right: 8.33vw;
    text-align: right;
    align-content: right;
}

.dis-title {
    position: relative;
    display: block;
    /* padding-top: 210px; */
    padding-top: 19.44vh;
    /* width: 710px; */
    width: 100%;
    /* font-size: 82px; */
    font-size: 4.27vw;
    /* font-size: clamp(80px, 4.27vw, 82px); */
    letter-spacing: 0.2px;
    color: #999;
    /* margin: 0px 0px 63px; */
    margin: 0px 0px 3.28vh;
    font-weight: normal;
    /* line-height: 85px; */
    line-height: 7.87vh;
}

.dis-title span {
    position: relative;
    display: block;
    /* font-size: 24px; */
    /* font-size: 1.25vw; */
    font-size: clamp(18px, 1.30vw, 25px);
    letter-spacing: 0.2px;
    color: #b0a967;
    /* line-height: 20px; */
    line-height: 1.85vh;
    /* margin-bottom: 10px; */
    margin-bottom: 0.92vh;
}

.dis-desc {
    position: relative;
    display: inline-block;
    /* width: calc(100% - 250px); */
    width: 100%;
    /* max-width: 470px; */
    max-width: 24.47vw;
    /* font-size: 16px; */
    /* font-size: 0.83vw; */
    font-size: clamp(13px, 0.98vw, 19px);
    color: #595959;
    /* line-height: 35px; */
    /* line-height: 3.24vh; */
    line-height: clamp(30px, 4.53vh, 49px);
    /* margin: 0px auto 56px; */
    margin: 0px 0px 5.18vh;
}

.dis-side.right {
    /* width: 870px; */
    width: calc(100vw - 49.21vw);
    font-size: 0px;
}

.dis-side.right > * {
    font-size: 16px;
}

.dis-side-right-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* width: 972px; */
    /* width: 50.62vw; */
    width: calc((100% - 15px) / 3);
    margin: 0px 5px 5px 0px;
    aspect-ratio: 1206/1514;
    background-size: cover !important;
    background-position: center !important;
}

.dis-side-right-icon {
    position: absolute;
    display: block;
    /* right: 64px; */
    right: 3.33vw;
    /* bottom: -138px; */
    bottom: -12.77vh;
}

@media screen and (max-width : 1024px) {
    .dis-container {
        padding: 100px 30px 0px;
    }

    .dis-side {
        display: block;
        width: 100% !important;
        text-align: center !important;
        padding: 0px !important;
    }

    .dis-title {
        max-width: 600px;
        margin: 0px auto 50px;
        padding: 0px;
        line-height: 45px;
    }

    .dis-desc {
        padding: 0px;
        margin: 0px auto 50px;
        max-width: 768px;
    }

    .dis-side-right-img {
        /* width: 100%; */
        width: calc((100% - 5px) / 2);
    }

    .dis-side-right-img:nth-child(even) {
        margin-right: 0px;
    }
}

@media screen and (max-width : 768px) {
    .dis-container {
        padding: 80px 20px 0px;
    }

    .dis-title {
        margin: 0px auto 20px;
        line-height: 35px;

        position: relative;
        display: block;
        text-align: center;
        width: calc(100% - 40px);
        top: 0px;
    }

    .dis-title span {
        margin-bottom: 5px;
    }

    .dis-desc {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        top: 0px;
        padding: 0px;
        margin: 0px auto 50px;
        line-height: 24px;
        max-width: 768px;
    }
}

@media screen and (max-width : 500px) {
    .dis-title span {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .dis-desc {
        text-align: left;
    }

    .dis-title {
        font-size: 37px;
    }
}