﻿.portal-body {
    /*background-color: white;*/
}

    .portal-body .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
        content: "" !important;
    }

    .portal-body .page-container .sidebar {
        z-index: 10;
    }

    .portal-body .swiper-button svg {
        fill: currentColor;
    }

.number-tabs__buttons .swiper-slide {
    width: 25%;
}


.tuition-block__table-wrap {
    margin: 0;
}



.tuition-block__table-wrap.container {
    background: #fff;
    padding: 1rem;
}




.tuition-block__table-wrap.container .title.title--mini.title--dark {
    color: #333;
    font-weight: 400;
    font-size: 2.5rem;
}

@media(max-width:1024px) {
    .tuition-block__table-wrap.container .title.title--mini.title--dark {
        font-size: 1.625rem;
    }
}

@media(max-width: 1023px) {
    .number-tabs__buttons .swiper-slide {
        min-width: 13.5rem;
    }
}

@media(max-width: 767px) {
    .number-tabs__buttons .swiper-slide {
        min-width: 9rem;
    }
}

.portal-body .section.section--articles.js-art-section .articles-row {
    padding: 1.025rem 0;
    background-color: white;
}



.portal-body .section.section--articles.js-art-section .articles-row .articles-row__list a {
    line-height: 1.4;
    align-items: center;
    text-decoration: none;
}


.portal-body .section.section--articles.js-art-section .articles-row .articles-row__list a .link__arrow img {
    display: block;
}

.portal-body app-event-details h4.event-title a,
.portal-body app-lesson-details h4.event-title a {
    white-space: normal;
    text-decoration: none;
}

.portal-body app-month-event-item app-location-select-picker .mapsSelectModal,
.portal-body app-my-day app-location-select-picker .mapsSelectModal {
    left: 75vw !important;
}



@media (max-width: 767px) {
    .portal-body app-month-event-item app-location-select-picker .mapsSelectModal,
    .portal-body app-my-day app-location-select-picker .mapsSelectModal {
        left: 50% !important;
    }
}

.portal-body app-exam-item .mane-format,
.portal-body app-exam-item .details-description-format {
    position: relative;
}

    .portal-body app-exam-item .mane-format .format-click-text,
    .portal-body app-exam-item .details-description-format .format-click-text {
        cursor: pointer;
    }

@media(min-width: 768px) {
    .portal-body app-exam-item .details-description-format .format-click-text {
        white-space: nowrap;
    }
}

.portal-body app-exams-list .no-results-exams {
    text-align: center;
    font-size: 18px;
}

.portal-body app-exams-list-card mat-card.exams-list-card {
    min-height: 550px;
}

/*all grades section*/
.portal-body .all-grades-card .table-description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.93;
    padding-bottom: 1rem;
    padding-right: 1rem;
}

.portal-body .all-grades-card .table-header {
    padding-bottom: 0 !important;
}

@media (max-width: 991px) {
    .portal-body .all-grades-card .table-description {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .portal-body .section.section--articles.js-art-section {
        background: #F9F9F9;
        border: 0;
        padding: 0.625rem 0;
    }
    .portal-body .section.section--articles.js-art-section {
        height: 44px;
        padding: 0;
    }

    .portal-body .section.section--articles.js-art-section .articles-row {
        padding: 0.625rem;
        background-color: #F9F9F9;
    }

    .portal-body .section.section--articles.js-art-section .articles-row .articles-row__list a {
        line-height: 1.7;
        align-items: center;
    }

    .portal-body .section.section--articles.js-art-section .articles-row .articles-row__list a .link__arrow img {
        display: block;
    }

    app-home-cards-grid app-grid-card.mobile-modal:has(.card-component-wrap:not(.opened)) {
        display: none;
    }

    app-home-cards-grid app-mobile-modal-trigger {
        margin-bottom: 0 !important;
    }
}

.program-block h1, h2, h4, h5, h6 {
    margin: 0;
    font-weight: 400;
}

.program-block a {
    text-decoration: none;
}

.program-block svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}
/*
.section--third {
    background-color: #fff;
}*/

.department-block__content a {
    text-decoration: none;
}

.slide-min__img:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

ul:not(.header__menu-ul):not(.typeahead__list):not(.select2-results__options):not(.select2-selection__rendered):not(.pagination):not(.select):not(.science-item__socials):not(.clear-ul-style) li:before {
    content: "";
    position: absolute;
    right: 0.25rem;
    top: 0.375rem;
    display: block;
    width: 0.5rem;
    height: 0.75rem;
    background-color: #f90;
    -webkit-transform: skewX(-35deg);
    -ms-transform: skewX(-35deg);
    transform: skewX(-35deg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* widget - student calendar */
.portal-body app-day-schedule .calendar-navigation {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin: 0 0 1rem;
}

    .portal-body app-day-schedule .calendar-navigation .current-day {
        align-items: center;
        background: #F2F2F2;
        border-radius: 0.25rem;
        display: flex;
        justify-content: center;
        height: 2.25rem;
        gap: 0.25rem;
        min-width: 2.25rem;
        padding: 0.5rem;
    }

        .portal-body app-day-schedule .calendar-navigation .current-day .current-day-icon {
            --icon-size: 1.25rem;
        }

        .portal-body app-day-schedule .calendar-navigation .current-day .current-day-label {
            font-weight: 700;
        }

    .portal-body app-day-schedule .calendar-navigation .month-selector {
        display: flex;
        gap: 0.25rem;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.3;
    }

        .portal-body app-day-schedule .calendar-navigation .month-selector .prev,
        .portal-body app-day-schedule .calendar-navigation .month-selector .next {
            line-height: 0;
        }

    .portal-body app-day-schedule .calendar-navigation .arrow-icon {
        --icon-size: 2rem !important;
    }

.state.color-student-type-CourseGrade {
    --state-color: var(--primary-orange-accessible) !important;
}

.state.color-student-type-Exam, .state.color-student-type-Quiz {
    --state-color: var(--primary-orange) !important;
}

.app-dropdown-content-end.table-dropdown.app-dropdown-content-wrap.ng-star-inserted.opened {
    z-index: 10;
}


.picture-block--second .info-block .button,
.advantages-block .button,
.career-block__list .career-item__name,
.chances-item .button,
.looking-for__body .button,
.section--career .button,
.bakalavr-block .simple-item,
.section--connection .button,
.section.section--small-about .button,
.section.section--vektor .button,
.section.section--committed .button,
.section.section--masters .button,
.campus-services__list .link--stud,
.information-block__text .share-link,
.section.section--education .button,
.section.section--candidates-first .candidates-item__link,
.section.section--study .link--title,
.inner-bottom .link--connect,
.bottom-slider.bottom-slider--lobby .slide-min,
.section.section--cards .link,
.section.section--cards .card-item__title,
.section.section--study-about .study-item__body .link--title,
.section.section--masters .link--title,
.section.section--masters .link--dop,
.news-slider .link--title,
.section.section--soc-include .link--title {
    text-decoration: none;
}


.section.section--campus-services,
.section.section--committed,
.section.section--connection.gray,
.section.section--degree,
.section.section--career,
.section.section--advantages,
.section.section--program,
.section.section--chances,
.section--third,
.bakalavr-block,
.section.section--enter-program,
.section.section--vektor,
.section.section--housing,
.section.section--masters,
.section.section--grand.section--gray,
.section.section--information,
.section.section--education,
.section.section--candidates-first,
.section.section--study,
.bottom-slider.bottom-slider--lobby,
.section.section--culture,
.section.section--cards,
.section.section--soc-include,
.section.section--simple,
.section.section--looking-for,
.section.section--candidates-first,
.section.section--program-second,
.section.section--faq {
    background-color: #fff;
    /*margin-bottom: 2rem;*/
    margin-top: 0;
}

.section.section--small-about {
    background-color: #fff;
}

.computer-science.computer-science-swiper-image,
.section.section--computer, .inner-bottom {
    margin-bottom: 1rem;
    margin-top: 0;
}

.section.section--information {
    padding: 0 1rem;
    margin-bottom:0px;
}

.information-block__text a:not(.clear-link-style) {
    border-bottom: none;
    dispaly: inline;
}

.inner-bottom {
    padding: 1rem;
}

.section--study-about:after {
    content: none;
}

.preloader__icon.disabled-spinning {
    -webkit-animation: none;
    animation: none;
}

.section.button-section button {
    margin: 1.5rem auto;
}

    .section.button-section button.left-side {
        margin-left: 0;
    }

    .section.button-section button.right-side {
        margin-right: 0;
    }

@media (max-width: 1024px) {
    .section.section--chances {
        padding-bottom: 8rem !important;
    }

    .section.section--connection {
        margin-top: 0 !important;
    }

    .section.section--committed,
    .section.section--campus-services {
        margin-top: 0 !important;
        margin-bottom: 2rem;
    }

    .section.section--culture {
        padding-bottom: 3rem;
    }

    .section.section--small-about {
        padding-bottom: 1rem;
    }

    .arrow-uniq img {
        display: block;
    }

    .computer-science__text {
        padding: 1rem;
    }

    .bakalavr-block__content {
        margin-top: 0;
    }

    .section--soc-include .include-item__name {
        max-width: 12rem;
    }

    .section.section--cards {
        padding-bottom: 3rem;
    }

    .bottom-slider.bottom-slider--lobby .slide-min {
        padding: 0 1rem;
    }

    .section--study .section__triangles .title {
        margin: 2.5625rem 0.1625rem 0 0;
    }

    .grand-block__top .title--sub-second {
        padding: 0 1rem;
    }

    .section.section--advantages {
        padding: 1rem;
    }

    .section--chances .section__triangle {
        bottom: -0.5%;
    }

    .audio-block__close img {
        display: block;
    }
}

.section--big-card {
    background-color: #fff;
}



@media (min-width: 1024px) {

    .section--big-card {
        padding: 1.4375rem 2.2rem 3.5rem;
    }

    .section--big-card .big-card.showed {
        padding-bottom: 3rem;
    }

    .section.section--committed .about-item.about-item--img {
        padding: 0 9rem;
    }

    .section.section--committed .about-item__right {
        max-width: 22rem;
    }

    .section.section--chances {
        padding: 1rem 0 7rem !important;
    }

        .section.section--chances .section__triangle {
            max-width: 30.75rem;
        }

    .section.section--committed { /*E.S. Removed by Netanel At 11-1-2024*/
        /*      padding-top: 0 !important;
        padding-bottom: 0 !important;*/
    }

    .section.section--cards .cards-block .card-item {
        box-shadow: 0 0 0.8rem #00000026;
    }

    .section.section--cards .cards-block .swiper-slide {
        padding: 0.5rem;
    }

    .section.section--cards {
        padding: 2.125rem 1rem 1rem 1rem;
    }

    .section.section--culture {
        padding-bottom: 3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

        .section.section--culture .culture-block__content {
            padding-left: 3rem;
        }

    .section.section--candidates-first {
        padding: 1rem;
    }

    .section.section--masters {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin: 0;
    }

    .degree-block__content {
        padding-right: 2rem;
    }

    .picture-block--second {
        overflow: hidden;
    }

    .computer-science__text {
        transform: translateX(-15%);
    }

    .picture-block--second .picture-block__image {
        padding-bottom: 36%;
    }

        .picture-block--second .picture-block__image:after {
            top: -120%;
        }

    .section--third .section__triangles {
        width: 64% !important;
    }

    .chances-block__list {
        margin: 3.625rem 2rem 0;
    }

    .section--chances .section__triangle {
        bottom: -1%;
    }

    .program-block .program-block__content {
        padding: 1%;
    }

    .section.section--advantages {
        padding: 1%;
        margin: 0;
    }

    .advantages-block__list.grid-4 {
        margin: 1.875rem 1rem;
    }

    [data-slider="science"] {
        xmax-width: 36.25rem;
    }

    [data-slider="science-big"] {
        max-width: 71.25rem !important;
    }

    .looking-for .looking-for__img {
        max-width: 40.5rem;
    }

    .looking-for .looking-for__body {
        padding: 0 5% 0 41%;
    }

    .arrow-uniq img {
        display: block;
    }

    .section.section--career {
        padding: 7.5rem 0 0;
    }

    .career-block__list {
        width: 120%;
    }
}

/*tip gallery  blocklist*/
.tip-gallery-container {
    display: flex;
    justify-content: space-between;
}

.tip-gallery-container .combination-current-tipGallery {
    width: 48%;
}

.tip-gallery-container .study-item {
    opacity: 1;
    transform: none;
}

.slider-study {
    padding: 0 1rem 2rem;
}

@media (min-width: 1200px) {
    .section--study-about:before {
        border-width: 16rem 25rem 0 0;
    }
}

@media (max-width: 1250px) {
    .tip-gallery-container {
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .tip-gallery-container .combination-current-tipGallery {
        width: 100%;
    }
}
/*END tip gallery  blocklist*/

.portal-body .section--what-get .what-get__img {
    top: 49%;
    width: 28vw;
    height: 27rem;
}

.portal-body .section--information.paragraph-block-section {
    padding: 6rem 1rem;
}

.portal-body .link--title .link__text {
    line-height: 1.5;
}

@media (max-width: 767px) {
    .portal-body .share-drop {
        right: -1rem;
        width: 18.3125rem !important;
    }

        .portal-body .share-drop .share-drop__list {
            flex-wrap: wrap;
            row-gap: 0.5rem;
        }
}

@media (max-width: 480px) {
    .portal-body .section--candidates-first .container--padding {
        padding: 0;
    }
}

.portal-body section.section--faq .simple-accordion .simple-accordion__body p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.portal-body .section--committed.mb-medium {
    padding: 0;
}
@media(max-width: 1023px) {
    .portal-body .section--committed.mb-medium {
        padding: 0 1rem;
    }
}
@media (max-width: 768px) {
    .portal-body .studentTitleLinks-block-section .campus-services__list .link--stud {
        height: unset;
        min-height: 6.5rem;
    }
}
@media (max-width: 767px) {
    .portal-body .section--committed.mb-medium {
        padding: 1rem;
    }
}

.portal-body .contactUs-block-section .inner-bottom__connect {
    flex-wrap: wrap;
    gap: 5px;
}

@media (min-width: 560px) {
    .portal-body .contactUs-block-section .inner-bottom__connect .link {
        margin: 0 0 0 1.1875rem;
    }
}

@media (max-width: 560px) {
    .portal-body .contactUs-block-section .link--connect .link__text {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 75vw;
    }
}

/* ----- START Portal QuestionAndAnswer blocklist body text styles ----- */
.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h1,
.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h2,
.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h3,
.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h4,
.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h5,
.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h6 {
    font-weight: 700;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h1 {
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h2 {
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h3 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h4 {
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h5 {
    font-size: 0.83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body h6 {
    font-size: 0.67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}


.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body ul li {
    position: relative !important;
    padding-right: 1.75rem !important;
}

.portal-body .combination-current-questionAndAnswerItem .simple-accordion .simple-accordion__body ul li:before {
    content: "";
    position: absolute !important;
    right: 0.25rem !important;
    top: 0.375rem !important;
    display: block !important;
    width: 0.5rem !important;
    height: 0.75rem !important;
    background-color: #f90 !important;
    -webkit-transform: skewX(-35deg) !important;
    -ms-transform: skewX(-35deg) !important;
    transform: skewX(-35deg) !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
/* ----- END Portal QuestionAndAnswer blocklist body text styles ----- */


#portal-private-component .popup__body p.thanks-block__text img {
    max-width: 100%;
    max-height: calc(100vh - 80px);
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

/*IconDescriptionsColumns region*/
.villag-item > a {
    display: contents;
    text-decoration: none;
}

.villag-item__title {
    font-weight: 400;
}

.villag-item__text {
    white-space-collapse: break-spaces;
}

@media (max-width: 480px) {
    .village-adv__list {
        grid-template-columns: 1fr;
    }
}

@media (min-width:480px) and (max-width: 768px) {
    .village-adv__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-widh:480px) {
    .village-adv__list {
        justify-items: center;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        display: grid;
        width: 100%;
    }

    
}


/*IconDescriptionsColumns end region*/
        /*PrivateAccountLinksBanner region*/
        .container {
    /*max-width: 100rem;*/
}

/*PrivateAccountLinksBanner end region*/

/*StudyProgramsSlider region*/
.candidates-block__slider {
    width: 45vw;
    top: 13px;
    left: 0;
    flex-shrink: 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    xmargin: 0 0 0 20px;
    padding-top: 1rem;
}

.candidates-block__sidebar .title--mid {
    word-break: break-all;
}

.candidates-block__sidebar-btns a {
    text-decoration: none;
}

.slide-min__date {
    text-decoration: none;
}

.swiper-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 30%;
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1);
    z-index: 5;
    color: #33363f;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    background-color: hsla(0, 0%, 100%, .8);
}

.swiper-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 8%;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    color: #33363f;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

@media (min-width: 1980px) {
    .candidates-block__slider {
        width: 60.79167vw;
    }
}
/*StudyProgramsSlider endregion*/

/*GallerySlider region */
.new-gallery__top {
    display: -webkit-box;
    padding-top: 1rem;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0 1.25rem;
}


@media (max-width:720px){
    .new-gallery__body {
        height: 250px;
    }
}
@media(max-width:960px) {
    .new-gallery__body {
        height: 350px;
    }
}
.new-gallery__body {
    display: grid;
    grid-template-columns: 0.7fr 0.7fr 1fr 1fr;
    gap: 10px;
    margin: 0 0 3.75rem;
}

@media (min-width: 561px) {
    .new-gallery__item {
        padding-bottom: 46%;
    }

        .new-gallery__item:first-child {
            grid-column: 1/3;
            grid-row: 1/3;
        }

        .new-gallery__item:nth-child(4) {
            grid-column: 3/5;
        }
}

.new-gallery__item {
    position: relative;
}

    .new-gallery__item img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        -o-object-fit: cover;
        object-fit: cover;
    }

.swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #cfd6da;
    border-radius: 8px;
    -webkit-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear;
    opacity: 1
}

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 1.8125rem;
        background: -webkit-gradient(linear, left top, right top, color-stop(22.92%, #d96204), color-stop(49.48%, #e16327), color-stop(97.92%, #f7941e));
        background: -o-linear-gradient(left, #d96204 22.92%, #e16327 49.48%, #f7941e 97.92%);
        background: linear-gradient(90deg, #d96204 22.92%, #e16327 49.48%, #f7941e 97.92%)
    }

@media (min-width: 700px) {
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 2.4375rem
    }
}

@media (max-width: 560px) {
    .new-gallery__body {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 0 1.875rem;
    }
}

.researchers-gallery-slider {
    overflow: hidden;
}
/*GallerySlider end region*/
/*StudentsSlider region*/
.section--computer.students-quotes.students-slide .computer-science__body .manager-item {
    margin: 0 0 0;
    flex-direction: column;
}

.section--computer.students-quotes.students-slide .computer-science__body .science-item {
    min-height: 420px;
}

.computer-science__slider--long .swiper-wrapper .swiper-slide:after, .computer-science__slider--short .swiper-wrapper .swiper-slide-next ~ .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .9);
}

.section--computer {
    margin: 0;
}

.computer-science {
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.section--candidates-slider {
    margin: 0;
    background:#fff;
    padding:1rem 1rem;
}

.computer-science {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 20.1875rem 13.5625rem;
    padding: 0 0 2.375rem;
}

.computer-science-swiper-image {
    position: relative;
    overflow: hidden;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

@media (min-width: 1922px) {
    .computer-science {
        background-size: 48.0625rem 32.1875rem;
        padding: 0 0 5.625rem;
        margin: 0 -1rem 8.1875rem 0;
    }
}

@media (min-width: 1201px) {
    .section--computer.students-quotes .computer-science__body {
        display: -webkit-box;
        display: -ms-flexbox;
        /*display: flex;*/
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 0 4.0625rem;
        width: 100%;
    }
}

@media (min-width: 1922px) {
    .computer-science__slider {
        max-width: 76.25rem;
    }
}

.computer-science__slider {
    width: 900px;
    position: relative;
}

@media (min-width: 1201px) {
    .computer-science__slider .swiper-container {
        padding: 21px 5px 21px 21px;
    }
}

.computer-science__text a.button {
    text-decoration: none;
}

.section--computer.students-quotes.students-slide .computer-science__body .science-item__socials {
    left: unset;
    right: 3rem;
}

.section--computer.students-quotes.students-slide .computer-science__body .science-item:after {
    bottom: unset;
    top: 0;
    border-width: 10.0625rem 0 0 12.5rem;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f1f1f1;
    transform: scale(-1);
}

@media(max-width: 767px) {
    .combination-current-studentsSlider .students-slide .swiper-wrapper .swiper-slide {
        max-width: 85%;
    }
}
/*StudentsSlider end region*/

/*TitleDescriptionIconsSlider region*/
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grand-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 243.2px;
    /*margin-right: 16px;*/
}



.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    /*bottom: 10px;*/
    left: 0;
    width: 100%;
}

.section--new-gallery .swiper-pointer-events {
    margin-bottom: 1.5rem
}

.section--new-gallery .title--bold {
    font-weight: 400;
}

.section--four-hostel {
    background-color: #f9f9f9;
    overflow: hidden;
}

    .section--four-hostel .four-hostel__list {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-row-gap: 2px;
        margin: 0;
        width: 100%;
        display: grid;
    }

        .section--four-hostel .four-hostel__list .four-hostel {
        }

        .section--four-hostel .four-hostel__list .link--title .link__icon img {
            width: 24px;
        }

.section--village-list {
    margin: 0;
    padding: 3rem 0 2rem;
    background: #FFF;
}

@media (max-width: 640px) {
    .cards-block .swiper-wrapper {
        display: flex;
    }
}

/*TitleDescriptionIconsSlider end region*/
/*Articles Slider region*/
@media (min-width: 1281px) {
    .big-card .swiper-button.swiper-button--prev {
        left: -0.75em;
    }
}

@media (min-width: 1281px) {
    .big-card .swiper-button.swiper-button--next {
        right: -0.75rem;
    }
}

a.button.button--default.button--default-hover:hover {
    color: white;
}

.button--default-hover {
    position: relative;
    text-decoration: none;
}

.section--big-card .link--title {
    text-decoration: none;
}


/*Articles Slider end region*/

@media (max-width: 480px) {

    .section--four-hostel .four-hostel__list {
        display: none;
    }
}

@media (max-width: 768) {

    .section--four-hostel .four-hostel__list {
        grid-template-columns: 100%;
        grid-row-gap: 0;
    }
}

@media (max-width: 640px) {
    .portal-body .tuition-block__table-wrap.container {
        width: 100%;
    }
}

.portal-body .section.section--candidates-slider .candidates-block__slider .swiper-container .swiper-prev svg,
.portal-body .section.section--candidates-slider .candidates-block__slider .swiper-container .swiper-next svg {
    fill: currentColor;
    width: 32px;
    height: 22px;
}

.portal-body .section.section--candidates-slider .candidates-block__slider .swiper-container .swiper-prev,
.portal-body .section.section--candidates-slider .candidates-block__slider .swiper-container .swiper-next {
    background-color: hsla(0, 0%, 100%, .8);
    width: 50px;
    height: 40px;
}

.portal-body .section.section--candidates-slider .candidates-block__slider .swiper-container .swiper-next {
    left: 5%;
}

.portal-body .section.section--candidates-slider .candidates-block__slider {
    display: block;
}

@media (min-width: 1980px) {
    .portal-body .section.section--candidates-slider .candidates-block__slider {
        width: 43.79167vw;
    }
}

@media (max-width: 1280px) {
    .portal-body .section.section--candidates-slider .candidates-block__slider {
        width: 100%;
        position: relative;
        top: 0;
    }
}

@media (max-width: 560px) {
    .portal-body .section.section--candidates-slider .swiper-slide .slide-min {
        width: 95%;
    }
}

.portal-body section.section--grand.grand-slider .swiper-container .swiper-pagination {
    bottom: -28px;
}

.portal-body section.section--grand.grand-slider {
    padding: 1.5rem 0 3.25rem;
}

.portal-body .section.section--masters.section--masters-second .masters-block__slider-nav {
    width: 100%;
    max-width: 420px;
    position: absolute;
    left: calc(57% - 72px);
    bottom: 0px;
    z-index: 2;
    right: calc(50% - 438px);
}

@media(max-width: 639px) {
    .portal-body .section.section--masters.section--masters-second .swiper-slide .masters-slide .masters-slide__img {
        display: block;
        height: 280px;
        margin: 0 0 1.25rem;
    }

    .portal-body .section.section--masters.section--masters-second .masters-block__slider-wrap {
        padding: 0;
    }

    .portal-body .section.section--masters.section--masters-second .masters-block__slider-nav {
        top: 215px;
        left: unset;
        bottom: unset;
        right: unset;
    }

        .portal-body .section.section--masters.section--masters-second .masters-block__slider-nav .masters-block__slide-button.js-master-next {
            left: 10px;
            display: block;
        }

        .portal-body .section.section--masters.section--masters-second .masters-block__slider-nav .masters-block__slide-button.js-master-prev {
            right: 10px;
            display: block;
        }
}

/* Highlights blocklist*/
.block-quote .container img {
    max-width: 100%;
    max-height: calc(100vh - 80px);
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* Highlights end blocklist*/

/*DegreesTypesCubes blocklist*/
.candidates-item__link svg {
    fill: currentColor; /* Use the text color of the parent element */
    
}

.candidates-item:hover:after {
    background-color: hsl(36, 100%, 50%, 71%);
}

.candidates-item__link:hover span {
    color: black; /* Keep the text color black when hovering over the link */
}
/*DegreesTypesCubes end blocklist*/


@media (min-width: 1024px) and (max-width: 1440px) {
    #success-stories-cubes-angular-portal .swiper-button-prev {
        top: 9rem;
        left: 2rem;
    }

    #success-stories-cubes-angular-portal .swiper-button-next {
        top: 9rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #success-stories-cubes-angular-portal .swiper-button-prev {
        top: 7rem;
        left: 2rem;
    }

    #success-stories-cubes-angular-portal .swiper-button-next {
        top: 7rem;
    }
}

@media (min-width: 375px) and (max-width: 768px) {
    #success-stories-cubes-angular-portal .swiper-button-prev {
        top: 11rem;
        left: 2rem;
    }

    #success-stories-cubes-angular-portal .swiper-button-next {
        top: 11rem;
    }
}

@media (min-width: 320px) and (max-width: 375px) {
    #success-stories-cubes-angular-portal .swiper-button-prev {
        top: 10rem;
        left: 2rem;
    }

    #success-stories-cubes-angular-portal .swiper-button-next {
        top: 10rem;
    }
}

@media (max-width: 320px) {
    #success-stories-cubes-angular-portal .swiper-button-prev {
        top: 8rem;
        left: 2rem;
    }

    #success-stories-cubes-angular-portal .swiper-button-next {
        top: 8rem;
    }
}

/**GalleryWithSocialButtons  region*/
.organization-unit-gallery .masters-slide__bottom {
    display: flex;
    gap: 0.5rem;
    margin-top: auto;
    width: calc(100% - 1.5rem);
    flex-wrap: wrap;
}

@media (max-width: 1500px) {
    .organization-unit-gallery .masters-slide__bottom {
        width: calc(100% - 3.5rem); /* Adjusted for responsiveness */
    }
}

.organization-unit-gallery .masters-nav .masters-nav__img {
    width: 100%;
    height: 100%;
}

.organization-unit-gallery .masters-slide__text {
    margin-bottom: 1rem;
}

.organization-unit-gallery .masters-block__slide-button {
    transform: translateY(-50%);
}

.organization-unit-gallery .masters-slide__left {
    display: flex;
    flex-direction: column;
}

.organization-unit-gallery .masters-slide__bottom.right-soc-links {
    flex-direction: row-reverse;
}

.organization-unit-gallery .masters-slide__bottom.left-soc-links {
    flex-direction: row;
}

@media (min-width: 1024px) {
    .organization-unit-gallery .masters-slide__text {
        -webkit-line-clamp: 10;
    }
}

.organization-unit-gallery .dot-nav {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 8px;
    background-color: #cfd6da;
    transition: width 0.3s linear, transform 0.3s linear;
}

.organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) .swiper-slide-thumb-active .dot-nav {
    width: 20px;
    background: linear-gradient(90deg, #e16327, #f7941e);
    transform: translateX(8px);
}

@media (max-width: 640px) {
    .masters-block__slider-nav {
        max-width: none;
    }
}

.organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) .swiper-container .swiper-slide {
    width: 10px !important;
}

@media (max-width: 1023px) {
    .organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) {
        position: absolute;
        top: 342px;
    }

    .organization-unit-gallery .masters-block--secondary .masters-slide__img {
        margin: 0 0 1.25rem;
        height: 400px;
    }

    .organization-unit-gallery .masters-block__slider-nav.small-icons-pagination {
        top: 300px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .organization-unit-gallery .masters-block--secondary .masters-slide__img {
        height: 310px;
    }

    .organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) {
        top: 254px;
    }
}

@media (max-width: 639px) {
    .organization-unit-gallery .masters-block__slider-wrap {
        padding: 0;
    }

    .organization-unit-gallery .masters-block--secondary .masters-slide__img {
        height: 280px;
    }

    .organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) {
        top: 230px;
    }

    .organization-unit-gallery .masters-block__slider-nav.small-icons-pagination {
        top: 0;
        left: 50%;
    }

        .organization-unit-gallery .masters-block__slider-nav.small-icons-pagination .swiper-slide {
            margin-right: 0 !important;
        }
}

@media (min-width: 1023px) {
    .organization-unit-gallery .masters-block__slider-nav {
        right: calc(53% - 468px);
    }
}

.organization-unit-gallery .masters-block--secondary .masters-slide__img {
    display: block;
}

.organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) .swiper-wrapper {
    justify-content: center;
}

.organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) .swiper-container .swiper-slide {
    margin-right: 0 !important;
    width: fit-content;
}

.organization-unit-gallery .masters-block__slider-nav:not(.small-icons-pagination) .swiper-slide.swiper-slide-thumb-active {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

.cards-block .swiper-button.swiper-button--next.swiper-button-disabled,
.cards-block .swiper-button.swiper-button--prev.swiper-button-disabled {
    opacity: .2;
    pointer-events: none
}

/**GalleryWithSocialButtons end region*/

/* Skeleton animations/*/


.skeleton-header {
    background-color: #333; /* Dark background */
    color: white; /* Light text */
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .skeleton-header h1 {
        margin: 0;
        font-size: 24px;
    }

    .skeleton-header nav {
        /* Assuming there is a navigation in the header */
    }

    .skeleton-header a {
        color: white;
        text-decoration: none;
        margin-left: 20px;
    }

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .skeleton-header {
        flex-direction: column;
        align-items: start;
    }

        .skeleton-header a {
            margin-top: 10px;
            margin-left: 0;
        }
}


.skeleton-container {
    display: flex;
    height: calc(100vh - 100px);
}

.skeleton-sidebar {
    width: 6.0625rem;
    padding: 20px;
    background: #333;
    overflow: auto;
}

.skeleton-content {
    flex-grow: 1;
    padding: 20px;
    overflow: auto;
    background-color: #eee;
}

.skeleton-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.skeleton-column {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.skeleton-loading {
    position: relative;
    overflow: hidden;
}

    .skeleton-loading::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150%; /* Starting from offscreen to the left */
        height: 100%;
        width: 150%;
        background: linear-gradient(to right, transparent 0%, #e0e0e0 50%, transparent 100%);
        animation: shimmer 1.5s infinite linear;
    }

@keyframes shimmer {
    0% {
        left: -150%; /* Start the gradient offscreen to the left */
    }

    100% {
        left: 100%; /* Move the gradient completely offscreen to the right */
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .skeleton-container {
        flex-direction: column;
    }

    .skeleton-sidebar {
        width: 100%;
    }

    .skeleton-grid {
        grid-template-columns: 1fr;
    }
}

.skeleton-menu-ul {
    list-style: none; /* Removes bullet points from the list */
    margin: 0; /* Removes default margin */
    padding: 0 !important; /* Removes default padding */
}

.skeleton-menu-li {
    padding: 0 !important; /* Adds padding above and below each list item */
   
    display: flex; /* Flexbox for horizontal layout */
    align-items: center; /* Centers items vertically within the list item */
}

.skeleton-menu-link {
    display: flex; /* Flexbox for horizontal layout */
    align-items: center; /* Centers items vertically */
    width: 100%; /* Full width of its container */
}

.skeleton-icon {
    height: 50px; /* Fixed height for icons */
    width: 50px; /* Fixed width for icons */
    border-radius: 50%; /* Makes the icons perfectly circular */
    background-color: #ccc; /* Gray background for icons */
    margin-right: 10px; /* Space between icon and the line */
}

.skeleton-line {
    flex-grow: 1; /* Takes up remaining space in the flex container */
    height: 10px; /* Height of the line */
    background-color: #e0e0e0; /* Light gray background for the line */
    border-radius: 10px; /* Rounded corners for the line */
}

.skeleton-sub-menu {
    margin-top: 5px; /* Space above the submenu */
    padding-left: 30px; /* Indentation of the submenu */
}
.skeleton-block {
    width: 100%;
}

.rich-text-content-block th,
.rich-text-content-block td,
.combination-current-questionAndAnswerItem th,
.combination-current-questionAndAnswerItem td {
    border: 1px solid #ddd !important;
    padding: 8px !important;
    color: #333 !important;
}

.rich-text-content-block tr:hover,
.combination-current-questionAndAnswerItem tr:hover {
    background-color: #f0f0f0 !important;
}

.rich-text-content-block tbody tr:nth-child(odd)
{
    background-color: #f9f9f9;
}

.combination-current-questionAndAnswerItem tbody tr {
    background-color: #FFF;
}

/* -------------------------------- */
section.section.section--computer.students-quotes.students-slide .swiper-button.swiper-button--next {
    right: -3%;
}

/*@media (max-width: 768px) {
    section.section.section--computer.students-quotes.students-slide .computer-science__slider--short .swiper-wrapper .swiper-slide-next {
        transform: translateX(75%);
    }
}*/

section.section.section--big-card .big-card .swiper-button.swiper-button--next {
    right: unset;
    left: -0.75em;
}

section.section.section--big-card .big-card .swiper-button.swiper-button--prev {
    left: unset;
    right: -0.75rem;
}

section.section.section--big-card .big-card .swiper-button.swiper-button--next svg,
section.section.section--big-card .big-card .swiper-button.swiper-button--prev svg {
    transform: scale(-1);
}

section.organization-unit-gallery.section.section--masters.section--masters-second .masters-block.masters-block--secondary {
    padding-top: 1rem;
}
/*the floating cookie*/
#ct-ultimate-gdpr-cookie-open {
    display: none !important;
}


@media (max-width: 768px) {
    section.organization-unit-gallery.section.section--masters.section--masters-second .masters-block__slider-nav.small-icons-pagination {
        top: 0;
        left: 50%;
    }

    section.organization-unit-gallery.section.section--masters.section--masters-second .masters-block__slider.small-icons-pagination .masters-slide__img {
        height: 120px;
    }

        section.organization-unit-gallery.section.section--masters.section--masters-second .masters-block__slider.small-icons-pagination .masters-slide__img:after {
            background: none;
        }

    section.organization-unit-gallery.section.section--masters.section--masters-second .masters-block__slider.small-icons-pagination .masters-slide__img img {
        display: none;
    }
}

@media(max-width: 560px) {
    .portal-body .section.section--radio .bottom-slider .slide-min {
        width: 95%;
    }
}

.portal-body section.section.section--information.z-top {
    z-index: 50;
}

@media(max-width: 767px) {
    .portal-body .portal-wrapper-podcast-popup .share-drop {
        right: -13rem;
    }
}

    .portal-body .section.section--four-hostel .four-hostel .title {
        margin: 0 0 8px;
    }

@media(min-width: 767px) {
    .portal-body .section.section--four-hostel .four-hostel {
        transform: translate(-11%, 8%);
    }
}

.portal-body .section.section--soc-include.success-stories-block-section {
    padding: 2rem 0;
}

@media(min-width: 1922px) {
    .portal-body .section.section--computer.students-quotes .manager-item__body {
        max-width: 20rem;
    }
}

@media(max-width: 599px) {
    .portal-body .section.section--big-card .info-block .button {
        width: 100%;
    }
}
/*----------------------------------------------------*/
.portal-body .section.section--computer.students-quotes .swiper-button.swiper-button--next {
    right: -2%;
}

.portal-body .section.section--program {
    margin: 0 0 3.125rem;
}

.portal-body .section.section--computer.students-quotes .science-item {
    width: 85%;
}

@media(max-width: 767px) {
    .portal-body .section.section--computer.students-quotes .computer-science__slider {
        width: inherit;
    }
}

@media(min-width: 1201px) {
    .portal-body .section.section--computer.students-quotes .computer-science__slider {
        max-width: 45.25rem;
    }

        .portal-body .manager-item__sub,
        .portal-body .science-item__text,
        .portal-body .manager-item__title {
            font-size: 1rem;
        }
}

.portal-body .section.section--computer.graduates-quotes .computer-science__slider {
    width: 71.25rem;
}

    .portal-body .section.section--computer.graduates-quotes .science-item {
        width: 85%;
    }

@media(min-width: 767px) {
    .portal-body .section.section--computer.graduates-quotes .science-item {
        max-width: 21.875vw;
        padding: 1.61458vw 1.97917vw 1.97917vw 1.61458vw;
    }
}

@media(max-width: 1320px) {
    .portal-body .section.section--computer.graduates-quotes .computer-science__slider {
        width: calc(100% + 11px);
    }
}

.section.section--looking-for {
    margin: 0 0 3rem;
}

@media(min-width: 769px) {
    .portal-body .bakalavr-block {
        margin-bottom: 3rem;
    }
}

.portal-body .section.section--masters.researchers-block-section .js-master-next.masters-block__slide-button img,
.portal-body .section.section--masters.researchers-block-section .js-master-prev.masters-block__slide-button img {
    transform: scale(-1);
}

.portal-body .section.section--computer.students-quotes .computer-science {
    display: flex;
    justify-content: flex-start;
}

@media(min-width: 1201px) {
    .portal-body .section--computer.students-quotes .computer-science__body {
        width: 94%;
    }
}

.portal-body .section.section--housing,
.portal-body .section.section--simple,
.portal-body .section.studentTitleLinks-block-section.section.section--campus-services {
    margin: 0;
}

.portal-body .section--computer.students-quotes.students-slide .computer-science__body .science-item .manager-item__body {
    max-width: unset;
}

.portal-body .section--computer.students-quotes.students-slide .computer-science__body .science-item .science-item__socials {
    bottom: .625rem;
}

.portal-body .section.section--masters.section--masters-second .masters-block__slider-nav:not(.small-icons-pagination) .swiper-container {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}

.portal-body .section.section--soc-include.success-stories-block-section .include-item__drop {
    padding: 0 .75rem 0;
}

[blocklist-id="iconDescriptions"] a.housing-item {
    text-decoration: unset;
    -webkit-text-decoration: unset;
}


/**********Adding tooltip to new-gallery__item in GallerySlider ***************/
.section.section--new-gallery.section--gray-2.researchers-gallery-slider
.new-gallery__item {
    position: relative;
}

.section.section--new-gallery.section--gray-2.researchers-gallery-slider
.new-gallery__item .hover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.35rem 0.6rem;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    color: #fff;
    z-index: 5;
    pointer-events: none;
    font-size: 0.85rem;
    text-align: center;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25rem;
    max-height: 2.5rem;
}

.section.section--new-gallery.section--gray-2.researchers-gallery-slider
.new-gallery__item .hover {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease;
}

.section.section--new-gallery.section--gray-2.researchers-gallery-slider
.new-gallery__item:hover .hover,
.section.section--new-gallery.section--gray-2.researchers-gallery-slider
.new-gallery__item:focus-within .hover {
    opacity: 1;
    transform: translateY(0);
}
/*************************/

.simple-accordion__body {
    padding-bottom: 0.125rem;
}

/*grid-card of the componets in Portal's home page*/
.mobile-modal-header-link-wrapper {
    padding: 0!important;
}

/* ============================================================
   RichTextEditor portal blocklist fixes — scoped to this blocklist only.
   The block renders as .richTextEditor-block-section > .content-block.simple-rte.
   These override the .content-block rules in external/main.css, which is loaded
   earlier in the same bundle.
   ============================================================ */

/* 1) Show the ordered-list numbers and drop the orange marker on those items.
   external/main.css draws the counter ("1." "2." ...) via `.content-block ol li:before`; the
   block component paints its orange marker on every list item, numbered ones included. */
.portal-body .richTextEditor-block-section .content-block ol:not(.clear-ul-style) > li:after {
    content: none;
}

/* An ordered list nested in a bulleted one matches the app wide `ul li:before { display: none }`,
   which hides the number the counter draws, so it is put back for numbered items. */
.portal-body .richTextEditor-block-section .content-block ol:not(.clear-ul-style) > li:before {
    display: block !important;
}

/* 2) Normalize the link underline + restore the usual hover.
   Portal links stack a typography `text-decoration` underline on top of the
   `.content-block p a` border-bottom, so they look doubled / bold. Drop the
   text-decoration and give every RTE link the site's usual single underline that
   fades to the accent colour on hover. main.css only does this for `p` links, so
   links inside list items were left with no underline and no hover — handle all of
   them here (media/image links keep no underline). */
.portal-body .richTextEditor-block-section .content-block a:not([href^="/media/"]) {
    text-decoration: none;
    border-bottom: 2px solid #c05602;
    -webkit-transition: border-color .2s linear, color .2s ease-in-out;
    -o-transition: border-color .2s linear, color .2s ease-in-out;
    transition: border-color .2s linear, color .2s ease-in-out;
}

.portal-body .richTextEditor-block-section .content-block a:not([href^="/media/"]):hover {
    border-color: transparent;
    color: #c05602;
}

/* ============================================================
   RTE list spacing and numbering, all portal blocklists that render editor content.
   ============================================================ */

/* The gallery blocks sit outside .content-block, so the counter in external/main.css never
   reaches them and the Angular reset leaves their ordered lists without any marker at all. */
.portal-body .program-second__right .title--sub-second ol:not(.clear-ul-style),
.portal-body .culture-block__content ol:not(.clear-ul-style) {
    list-style: decimal;
    padding-inline-start: 2.5rem; /* the reset zeroes the list padding, without it the numbers fall outside */
}

/* One shared gap between RTE list items, matching the public site. The portal main sheet spaces
   bullets 1.125rem, 2.125rem inside the gallery block, and leaves numbered items at 0. */
.portal-body .content-block ul li + li,
.portal-body .content-block ol li + li,
.portal-body .rich-text-content-block ul li + li,
.portal-body .rich-text-content-block ol li + li,
.portal-body .program-second__right .title--sub-second ul li + li,
.portal-body .program-second__right .title--sub-second ol li + li,
.portal-body .information-block__text ul li + li,
.portal-body .information-block__text ol li + li,
.portal-body .culture-block__content ul li + li,
.portal-body .culture-block__content ol li + li {
    margin-top: 0.5rem !important; /* the main sheet rule carries eight :not() classes, so it needs !important */
}

/* Pasted list markup wraps the item text in a paragraph, whose bottom margin then doubles the gap */
.portal-body .content-block li > p:last-child,
.portal-body .rich-text-content-block li > p:last-child,
.portal-body .program-second__right .title--sub-second li > p:last-child,
.portal-body .information-block__text li > p:last-child,
.portal-body .culture-block__content li > p:last-child {
    margin-bottom: 0;
}

/* The Angular reset also zeroes the paragraph and list block margins that the external site
   keeps from the browser defaults, so portal paragraphs glue to each other and to the lists
   around them. Restore the default 1em rhythm inside the editor-content blocks. :where()
   keeps these at zero specificity so every real site rule (like the .content-block paragraph
   margin in external/main.css) still wins, exactly as it does on the external site; they beat
   the reset only because this sheet loads after it. */
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) p {
    margin: 1em 0;
}

/* Bulleted lists stay flush on both sites (external/main.css zeroes bare ul margins),
   so only the ordered lists need their browser-default block margin back. */
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) ol {
    margin: 1em 0;
}

/* Nested lists carry no block margin in the browser defaults, keep them flush here too */
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) li ol {
    margin: 0;
}

/* Headings are zeroed by three bare-element resets, and the site restores them only inside
   .content-block, so an RTE header in the other editor-content blocks glues to the lists
   around it. The tag stays outside :where() so these tie the resets at 0,0,1 and win by
   loading last, while every class-scoped rule in external/main.css still wins over them. */
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h1,
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h2,
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h3,
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h4,
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h5,
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h6 {
    margin: 1.875rem 0 1rem;
}

/* A header that opens the block needs no top gap, same as .content-block :first-child */
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h1:where(:first-child),
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h2:where(:first-child),
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h3:where(:first-child),
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h4:where(:first-child),
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h5:where(:first-child),
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) h6:where(:first-child) {
    margin-top: 0;
}

/* The paragraph restore above gives li > p a 1em top margin the external site never has
   (.content-block p carries top 0 there), which inflated the gap between pasted list items */
:where(.portal-body .content-block,
    .portal-body .rich-text-content-block,
    .portal-body .program-second__right .title--sub-second,
    .portal-body .information-block__text,
    .portal-body .culture-block__content) li > p {
    margin-top: 0;
}

/* The portal shows the RTE block and the gallery block one above the other, so their lists
   should read the same. The content wrapper sizes bulleted items at 1rem and numbered ones
   at 1.25rem; even both out to the gallery's 1.125rem and keep the number's line box level.
   !important because the typography bundle's bare list rule carries eight :not() classes. */
.portal-body .richTextEditor-block-section .content-block ul:not(.clear-ul-style) li,
.portal-body .richTextEditor-block-section .content-block ol:not(.clear-ul-style) li {
    font-size: 1.125rem !important;
    line-height: 1.4 !important;
}

.portal-body .richTextEditor-block-section .content-block ol:not(.clear-ul-style) > li:before {
    line-height: 1.4;
}

/* A pasted item wraps its text in a paragraph that would jump back to the wrapper's 1.25rem */
.portal-body .richTextEditor-block-section .content-block li > :where(p) {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 1em;
}

/* A paragraph right above a list keeps the gallery's 1em gap instead of the wrapper's 2.125rem */
.portal-body .richTextEditor-block-section .content-block p:has(+ ul),
.portal-body .richTextEditor-block-section .content-block p:has(+ ol) {
    margin-bottom: 1em;
}
