#works .page-section-inner{
    padding-block-end: calc(230 / var(--vw) * var(--base));
}

.works-lead{
    margin-block-end: calc(94 / var(--vw) * var(--base));
    font-size: calc(20 / var(--vw) * var(--base));
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 769px) {
    #works .page-section-inner {
        padding-block-end: calc(230 / var(--vw) * var(--base));
    }

    .works-lead {
        margin-block-end: calc(94 / var(--vw) * var(--base));
        font-size: calc(20 / var(--vw) * var(--base));
        font-weight: 500;
        line-height: 1.5;
    }
}

/* Works Profile STyle */

#works-profile .page-section-inner{
    padding-block-start: calc(83 / var(--vw) * var(--base));
    padding-block-end: calc(140 / var(--vw) * var(--base));
}

.works-profile-image{
    width: 100%;
    margin-inline: auto;
}

.works-profile-image-column{
    width: 100%;
    margin-block: 0;
    aspect-ratio: 684/386;
}

@media (max-width: 768px) {
    .works-profile-table{
        display: block;
        width: 100%;
        margin-block-start: calc(25 / var(--vw) * var(--base));
        margin-inline: auto;
    }

    .works-profile-table tbody,
    .works-profile-table tr {
        display: block;
    }

    .works-profile-table tr:not(:last-child){
        margin-block-end: calc(32 / var(--vw) * var(--base));
    }

    .works-profile-table th,
    .works-profile-table td{
        display: block;
        font-size: calc(25 / var(--vw) * var(--base));
        font-weight: 400;
        text-align: left;
        line-height: calc(31/18);
    }

    .works-profile-table th {
        color: #878787;
    }
}

@media (min-width: 769px) {
    #works-profile .page-section-inner {
        padding-block-start: calc(83 / var(--vw) * var(--base));
        padding-block-end: calc(140 / var(--vw) * var(--base));
    }

    #works .c-category-list {
        width: 60%;
        min-width: calc(1420 * 0.6 / var(--vw) * var(--base));
    }

    .works-profile-image {
        width: calc(986 / var(--vw) * var(--base));
        margin-inline: auto;
    }

    .works-profile-image-column {
        width: calc(986 / var(--vw) * var(--base));
        margin-block: 0;
        aspect-ratio: 986/555;
    }

    .works-profile-table {
        border-collapse: collapse;
        border-spacing: 0;
        width: calc(986 / var(--vw) * var(--base));
        margin-block-start: calc(25 / var(--vw) * var(--base));
        margin-inline: auto;
    }

    .works-profile-table th,
    .works-profile-table td {
        font-size: calc(18 / var(--vw) * var(--base));
        font-weight: 400;
        text-align: left;
        line-height: calc(31/18);
    }

    .works-profile-table th {
        color: #878787;
        vertical-align: baseline;
    }
}

/* Swiper Style */

.swiper-controll{
    display: flex;
    align-items: flex-start;
    column-gap: calc(29 / var(--vw) * var(--base));
    position: relative;
    height: calc(55 / var(--vw) * var(--base));
    margin-block-start: calc(22 / var(--vw) * var(--base));
}

.swiper-controll .swiper-pagination{
    position: relative;
    bottom: inherit;
    top: inherit;
    width: max-content;
    margin-inline-end: auto;
    line-height: 1;
}

.swiper-controll .swiper-pagination-bullet{
    opacity: 1;
    background: var(--bk);
    width: calc(13 / var(--vw) * var(--base));
    height: calc(13 / var(--vw) * var(--base));

}

.swiper-controll .swiper-pagination-bullet-active{
    background: #D9D9D9;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 calc(22 / var(--vw) * var(--base)) 0 0;
}

@media (max-width: 768px) {
    .swiper-controll .swiper-pagination{
        margin-inline: auto;
    }
}

.swiper-button-next,
.swiper-button-prev{
    display: none;
}

.swiper-button-next[role="button"],
.swiper-button-prev[role="button"]{
    display: block;
    position: relative;
    top: inherit;
    background: url("../img/arrow-bk.svg") no-repeat center/contain;
    border-radius: 50%;
    border: 1px solid var(--bk);
    width: calc(55 / var(--vw) * var(--base));
    height: calc(55 / var(--vw) * var(--base));
    margin-top:0;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next{
    left: inherit;
    right: inherit;
    transform: rotateY(180deg);
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev{
    left: inherit;
    right: inherit;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    content: "";
    display: none;
}

@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev{
        display: none;
    }
}