.page.coll-degree-programs-page .page-content {
    padding-bottom: 0;
}
.page.coll-degree-programs-page .module-layer {
    background: url(../images/bg5@2x.png) no-repeat right bottom / calc(1490 * var(--px));
}
.page.coll-degree-programs-page .module-layer .layer-header .text-stroke {
    color: var(--thirdary);
}
.page.coll-degree-programs-page .degree-programs .layer-main {
    max-width: calc(100vw - calc(160 * var(--px)));
}
.page.coll-degree-programs-page .degree-programs .article-title__list {
    flex: 0 1 calc(600 * var(--px));
    border-top: 1px solid rgba(0, 0, 0, .3);
}
.page.coll-degree-programs-page .article-title__list .article-title {
    min-height: calc(100 * var(--px));
    padding-left: calc(20 * var(--px));
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
}
.page.coll-degree-programs-page .article-title__list .article-title__content {
    max-width: calc(400 * var(--px));
    color: var(--fourdary);
    font-size: calc(24 * var(--px));
    line-height: 1.4;
    padding: calc(20 * var(--px)) 0;
    overflow: hidden;
    transition: color .3s linear;
}
.page.coll-degree-programs-page .article-title__list .article-title__content .icon-l-right-black {
    flex: 0 0 auto;
    margin-right: calc(24 * var(--px));
    margin-left: calc(-84 * var(--px));
    transition: margin .5s linear;
}
.page.coll-degree-programs-page .article-title__list .article-title.active .icon-l-right-black {
    margin-left: 0;
}
.page.coll-degree-programs-page .article-title__list .article-title .title-inner p {
    display: inline;
    background: linear-gradient(to right, var(--thirdary), var(--thirdary)) no-repeat right bottom / 0 2px;
    background-size: 0 2px;
    background-repeat: no-repeat;
    transition: background-size .5s linear .3s;
}
.page.coll-degree-programs-page .article-title__list .article-title:not(.active):hover .article-title__content,
.page.coll-degree-programs-page .article-title__list .article-title.active .article-title__content {
    color: var(--thirdary);
}
.page.coll-degree-programs-page .article-title__list .article-title:not(.active):hover .title-inner p,
.page.coll-degree-programs-page .article-title__list .article-title.active .title-inner p {
    background-size: 100% 2px;
    background-position-x: left;
}

.page.coll-degree-programs-page .degree-programs .article-swiper {
    flex: 1 1 0;
    margin-left: calc(118 * var(--px));
}
.page.coll-degree-programs-page .degree-programs .article-swiper .article {
    font-size: calc(24 * var(--px));
    line-height: 1.5;
    position: relative;
    padding-left: calc(50 * var(--px));
}
.page.coll-degree-programs-page .degree-programs .article-swiper .article::before {
    content: '';
    width: calc(6 * var(--px));
    height: calc(120 * var(--px));
    background-color: var(--thirdary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.page.coll-degree-programs-page .degree-programs .article-swiper .article::after {
    content: '';
    width: calc(6 * var(--px));
    height: calc(60 * var(--px));
    background-color: var(--primary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.page.coll-degree-programs-page .degree-programs .article-swiper .article-logo {
    height: calc(92 * var(--px));
}
.page.coll-degree-programs-page .degree-programs .article-swiper .article-title {
    color: #000;
    font-size: calc(40 * var(--px));
    line-height: 1.2;
    padding-top: calc(40 * var(--px));
    padding-bottom: calc(30 * var(--px));
}
.page.coll-degree-programs-page .degree-programs .article-swiper .article-content {
    text-align: justify;
}
.page.coll-degree-programs-page .degree-programs .article-swiper .btn {
    width: calc(248 * var(--px));
    height: calc(74 * var(--px));
    margin-top: calc(50 * var(--px));
}
@media screen and (max-width: 1400px) {
    .page.coll-degree-programs-page .degree-programs .layer-main {
        padding-right: calc(32 * var(--px));
    }
}
@media screen and (max-width: 768px) {
    .page.coll-degree-programs-page .degree-programs .layer-main {
        max-width: calc(100% - calc(40 * var(--px)));
    }
    .page.coll-degree-programs-page .degree-programs .article-title__list {
        flex: 0 1 calc(420 * var(--px));
    }
    .page.coll-degree-programs-page .article-title__list .article-title__content {
        font-size: calc(24 * var(--px));
    }
    .page.coll-degree-programs-page .article-title__list .article-title__content .icon-l-right-black {
        width: calc(31 * var(--px));
        height: calc(17 * var(--px));
        margin-left: calc(-53 * var(--px));
    }
    .page.coll-degree-programs-page .degree-programs .article-swiper {
        margin-left: calc(50 * var(--px));
    }
    .page.coll-degree-programs-page .degree-programs .article-swiper .article-title {
        font-size: calc(32 * var(--px));
        padding-bottom: calc(30 * var(--px));
    }
}

@media screen and (max-width: 550px) {
    .page.coll-degree-programs-page .degree-programs .layer-main {
        max-width: calc(100% - calc(20 * var(--px)));
    }
    .page.coll-degree-programs-page .degree-programs .article-title__list {
        flex: 0 1 calc(360 * var(--px));
    }
    .page.coll-degree-programs-page .degree-programs .article-swiper {
        margin-left: calc(25 * var(--px));
    }
    .page.coll-degree-programs-page .degree-programs .article-swiper .article {
        padding-left: calc(25 * var(--px));
    }
}